background preloader

8 plugins pour gérer votre webzine WordPress

8 plugins pour gérer votre webzine WordPress
La flexibilité de WordPress n’est plus à prouver : il est possible de l’utiliser pour des projets très divers, du site vitrine au webzine en passant par l’e-boutique. Dans le cas d’un webzine, il faut sélectionner minutieusement les plugins à installer, pour adapter le mieux possible WordPress à cette utilisation sans le surcharger d’extensions inutiles. Voici ma sélection de plugins indispensables dans le cas d’un blog multi-utilisateurs. Gestion des utilisateurs Co-author Plus C’est une des lacunes de WordPress : il est pour le moment impossible d’attribuer un article à plusieurs auteurs. Co-Authors Plus Assigner de multiples auteurs à vos contenu sous WordPress. Taille : 138,7 KiB • Date : 18 février 2013 • Hits : 781 User Role Editor Les rôles d’utilisateurs de WordPress sont plutôt bien définis par défaut. User Role Editor Un plugin pour gérer les permissions des différents rôles d'utilisateurs sous WordPress. Taille : 658,2 KiB • Date : 18 février 2013 • Hits : 1 021 Gestion éditoriale

jQuery & Wordpress - User Interface Dans ce tuto, je tenais à vous présenter une sous-librairie de jQuery, il s’agit de jQuery UI. Qui, même si elle est dépendante de jQuery, est très complète. Nous verrons dans un premier temps comment l’utiliser dans votre projet puis je proposerai des exemples d’applications pratiques. Importation des éléments jQuery La première chose à faire est de visiter le site web contenant cette libraire : jQuery UI. Ensuite, nous allons fabriquer notre thème. Une fois l’opération terminée, téléchargez grâce au bouton Download Theme situé en-haut du theme roller. Dans la page suivante, vous pourrez enlever les effets que vous ne désirez pas télécharger. Vous vous retrouverez avec une archive composée des fichiers suivants : Pour importer votre libraire dans votre thème WordPress voici les différentes étapes à suivre : Félicitations, vous venez d’installer votre librairie jQuery UI. Exemples d’utilisation #1 – L’accordéon Vous avez peut-être déjà tenté de créer, sur votre site, ce type d’animation.

Meilleurs Plugins WordPress- Gratuits & essentiels à installer L'un des avantages de WordPress est son nombre incroyable de plugins gratuits, cette force est aussi sa faiblesse! Petite revue des Meilleurs Plugins WordPress du moment... Pas moins de 38 997 plugins sont recensés sur le répertoire officiel, sans compter les plugins premium. Voici une petite liste non-exhaustive des meilleurs plugins WordPress gratuits du moment, dans laquelle piocher pour toute nouvelle installation WordPress. Askimet Akismet est très probablement la solution anti-spam absolue. Disqus On aime ou on aime pas, Disqus rend les commentaires plus facile et plus interactif, récemment mis à jour, il intègre en natif des fonctionnalités utiles comme Gravatars, RSS, Notation, etc. Subscribe to Comments Un plugin WordPress performant qui permet aux commentateurs de s'inscrire par e-mail à la notification d'entrées ultérieures. Mention Comment's Authors Yoast Comment Hacks Ce plugin de Yoast améliore les fonctionnalités du système de commentaires par défaut de WordPress. WP Smush.it

jQuery UI & WordPress - Le bouton sous toutes les coutures Après avoir étudié comment intégrer jQuery UI dans votre projet WordPress, apprenons comment utiliser les boutons avec cette formidable bibliothèque. REMARQUE : Sachez que l’importation d’une librairie complète pour 2, 3 boutons est à proscrire. Bien que mes exemples portent sur des problèmes simplistes, on utilisera plus souvent une libraire de cette envergure pour créer une interface utilisateur complète dont la création de boutons est une étape importante. Le bouton de base Pré-requis : Un lien ou un bouton en HTML ;Ajoutez un attribut class quelque soit la méthode utilisée (lien ou bouton) ; <! La classe sera récupérée dans notre code JavaScript pour identifier le bouton. jQuery(function() { jQuery( '.button' ).button(); }); Vous devriez obtenir un bouton aux couleurs du thème jQuery UI de votre choix. Le bouton avec une icône Vous l’aurez sans doute remarqué lors de la sélection de votre théme, jQuery UI importe dans votre projet une série d’icône à tout faire. <! Et voila le résultat ;

Most Popular Free WordPress Themes » Most Popular RSS Feed Surfarama Surfarama is a bold and fun theme which uses the popular mason style layout on the home page and category pages to highlight imagery and make for a very visual presentation. Teal Responsive WordPress magazine theme with 2 home page layouts, 300x250 ads, 125x125 ads, 4 premade (Black, Blue, Light, Cream) ready to use color schemes/skins, 2 page layouts including a full width page template, custom background, featured posts, social icons, twitter updates, threaded comments and widget support. Hatch A simple and minimal portfolio theme for photographers, illustrators, designers, or photobloggers. PaperCuts PaperCuts is an easy customizable WordPress multipurpose theme. Magazino Magazino is a simple and flexible theme ideally suited to magazine style blogs. Clean Retina Clean Retina is a Simple, Clean and Responsive Retina Ready WordPress Theme which adapts automatically to your tablets and mobile devices. Business Pro Hazen Engrave (Lite) Origin

Créer un menu "stay-top" sous Wordpress avec jQuery Aujourd’hui, je vous dévoile les secrets de ces menus qui font le tour du Web. J’ai nommé le menu stay-top. Un menu stay-top c’est un menu qui, lorsque votre page Web est trop longue et que vous la faites défiler, s’ancre sur le bord supérieur de votre navigateur. A la base, il ne s’agit pas d’un tutoriel WordPress mais je vais vous montrer comment l’articuler sous notre CMS préféré. Résultat final Vous pouvez télécharger l’archive ZIP et visualisez dans votre navigateur favori le fichier index.html afin de vous donner une idée du résultat final. Étape n°1 – Constitution du menu Pour intégrer notre menu, je vais utiliser la fonction de menu personnalisé de WordPress. Notre menu s’articulera de cette façon : Voici le résultat en sortie : La ligne 2 est optionnelle. Étape n°2 – CSS Ce que vous devez retenir : Le wrapper, comprenez la div qui englobe votre menu, doit TOUJOURS être en index supérieur au reste du site. Pour le reste, faites selon vos envies…. Étape n°3 – jQuery Enjoy !

50 banques d’images gratuites (et légales)... Si vous aimez le design et que vous pratiquez votre passion dans le plus strict respect des lois, alors les banques d’images gratuites, ça doit vous connaitre. Histoire de bien faire les choses, je vous propose donc de découvrir 50 adresses de sites qui risquent de s’avérer plutôt utiles. Alors la liste n’est pas exhaustive, c’est sûr, mais c’est déjà pas mal. MAJ : Cet article datant de quelques années, la plupart des ces banques d’images sont passées à un modèle payant. Donc si vous ne trouvez pas ce que vous cherchez, vous pouvez également aller lire ce billet où vous trouverez trois méthodes pour trouver et pour télécharger des images gratuites et libres de droit. TextureWarehouse : les textures y sont reines.FreeStockPhotos : ne vous fiez pas à son interface…MajesticImagery : de nombreuses galeries…BurningWell : euh… pareil :)DesignPack : images et thèmes à volonté…ZurbPhotos : des photos de Bryan Zmijewski à télécharger.AmazingTextures : lui aussi il porte bien son nom !

jQuery : Le DOM & les sélecteurs Je retrouve souvent plusieurs personnes appliquant certains de mes tutos me posant les mêmes questions ou me soumettant les mêmes problèmes d’intégration. En général, les soucis sont dû à une compréhension erronée des manipulations du DOM ou de la manière dont agit le JavaScript sur votre code. Aujourd’hui, je vous fais un petit tuto pour tous ceux qui veulent toucher à jQuery sans nécessairement comprendre tout JavaScript. C’est pour cela que nous allons (re)voir ce qu’est le DOM ainsi que les sélecteurs utilisés dans jQuery. Coté client Comme JavaScript, jQuery est un langage qui s’exécute coté client. Vous l’avez certainement déjà entendu sans vraiment comprendre ce que cela entraine par rapport à votre code. Donc le JavaScript ne modifiera jamais du code PHP. Document Object Model Le JavaScript parcourt une page web en respectant une hiérarchie très simple que l’on nomme le DOM. Schéma – Exemple DOM Les sélecteurs Voici le secret de jQuery. La même chose est applicable avec jQuery : [nom!

Tuto Wordpress - Créer une page d'accueil avec 3 zones de widgets 1 – Ajout de la fonction sidebar à votre thème La première chose à faire est d’activer la fonction sidebar dans le fichier functions.php de votre thème. Pour cela, ajoutez le code qui suit, et personnalisez le pour ajouter autant de zones de widgets que nécessaire. // Enregistrement des sidebar et des widgets if ( function_exists('register_sidebar') ) { register_sidebar(array( 'name' => 'Footer 1', 'before_widget' => '<div id="%1$s">', 'after_widget' => '</div>', 'before_title' => '<h6>', 'after_title' => '</h6>', )); register_sidebar(array( 'name' => 'Footer 2', 'before_widget' => '<div id="%1$s">', 'after_widget' => '</div>', 'before_title' => '<h6>', 'after_title' => '</h6>', )); register_sidebar(array( 'name' => 'Footer 3', 'before_widget' => '<div id="%1$s">', 'after_widget' => '</div>', 'before_title' => '<h6>', 'after_title' => '</h6>', )); } 2 – Création du fichier template Ensuite, créez un fichier template-home.php, qui vous servira de modèle à appliquer à notre page d’accueil.

Wordpress & jQuery UI : L’accordéon d’article Beaucoup d’entre vous me demandent comment fabriquer un système d’accordéon avec jQuery et WordPress. Un système en étant un autre. Il y a peu d’article explicatif sur cette méthode. Un manque corrigé avec ce tutoriel détaillé. Avant de commencer, je vous demande d’insérer la librairie jQuery et jQueryUI. Avec ces librairies, il est très simple de créer un accordéon. Le code avec une boucle WordPress En sortie votre code devra, stricto sensu, ressembler à ceci : <div id="accordion"><h3><a href="Lien 1">Le titre</a></h3><div>Le contenu</div><h3><a href="Lien 2">Le titre</a></h3><div>Le contenu</div><h3><a href="Lien 3">Le titre</a></h3><div>Le contenu</div><h3><a href="Lien 4">Le titre</a></h3><div>Le contenu</div></div> Pour ce faire, nous allons utiliser le loop de WordPress afin de générer ce code : <div id="accordion"><? J’utilise donc la fonction query_posts pour n’afficher que les 5 premiers articles. Dans le loop, on va retrouver : Ce code est exempt de toute option. Résultat final

20 Plugins Menu Pro WordPress Automattic, l’entreprise derrière WordPress, est consciente que la gestion des menus étaient vraiment très limitatif. Depuis la version 3 de WordPress, l’accès a été mis sur une gestion plus simple, plus intuitive. Mais bon, même si cela est largement mieux qu’avant, il faut bien reconnaitre que la gestion des menus reste encore très basique. Nous vous proposons donc de découvrir une sélection de 20 plugins pro pour WordPress qui vont vous changer la vie pour gérer vos menus WordPress. Si vos recherches vous ont conduit ici, et qu’en fait vous chercher un plugin pour gérer les menus d’un restaurant avec WordPress… lisez notre article, une petite surprise a été mise spécialement pour vous Télécharger UberMenu Lorsqu’on recherche un plugin qui pousse les menu WordPress a allé plus loin, UberMenu est la référence dans le domaine. Pour tout vous dire, notre blog WordPress utilise UberMenu, c’est vraiment un super plugin. Télécharger Restaurant Menu Télécharger WP Sticky Menu Télécharger NiceMenu

jQuery & Wordpress – Créer votre slider personnalisé Aujourd’hui nous apprendrons à utiliser jQuery afin de créer un slider. Plusieurs notions de WordPress vous seront utiles, notamment les query_posts et les custom fields ou champs personnalisés. Coté jQuery, tous sera décortiqué dans ce tutoriel. Pourquoi faire un slider soi-même, alors qu’il en existe une pléiade de plugin comprenant cette fonction ? Rappel sur les query_posts Le query_posts est une fonction utilisée juste avant le loop WordPress permettant de trier les résultats de ce dernier. En code, le précédent exemple donnerai ceci : Le wp_reset_query(); » sert à clore la requête pour éviter tout conflit dans le cas d’un template multi-loop. Pour notre slider nous utiliserons cette requête : Rappel sur les custom fields Les custom fields sont des champs que vous pouvez ajouter à vos articles pour en préciser le contenu. Ces champs peuvent faire l’objet de custom fields. Si au début, cela semble farfelu et inutile. Pour afficher ce module, suivez cette manipulation simple :

Web Hosting Services, Reseller Hosting, VPS Hosting, and Dedicated Servers by HostGator

Related: