DynamicWP Fisheye Menu vous permet en effet de créer une série de liens représentés par des images et lorsque vous passez la souris au-dessus des images celles-ci s’agrandissent pour se rétrécir une fois que vous passez à la suivante (effet oeil de poisson).

Sous licence GPL open-source et utilisant jQuery ce plugin wordpress s’installe tout à fait classiquement (upload, activation, etc). La page des réglages (settings) du plugin vous servira uniquement à ajouter les url’s et les images de chaque icône de votre menu.

Ensuite il vous suffit de placer la ligne de code suivante à l’endroit ou vous voulez le voir apparaître (hormis dans les articles eux-mêmes) :

< *? php dynamicwp_fisheye(); ?> (sans le * derrière le premier signe)

Pour voir une démo directement en ligne, rendez-vous sur ce lien http://www.dynamicwp.net/fisheye-menu-demo/ grâce auquel vous verrez tout de suite mieux comment ça fonctionne ;)

Bon ce n’est pas le plugin le plus fantastique de l’année (surtout qu’il date de l’an passé) mais dans certains cas ça peut donner un petit effet sympa.

Télécharger le plugin DynamicWP Fisheye Menu

1. Google Plus Widget

Ce simple plugin va vous permettre d’installer un widget avec votre badge Google Plus. Comme il en existe de similaires avec Twitter et Facebook ce dernier affichera quelques informations basique comme votre avatar, le nombre de cercles dans lesquels vous êtes, la possibilité de vous cercler directement et un compteur de ‘+1′.

Vous allez pouvoir personnaliser les couleurs, la taille de texte, la présentation graphique du badge, etc. le tout très simplement via l’admin du plugin.

2. Google+ Plus WordPress Widget

La gros avantage de celui-ci est de vous laisser choisir entre l’affichage d’un simple badge (comportant votre avatar, votre nom et le bouton d’ajout à un cercle) ou d’une vraie zone complète avec nom, photo, bouton d’ajout, dernières mises à jour de votre G+, flux de vos Google buzz, votre job, etc. Assez sympa et pour moi l’un des indispensables du genre.

3. Google Plus One Button Widget

Celui-ci vous l’avez sûrement déjà vu à gauche et à droite puisqu’il s’agit simplement d’ajouter le bouton ‘+1′ sur vos articles et/ou vos pages. Un shortcode permet de l’insérer également au milieu de n’importe quel billet et vous pourrez décider quelle apparence il doit prendre parmi 4 possibilités. Bref le petit plugin simple par excellence pour ceux qui n’ont pas besoin de plus que de mettre à disposition le « +1″.

4. GoogleCards

Tout comme le premier plugin que nous avons vu plus haut, celui-ci vous permet d’afficher un badge vers votre profil. Avatar, nombre de cercles dans lesquels vous êtes, bouton d’ajout direct sont au programme. Afin de ne pas devoir recharger les données à chaque affichage de page, il met en cache vos informations.

5. Plus One

Si vous êtes fan du réseau de Google ce plugin wordpress est sûrement intéressant. Vous pourrez le placer ou vous le voulez et choisir s’il doit être absent pour l’un ou l’autre article, page, fichiers, etc. 4 positions ainsi que 4 apparences sont disponibles ainsi qu’un widget.

Parmi les petits avantages de ce plugin il y a la possibilité d’afficher ou non le compteur des ‘+1′ et surtout celle de pouvoir rediriger ceux qui cliquent dessus vers une page spécifique (hop la personne vous file ‘+1′ et vous l’envoyez vers une page de remerciement ou vers un cadeau ou autre).

6. WP PlusOne This

S’il y a une chose à retenir dans ce plugin c’est bien sa simplicité d’utilisation. Il suffit de l’activer et c’est joué. Même pas besoin de page admin, une fois activé le bouton sera présent en haut à droite de chaque page de votre site. Simple comme je vous le disais, et même mieux.

7. Scriptrr Google + Profile widget

Comme pour d’autres celui-ci vous permet d’afficher votre badge de profil sur votre blog mais respecte encore mieux la présentation graphique du réseau : gros bouton rouge pour ajouter votre compte aux cercles, logo Google en haut, etc.

De plus il vous permet de récupérer les favicons des réseaux sociaux que vous avez ajoutés dans votre bio, idéal donc pour afficher également votre compte Twitter, Facebook, etc. Les dimensions du badge sont modifiable très simplement via l’admin du plugin, il suffit de mentionner les largeur et hauteur.

8. Google Plus

L’autre plugin indispensable pour votre blog c’est celui-ci. Non seulement il vous propose d’ajouter le fameux ‘+1′ sur vos billets et pages mais en plus vous pourrez afficher les avatars des profils que vous suivez/qui vous suivent, en gros comme la sidebar gauche de votre profil Google. Mieux, vous allez également afficher le flux de vos posts (mise à jour toutes les 5 min), un peu comme certains le font en affichant la liste de leurs derniers tweets. C’est un tout nouveau sur le marché puisqu’il est dans sa version actuelle depuis 2 jours.

Note : je n’ai jamais testé WordPress pour un site e-commerce donc je n’entrerai pas dans le débat de savoir s’il vaut mieux/est aussi bien que d’autres boutiques en ligne comme Magento, Prestashop, des solutions tout-en-1, etc. (de toutes façons chacun à son avis sur la question).

1. E-store

On commence par un grand classique de chez Elegant Themes mais il a vraiment un très beau style et une belle finition. Malheureusement il est tellement connu que tel quel votre boutique ressemblera environs à 250.000 autres sur le web, difficile de se démarquer donc à moins de jouer sur le design en profondeur. Les pages produits manquent de certaines options comme le choix de taille, de coloris, etc.

2. WP Store

Là aussi un classique, cette fois de chez Templatic, plutôt minimaliste et qui mérite d’office un bon ‘tweaking’ graphique pour ressembler à quelque chose de vraiment personnalisé. Par contre les miniatures multiples de produits, la possibilité de mettre des ventes en avant, d’avoir une page d’accueil différente du shop, de créer des coupons, etc. peuvent être intéressants selon les cas. Le thème permet également de vendre des produits numériques (ebooks, logos, …) et d’afficher vos produits sous forme de catalogue plutôt que comme pièces à acheter.

3. The Jewelry Shop

Son nom indique pour quel type de vente il a été conçu : la bijouterie. Mais tout peut être possible sur ce thème qui a pour moi certains points non négligeable comme l’utilisation des listes déroulantes sur les pages produits (permettant d’affiner sa recherche par couleur, etc.) ou encore la double miniature sur les pages de catégories qui permet de montrer un objet sous 2 angles différents.

En achetant une licence pour le plugin Magic zoom vous pourrez également proposer une fonction zoom sur vos images (la version gratuite affiche un message sur l’image). Parmi les autres points sympa : laisser son opinion, sauver un objet en wishlist, poser une question sur un objet, création de bons/coupons, facturation, etc.

4. Kids Toys

Même s’il n’y a pas grand chose à dire sur ce thème je l’ajoute à la liste car je ne l’avais pas encore vu jusqu’ici et que j’aime bien le côté frais destiné aux enfants. Les fiches dédiées à chaque produit sont assez fun aussi, avec une grande image et la possibilité de sélectionner la quantité d’objets, d’afficher des réductions, de poser une question, d’envoyer une newsletter, etc.

5. Sofa Suppastore

Destiné à être très simple à utiliser le Sofa Suppastore dispose de certains plugins par défaut qu’il suffit d’activer d’un simple clic (comme celui permettant d’envoyer à vos membres une newsletter par exemple). Au menu des possibilités : gestion de stock, création de codes coupons, suivi de commande, etc.

Sur chaque fiche de produit il est possible d’afficher le stocke restant en temps réel. de choisir un pays de livraison (frais de port changeant selon), … Créé en juillet de cette année il s’agit sûrement du thème e-commerce de ces dernières semaines.

6. The Clothes Shop

Lorsque j’ai vu pour la première fois ce thème je l’ai trouvé plutôt sympa mais il y a 2 ans ce n’était pas si difficile de sortir du lot parmi les thèmes e-commerce pour WordPress, le marché commençait à peine à décoller. Ce qui est bien c’est que les concepteurs continuent à le tenir à jour de temps à autre et le gros plus est la page produit qui vous permet de créer des galeries de 5 images sur l’article, d’afficher des informations sur la livraison, les tailles, les couleurs, …

7. Cloud

Tout nouveau thème proposé par Yootheme il dispose d’une réalisation soignée (HTML5, CSS3, PHP 5.2+, JQuery dernière version, …). De belles petites animations discrètes, la possibilité de personnaliser pas mal de choses très facilement (police d’écritures, arrière-plan, textures, couleurs, etc.), la gestion des wishlists, galeries images et slideshow multiples, …

8. Mazine

Avec déjà plus de 1500 ventes rien que sur ThemeForest en 6 mois, le thème Mazine est un succès. Pourtant de prime abord je n’ai pas trop accroché à cause du look « Apple » du menu. Mais avec le recul ça passe mieux, j’aime particulièrement le fait de pouvoir présenter son shop sur l’accueil, avoir un espace vente sur une autre page, publier des actus sur une autres, de proposer des galeries images, etc. je trouve que c’est complet (même s’il y a du redesign à faire).

9. ShopperPress

Très simple à mettre en place ShopperPress est souvent mentionné comme une des références dans le domaine. Et s’il coûte 79$ (mais pour un nombre illimité d’installations) il possède en effet quelques avantages : création de profil de membres, mise en favoris de produits, plus de 20 types de paiements (paypal, etc.), plusieurs langues supportées, gestions des coupons et codes promo, etc. bref une valeur sûre.

10. Store

J’aime beaucoup le « look’n'feel » de ce thème même s’il date de près de 2 ans déjà. Tout simple mais en mettant bien les produits en avant. Avec un graphisme adéquat il peut vraiment faire bonne impression je trouve. De plus il supporte la créations de coupons de réduction, gère différents modes de livraisons, permet de vendre des articles mais aussi de simplement les présenter sous forme de catalogue, etc.

Petit plus : si vous avez déjà un site vous allez pouvoir uploader votre catalogue directement via un fichier .CSV (pas besoin de recréer toutes les pages donc)

11. Animal House

Un petit nouveau disponible sur le marché depuis moins de 3 semaines. « Animal House » est complet dans le sens ou la page d’accueil vous permet d’afficher des miniatures de quelques produits mais aussi de présenter votre marque à travers d’autres sections (blog, présentation, actus, galeries, services proposés, etc.).

Les pages d’articles à vendre utilisent toute la largeur donc il y a moyen d’avoir un vrai descriptif de l’objet ainsi que des avis de consommateurs. Les acheteurs peuvent avoir un compte avec profil, etc.

12. Boutique

J’ai commencé ma liste par une réalisation Elegant Theme, je la termine par la même chose avec ce thème qui est peut-être mon favori pour le moment. Réalisation soignée, bel affichage des prix, disposition des articles par catégorie réussie, ajout au panier via pop-up, etc. rendent assez bien. Par contre comme pour l’E-store je trouve que la page produit manque d’options et que les formulaires du process de checkout ne sont pas cohérent avec le reste de la charte graphique.

- Simplecart
- StoreFront
- Viroshop
- e-Commerce theme
- eShop
- Appcloud
- Sommerce
- Kidz Store
- Emporium
- StorePress
- Market Theme
- Cute & Sweet
- Child Care Creative
- RGB Store
- OSComm

WpStyles est simplement une galerie de thème wordpress qui en regroupe d’autres. En clair, plutôt que d’aller sur certains sites de thèmes connus comme themeforest, elegantthemes, studiopress, etc. il vous suffira (à terme) de vous rendre sur WPStyles pour les avoir tous à disposition.

Chaque site de thèmes dispose d’une fiche qui lui est dédiée afin d’avoir un avis dessus, Il est donc facilement possible de comparer tel ou tel site avant même de se rendre dessus et dans la même idée les créateurs sont eux aussi mit en avant à travers des analyses de leur travail. De même chaque thème ajouté sur le site reçoit une fiche explicative souvent plus fournie que sur les sites de départ.

Pour ces fiches en question l’accent est mit sur l’utilité possible, les points forts, les choses à considérer en fonction de ce que vous cherchez comme emploi à votre blog, … il y a un côté plus « concret » pour la personne qui fouille après un thème sans trop savoir ce dont il a besoin.

Le genre de questions qui peuvent venir à l’esprit :

• quelles options a le thème en question, quels sont ses bénéfices par rapport à d’autres, …
• quel site de thèmes propose la meilleur qualité ?
• lequel offre la plus grande mixité de thèmes ?
• quels sont les avantages et inconvénients des vendeurs de thèmes ?
• quels type de support proposent-ils ?
• combien de thèmes ont-ils dans leurs banques ?
• …

Plus qu’une simple galerie de thèmes WPStyles tend donc à être un guide du marché des thèmes wordpress. Il propose également une page sur laquelle vous pouvez retrouver quelques codes promos permettant d’acheter sur les galeries des thèmes moins cher à l’aide de coupons.

Note : cet article est issus de mes brouillons et aurait dû paraître il y a 2-3 mois, depuis le site semble au ralentit. Wait and see comme on dit…

Leur objectif est donc, comme tout moteur, d’indexer au quotidien les nouveaux thèmes proposés sur les boutiques WordPress comme ThemeForest, WooThemes, Templatic, Elegant Themes, StudioPress et d’autres.

La différence avec d’autres centralisateurs est que les thèmes ajoutés à la base le sont après passage d’une équipe « d’humains » qui valident selon des choix graphiques, un code à jour (wordpress 3.0 ready minimum), un bon support, etc. En somme il s’agit de présenter à l’internaute un choix plus limités que sur les sites vous assurant 4.000 thèmes, mais avec un vrai choix qualitatif.

Pour l’instant QualiThemes compte environs 450 thèmes, il sera intéressant de voir à quelle vitesse la base va évoluer et si le niveau de qualité des thèmes restera similaire. Je n’aime pas tout mais ça se tient pour l’instant.

Le site est plutôt simple à prendre en main et chaque thème dispose de sa description complète, d’un screenshot et d’options permettant de le voir en plein écran, de voir une démo et de le télécharger. A noter qu’il y a aussi bien des thèmes gratuits que payants, vous pouvez noter les thèmes, voir les derniers ajouts, les thèmes ‘hot’ du moment, …

De plus lorsque vous allez sur la page ‘Browse’ vous allez pouvoir affiner vos recherches par mot-clé, type de design, style, prix, créateurs de thèmes, date, si vous voulez un slider ou pas, etc. Il est même possible de soumettre votre propre thème si vous le pensez adapté.

Bref pas une révolution mais un petit moteur sympa qui pourrait aider à trouver ce que vous voulez (à terme, là ça reste encore un peu limité je trouve, je suis un peu l’actu des thèmes wordpress et je n’ai pas fais de grandes découvertes pour l’instant.)

Visiter le moteur de recherche WordPress QualiThemes

Grâce à ces nouvelles propriétés adaptées à un blog il est par exemple possible de créer des animations, des mouvements, de transformer des zones spécifiques, etc. et cela pour chacun de vos articles publiés.

Alors tout de suite il faut savoir que concrètement le test est limité au navigateur Safari qui est le seul à supporter entièrement la manœuvre pour le moment, Chrome et Firefox devraient se mettre à jour dans pas trop longtemps mais sans plus de précisions.

Si vous regardez le thème avec l’un de ces 2 derniers navigateurs ou avec Internet Explorer (non en fait c’est beaucoup plus laid avec IE) vous ne verrez pas grand chose de particulier, juste une suite de miniatures renvoyant vers les articles. Par contre si vous le regardez dans les dernières versions de Safari ET sur Snow Leopard ce sera tout à fait autre chose. Si vous n’utilisez pas ceux-ci voici la vidéo qui montre à quoi ça ressemble :

Les billets y défilent ici sous la forme d’un anneau rotatif 3D, plus sympa non ? Et ce n’est que l’une des possibilités puisque le type d’animation peut être modifié très rapidement (comme on le voit dans la vidéo).

Pour le moment c’est très limitatif puisque cela ne fonctionne complètement que sur Safari et sur l’OS Mac Snow Leopard, mais une fois que les navigateurs supporteront comme il se doit toutes les propriétés nouvelles cela risque d’ouvrir de nombreuses possibilités pour les thèmes de la plateforme de blogging, plus d’interaction et d’immersion. Ce qui me parait particulièrement adapté pour des thèmes e-commerce notamment.

Et si vous voulez le tester chez vous vous pouvez le télécharger gratuitement : 3D Theme

Smooth

On commence par un thème toujours dans la lignée minimaliste puisqu’on ne va y trouver que très peu d’effets graphique, plugins « qui en mettent plein la vue » ou modules à tous va. Ici c’est du simple : pas de séparation nette en colonne ou section bien définie, tout se trouve d’un tenant sur la page. La colonne centrale est dédié au contenu texte, la sidebar droite aux listes et infos diverses (moteur de recherche, catégories, etc.) et une fine colonne gauche permet d’ajouter les informations annexes comme le nom de l’auteur, la date de parution, … Les pages sont présentées via un menu tout en haut de page, simple mais efficace.

Le tout est de couleur grise assez agréable rehaussée de mauve clair et foncé pour les titres, le mélange passe plutôt bien. J’aime beaucoup l’ambiance générale qui se dégage du thème même si l’utilisation d’images pour les titres de type h1 à h6 n’est pas forcément idéale niveau référencement (mais ça se modifie). Le thème est gratuit ce qui est plutôt sympa ;)

PersonnalPress

Encore une fois un thème de chez ElegantTheme mais ils font décidément de très belles choses. PersonnalPress est donc un design qui vise avant tout à être adapté à un blog personnel (comme son nom l’indique) même si je trouve qu’il s’adapte assez bien à certaines autres thématiques (voyage, …). J’apprécie surtout la mise en valeur de chaque article qui sont présentés sur l’index comme des tableaux accrochés à un mur. L’effet d’ombrage sur les boutons read more’ et la pagination de bas de page renforce un peu le côté ‘cosy’ du blog.

Le header est également plutôt réussit avec ses grands titres au survol desquels un pop-up apparait afin d’accéder aux divers sous-menu. La colonne latérale est simpliste (p-e un peu trop il manque notamment un moteur de recherche) et la seule touche colorée est la zone permettant d’accéder aux divers réseaux sociaux.

Le thème est payant mais accessible via le système d’abonnement du site qui vous demandera de payer 20$ l’année pour accéder de manière illimitée aux divers thèmes disponible (et vu al qualité générale c’est surement un investissement qui en vaut le coup si vous disposez de plusieurs blogs).

eShop

Pas forcément très récent, il s’agit ici d’un template particulièrement adapté aux sites e-commerce. Si vous n’avez pas envie de vous lancer dans l’installation spécifique d’une telle boutique mais que vous maitrisez WordPress, eShop pourra être un bon compromit. Un slideshow composé de 5 produits « à la une » défilants, les 10 derniers éléments ajoutés en homepage, la gestion du panier et l’enregistrement de compte pour passer commande, l’affichage des différentes catégories de produits vendus, … sont autant de points fort. De même que la présentation qui s’approche de ce que nous connaissons sur les sites d’Apple.

Chaque objet bénéficie d’une petite fiche descriptive et d’informations diverses et le blog proprement dit est ajouté dans une section spécifique, il est donc possible de vendre mais aussi de partager des choses via le blog afin de « pousser » les ventes. Il ne s’agit pas du thème e-commerce ultime mais il a l’avantage d’être ergonomique, simple à comprendre pour le visiteur et facile à bidouiller pour changer complètement d’ambiance. Il est vendu par Templatic au prix de 65$.

Minimal

Le thème Minimal est vraiment un petit coup de coeur. D’habitude je n’aime pas trop les designs trop simple (dans le sens peu de couleur) car ça me parait toujours un peu fade. Mais là autant par le gris utilisé que par la structure du thème je le trouve réellement très très bon. J’adore cet aspect ‘gravé’ des boutons ‘read more’, du moteur de recherche et des flèches de défilement. Même chose pour la partie blog ou les images sont bien mises en avant et les commentaires sont bien gérés, dommage par contre que le formulaire de commentaire ne bénéficie pas de ce côté gravure.

C’est un thème plutôt reposant qui, de plus,  est conçu par ElegantThemes qui est un très bon site de thèmes wordpress payants. Leur particularité est de posséder un business model intéressant pour ceux qui veulent s’acheter des bons thèmes WordPress puisqu’il s’agit de payer 20$ par année pour pouvoir récupérer tout le catalogue du site ET bénéficier d’un support. Donc moins cher qu’un thème payant ailleurs vous aurez accès à plus de 35 thèmes !

DEMO | TELECHARGER

Photoland

Comme son nom l’indique il s’agit d’un thème photo qui met vraiment cette dernière en valeur puisqu’il est possible d’afficher les images en 960 pixels de large. Chaque page affiche les 10 dernières photos, la dernière en date en plein écran et les 9 suivantes via un bandeau de miniatures en bas. De plus les visiteurs peuvent choisir parmi une palette de 11 teintes (du blanc au noir en passant par les gris) afin de choisir la couleur du site si leur semble faire ressortir l’image le mieux possible.

Chaque image possède un titre qui renvoi bien entendu vers un billet blog classique, ce qui vous permet d’avoir toujours l’image en grande taille mais en dessous d’écrire votre texte en rapport, de la patager sur les réseaux, la commenter, … Le pied de page permet par exemple de lister les différents photographes pour afficher leurs créations publiées sur le site.

Bref dans les fonctionnalités ce n’est pas vraiment un tueur mais c’est surtout l’importance que prennent les images qui me plait ainsi que le skin qui est très propre également (dans le cas des photoblogs j’aime bien la simplicité, contrairement au premier thème cité). Il a été réalisé le 15 février et se vend 49$ sur WpZoom.

DEMO | TELECHARGER

Slanted

Alors pour être franc je n’aime pas ce thème mais je le trouve assez particulier que pour en parler. Slanted est un thème qui permet de présenter son blog dans un optique de microblog, il fera un peu penser à un Posterous ou un Tumblr avec son unique colonne centrale assez étroite. Sa seconde particularité est de décaler le contenu annexe de vos billets de façons à les présenter légèrement de biais, seul le contenu de votre article (texte, image, …) reste horizontal mais le reste est penché (formulaire de commentaire, catégorie, date, …). Assez bizarre mais fun.

D’autres petites choses sont aussi de la partie comme la possibilité de glisser d’un billet à un autre via les 2 flèches haute et basse en header, l’accès aux différentes catégories depuis un menu d’icônes en bas d’écran, … Lui aussi est proposé par WooThemes mais à un tarif carrément excessif puisqu’il est de 70$ (bon ok vous avez droit à 2 thèmes de plus pour ce prix là mais si vous ne voulez que lui ça fait cher).

DEMO | TELECHARGER

D’autres thèmes suivront à l’avenir, notamment avec plus de propositions gratuites, disons que là je démarrais pour voir un peu le format. 3 thèmes me parait pas mal, voir 4 ou 5 s’il y a moins de choses à en dire ;)

Prologue :

Télécharger Prologue

P2 : l’évolution de Prologue

Télécharger P2

Ces 2 thèmes ont surtout un rapport « technique » par rapport à Twitter, notamment dans la manière dont se présente l’information ou encore dans la façon d’apporter ses contributions. Mais il en existe d’autres, moins subtil, dont le but n’est que d’apporter un rapprochement visuel avec le service, citons par exemple :

LiveTwit :

Télécharger LiveTwit

TwitterAddict :

Télécharger Twitter Addict

FreshTweet :  thème payant à 5$

Télécharger FreshTweet

Fresh Tweet : (à ne pas confondre avec le précédent, il reprend point par point l’ancien design sur Twitter)

Télécharger Fresh Tweet

Twordder :

Télécharger Twordder

Il y avait aussi un thème, sans nom, qui a été présenté chez Eric mais il ne semble plus exister. Et justement en voici un petit nouveau, apparu le 27 janvier 2010, nommé TweetPress.

La similitude avec Twitter est tellement totale (niveau des droits je ne sais pas si c’est légal ou pas par contre) qu’en arrivant sur le site la première fois j’ai pensé avoir suivit un mauvais lien et être tombé sur le compte du gars. Je n’aime pas trop les thèmes blogs ressemblant aux réseaux sociaux car je trouve tout simplement que l’un et l’autre ont des objectifs différents et que vouloir les faire se ressembler n’apporte que de la confusion pour au final peu d’intérêt. Par contre la ressemblance est vraiment bien foutue, récupérer le nombre de commentaires, d’abonnés RSS, … pour remplacer les followers/following est bien pensé. De même pour les pages qui apparaissent en liste verticale là ou se trouvent normalement les replies, DM, etc… Même le bouton « more » est actif comme sur Twitter, il permet d’afficher la suite des articles au lieu des tweets précédents. Les archives et la blogroll se déplient comme le font les trending topics ou les miniatures images. Les billets sont mit en page de manière identique aux pages du service de microblogging. Bref l’adaptation graphique la plus similaire jusqu’ici.

Télécharger TweetPress

Sauf qu’une fois que j’ai voulu rédiger un article je me suis rendu compte que mon éditeur visuel avait disparu. Pas insurmontable comme problème mais assez perturbant quand on est habitué à s’en servir (alors qu’au début du blog je ne l’utilisais quasi jamais, je ne me servait que de l’éditeur HTML).

Une demande via Twitter et Facebook m’a confirmé que je n’étais pas le seul dans le cas et selon ce que j’ai vu sur le forum WordPress francophone ça n’a que confirmé l’idée (voir cette discussion, celle-ci et celle-là). Puisqu’aucune réponse n’a été apportée j’ai donc cherché un peu dans mon coin. Alors comme d’habitude n’étant pas un énorme pro en terme de bidouillage dev où de trifouillage de neurones techniques, j’ai fais ça au pif en fonction de ce qui me semblait logique et j’ai finis par retrouver mon éditeur visuel. Surement pas de manière académique mais ça marche :)

1er essai

La première fois que j’ai tenté la mise à jour (qui s’est bien déroulée cela dit) je l’ai fais via le plugin WordPress Automatic Update que j’utilise avec succès depuis plusieurs mois. Tout s’est bien passé mais pas d’éditeur visuel, pareil après un second essai.

2ème essai

Le second test est forcément celui via le FTP. Après avoir lu qu’il était possible que le soucis provienne d’une incompatibilité de langue (mettre une version FR sur une version anglaise ou l’inverse), je télécharge la dernière version francophone et je la balance sur mon client FTP.

Pareil, pas de changement.

En y regardant de plus près j’ai pu voir que certains fichiers ne remplaçaient pas ceux déjà présent sur mon hébergement. Ils se situent dans les dossiers /wp-admin et /wp-includes

Puisqu’il n’y avait toujours pas de changement dans mon interface je me suis dit que j’allais virer les fichiers « irremplaçables » à la main pour remettre les nouveaux à la place, donc pas juste les jeter sur l’hébergement tel quel mais les supprimer complètement et les ré-uplaoder. Au fur et à mesure rien n’a changé sauf lorsque j’ai remplacé de cette manière tous les fichiers avec un .dev. du dossier /wp-admin/js/

C’est la que j’ai vidé le cache et que mon éditeur visuel est réapparut comme par magie.

Alors honnêtement j’avoue que je ne sais pas si c’est ce qui a fonctionné mais ça a marché dans mon cas. Et vu qu’il ne semble pas y avoir de réponse qui traine je me permet de laisser la mienne en espérant qu’elle serve à quelques personnes :)

Puisqu’il ne semble donc pas avoir fait l’objet d’une adaptation francophone, je me permet donc de m’atteler à la tâche du mieux que je peux pour le bonheur de tous ( si si même toi là au fond près de la fenêtre). Tout le mérite en revient à Vladimir Prelovac dont je traduis le texte avec beaucoup de largesse ;) J’ai laissé les liens vers les autres articles en anglais sinon ça deviendrait vite un boulot monstrueux pour tout traduire.

Introduction

Cette Bible de l’optimisation pour WordPress est une collection de tutoriels et d’astuces utiles afin d’améliorer au mieux la rapidité de votre blog WordPress.

Si vous avez déjà expérimenté les ralentissements du panneau d’admin, les  messages « MySQL server has gone away »", les pages lentes à afficher ou si vous voulez préparer votre site à recevoir des tonnes de trafic ( comme une future homepage sur Digg ), ce guide est fait pour vous.

1. Consultez les statistiques du blog

La plupart du temps le problème des sites lent à afficher provient de la taille de la page. Une page typique s’affiche aujourd’hui agrémentée d’images, de flash, de vidéos ou de divers codes Javascript. Chacun de ces éléments consomme de la bande passante.

Pour vous atteler à régler le problème sérieusement vous avez besoin du navigateur Firefox et des extensions Firebug et YSlow.

Le module YSlow vous permettra d’avoir un score de performance variant entre 0 et 100. Un bon objectif serait d’arriver au moins à un score de 80.

Essayez de garder le poids de chaque page sous les 100Ko mais si vous pouvez amener cela sous les 50ko c’est encore mieux. Si vous avez beaucoup de contenu multimédia, apprenez par tous les moyens à utiliser YSlow.

Apprenez comment améliorer la vitesse d’affichage de vos pages

2. Vérifiez votre système d’exploitation Vista

En de rares occasions, lorsque votre site et d’autres mettent un certain temps à charger, votre Vista pourrait être la cause du problème.

Si vous tournez sous Vista lisez cet article pour faire un diagnostic et trouver une éventuelle solution.

3. Vérifiez les plugins

Sur WordPress, les plugins sont généralement les suspects principaux aux lenteurs visibles. Avec le nombre de plugins existants il y a des chances que vous en ayez installé un qui ne soit pas optimisé en terme de consommation.

Par exemple certains plugins étaient connu dans le passé pour causer des lenteurs. C’est le cas du Popularity Contest, de aLinks ou @Feed.

Afin de vérifier si le problème provient de ces derniers, désactivez-les tous et analysez à nouveau les endroits qui posaient problème. Si cela marche mieux, réactivez-les tous un à un jusqu’à ce que vous trouviez le coupable.

Lorsque vous avez identifié clairement le plugin défaillant n’hésitez pas à contacter son créateur afin qu’il règle le bug ou qu’il trouve une alternative.

4. Vérifiez votre thème

Si l’analyse des plugins ne donne rien et que le blog semble toujours lent, le problème vient peut-être directement du thème utilisé. Vous pouvez en tester un autre pour voir si cela va mieux.

Certains thèmes peuvent inclure des portions de codes destinées à être exploitées par certains plugins ( souvent dans le fichier function.php ) donc tout ce qui s’applique au plugin, s’applique aussi au thème.

De plus, certains thèmes peuvent faire un usage excessif du Javascript ou des images (note Christophe : notamment dans tous les thèmes magasine à la mode qui gèrent les galeries images ou les modules à onglets) ce qui rend l’affichage des pages plus lent en raison du grand nombre de données à transférer ou des nombreuses requêtes http utilisées.

WordPress est livré dés le départ avec un thème par défaut qui conviendra très bien pour effectuer le test et voir si votre thème installé est le fautif de vos pauvres performances.

Si vous identifiez votre thème comme le coupable, vous pouvez utiliser l’excellente extension Firebug pour régler le problème. Apprenez comment fonction Firebug, votre nouveau meilleur ami.

Vous pouvez aussi vous servir de ce site pour recevoir des informations très rapidement sur la page à analyser.

5. Optimisez les tables de la base de données

Les tables de vos bases de données devraient être périodiquement optimisées (et réparée si nécessaire) afin d’améliorer les performances générale.

Je vous recommande l’utilisation du plugin WP-DBManager qui propose des options comme la sauvegarde de votre base de données, cruciale pour tous les blogs.

WP-DBManager vous permet de programmer cela et de l’oublier par la suite, il prendra soin automatiquement de votre travail (note Christophe : un très très bon plugin à avoir absolument, vous pouvez programmer des sauvegardes de vos bases chaque jour si vous voulez avec envois de cette dernière directement sur votre adresse mail par exemple).

Une autre option est d’optimiser et réparer manuellement vos tables via votre interface Phpmyadmin ou similaire.

Note Christophe : Je me permet de rajouter un petit paragraphe pour mentionner l’existence du plugin Optimize DB qui permet aussi de réparer et optimiser les tables de votre base de données mais depuis l’admin de votre blog.

6. Désactiver la révision des articles

Depuis la version 2.6, WordPress a introduit un mécanisme de révision des articles. Par exemple, chaque fois que vous utilisez le bouton « Sauver », une version du billet en cours d’écriture est créée dans la base de données. Si vous ne voulez pas de cette option, désactivez-là simplement en ajoutant cette ligne dans votre fichier wp-config.php que vous trouverez dans votre dossier d’installation WordPress :

define(‘WP_POST_REVISIONS’, false);

Si vous possédez un blog dont les révisions sont actives depuis un moment, il y a des chances que votre base de données soit bien remplie. Si vous voulez supprimer également les anciennes versions de vos billets, lancez simplement cette requête (par exemple via le plugin DBManager dont nous avons parlé plus haut) :

DELETE FROM wp_posts WHERE post_type = ‘revision’;

Cela aura pour effet de supprimer toutes les sauvegardes « intermédiaires » de vos billets et de rendre ainsi la base plus légère.

Note : Agissez avec prudence. Si vous n’êtes pas certain de ce que vous faites, pensez à faire une sauvegarde avant toute chose ou mieux, demandez à un professionnel de vous aider.

7. Implémenter le système de cache

Le système de cache est une méthode qui permet de récupérer des données préalablement stockées ( le cache ) plutôt que d’utiliser des ressources plusieurs fois pour la même information. Utiliser un cache est le moyen le plus rapide de récupérer une information et est généralement recommandée dans les installations modernes.

7.1 Le cache WordPress

La manière la plus simple d’installer un cache ( et bien souvent la seule si vous possédez un blog hébergé sur un serveur mutualisé ) est d’utiliser un plugin qui le permet.

Le plugin le plus souvent recommandé est WP Super Cache qui est assez simple à installer et à configurer.

Par contre si vous avez votre propre serveur dédié, vous avez d’autres options.

7.2 Optimisation MySql

MySql peut sauver des résultats de requêtes dans son propre cache. Pour activer cela, éditez votre configuration MySql (habituellement /etc/my.cnf) en ajoutant ces lignes :

query_cache_type = 1
query_cache_limit = 1M
query_cache_size = 16M

Cela va créer un cache pour requêtes de 16MB après que vous ayez redémarré votre serveur.

Pour vérifier que cela tourne proprement, lancez la requête :

SHOW STATUS LIKE ‘Qcache%’;

Exemple de résultats :

Qcache_free_blocks 718
Qcache_free_memory 13004008
Qcache_hits 780759
Qcache_inserts 56292
Qcache_lowmem_prunes 0
Qcache_not_cached 3711
Qcache_queries_in_cache 1715
Qcache_total_blocks 4344

Astuce 1 : Si vous vous attendez à recevoir une homepage sur Digg, vous pouvez toujours augmenter la limite moyenne du nombre de connexions MySql simultanées qui est souvent la première raison pour laquelle un site « tombe » lors de l’afflux de trafic.

Vous pouvez vous préparer en montant la limite à 200 simplement en ajoutant cette ligne dans le fichier de configuration :

max_connections = 200

Voici une lecture de plus concernant l’optimisation MySql et encore une ici. Vous pouvez aussi installer Mytop qui fonctionne avec MySql. Extrêmement utile, l’outil Mysqlreport vous aidera à comprendre votre base MySql comme jamais.

7.3 Le cache PHP

PHP est un langage interprété, ce qui signifie que chaque fois que le code PHP est lancé, il est compilé dans ce qu’on appelle des opcodes qui sont lancé par la suite par le système. Ce processus de compilation peut être mit en cache en installant un outil comme eAccelerator. Mais il existe d’autres solutions de cache.

Pour installer eAccelerator, décompressez l’archive et allez sur le répertoire eAccelerator. Ensuite tapez :

phpize
./configure
make
make install

Cela aura pour effet d’installer eAccelerator. Ensuite créez un dossier temporaire de stockage

mkdir /var/cache/eaccelerator
chmod 0777 /var/cache/eaccelerator

Finalement, pour l’activer, ajoutez ces lignes à votre fichier php.ini ( qui se trouve généralement dans /etc/php.ini ou /usr/lib/php.ini ) :

extension= »eaccelerator.so »
eaccelerator.shm_size= »16″
eaccelerator.cache_dir= »/var/cache/eaccelerator »
eaccelerator.enable= »1″
eaccelerator.optimizer= »1″
eaccelerator.check_mtime= »1″
eaccelerator.debug= »0″
eaccelerator.filter= »"
eaccelerator.shm_max= »0″
eaccelerator.shm_ttl= »0″
eaccelerator.shm_prune_period= »0″
eaccelerator.shm_only= »0″
eaccelerator.compress= »1″
eaccelerator.compress_level= »9″

Les changements seront perceptibles tout de suite, le PHP n’ayant pas besoin d’être « redémarré ».

Note 1 : WP Super Cache et eAccelerator fonctionnent très bien ensemble augmentant ainsi encore les performances.

Note 2 : Si vous aimez les performances et voulez aller encore plus loin, jetez un oeil sur le super plugin WP Super cache et eAccelerator.

Note 3 : Vous pouvez facilement effectuer des tests sur votre configuration en lançant divers essais depuis votre invite de commande afin de comparer les résultats. Cela via la commande :

ab -t30 -c5 http://www.monsite.com/

Une bonne moyenne serai de 200 requêtes/seconde sur votre VPS

Note 4 : L’optimisation d’Apache n’est pas abordée ici mais vous pourrez trouver des informations ici. Ainsi qu’une compilation d’astuces sur cette page, des astuces VPS ici et encore d’autres par là.

Note 5 : Vous pouvez trouver d’autres astuces et conseils sur le site d’Elliot Back (et il joue avec DOTA aussi, c’est pas beau ça ?)

Note 6 : Malheureusement eAccelerator ne fonctionnera pas si votre PHP tourne en mode CGI. Vous pouvez essayer d’utiliser fastcgi qui, lui, fonctionne avec suExec et eAccelerator.

Note 7 : D’autres ressources intéressantes : optimisez le temps de chargement des pages et une grande série sur les performances des sites.

8. Solutionnez le fameux « MySql server has gone away »

Cette erreur de la base WordPress apparait sur certaines configurations et se manifeste par une grande lenteur, voire pas de réponses du tout, généralement dans votre interface d’administration.

La solution à ce problème a été abordée dans cet article.

Évidement ce problème existe bien mais la solution suggérée ne fonctionnera que si vous mettez à jour votre WordPress. Espérons que le soucis soit prit en considération et qu’il soit ajouté directement au coeur de wordpress dans les prochaines versions.

9. Fixer le problème d’impossibilité de poster

Si vous avez déjà eu à faire à soucis depuis votre panneau d ‘administration WordPress comme l’impossibilité de poster un billet ou d’en mettre un à jour, vous êtes surement sous le coup d’un bug venant du mod_security

ModSecurity est un module Apache permettant d’accroitre la sécurité du site en empêchant les intrusions systèmes. Cependant, il arrive parfois qu’il décide que votre requête MySql, parfaitement normale, tente d’effectuer une action suspicieuse et la blackliste, ce qui se manifeste par une lenteur excessive ou un manque de réponse du site.

Pour tester si c’est le cas, vérifiez votre log d’erreur Apache, par exemple :

tail -f /usr/local/apache/logs/error_log

Et regardez après quelque chose ressemblant à ceci :

ModSecurity: Access denied with code 500 (phase 2) … [id "300013"] [rev "1"] [msg "Generic SQL injection protection"] [severity "CRITICAL"] [hostname  www.prelovac.com"] [uri "/vladimir/wp-admin/page.php"

Cela vous dit que l'accès à la page est refusé par une règle de sécurité portant l'ID 300013. Régler le problème passera par le fait de rendre ce processus "clean" pour cette page.

Pour faire cela, éditez le fichier de configuration Apache (for example /usr/local/apache/conf/modsec2/exclude.conf) et ajoutez ces lignes :

<LocationMatch "/vladimir/wp-admin/page.php">
SecRuleRemoveById 300013
</LocationMatch>

Cela va "white-lister" la page pour la règle de sécurité donnée et votre site continuera à fonctionner normalement.

10. Ping RSS et Pingbacks

Les raisons d'une lenteur excessive lors de la publication d'un article sur WordPress peuvent inclure des délais de dépassements lors du ping RSS et/ou des pingbacks.

Par défaut, WordPress va tenter de pinguer (prévenir) les serveurs présents dans votre liste ( liste que vous pouvez trouver dans Réglages >> Ecriture sur votre administration) et l'un d'entre eux pourrait ralentir l'ensemble du processus.

La seconde raison sont les pingbacks sur vos articles, mécanisme dans lequel WordPress notifie les sites que vous liez dans vos articles. Vous pouvez désactiver les pingbacks via Réglages >> Discussion en décochant simplement l'option : Tenter de notifier les weblogs liés à cet article (ralentit la mise en ligne)

Essayez de supprimer la liste des services de pings et désactivez les pingbacks afin de voir si le problème de lenteur se règle ou pas

Voici les règles générales afin d’optimiser le temps de chargement des pages

11. Utilisez des sous-domaines afin de partager la charge

La plupart des navigateurs sont conçu pour charger de 2 à 4 fichiers d’un même domaine en parallèle. Si vous déplacez certains fichiers vers un autre domaine (cela fonctionne aussi avec un sous-domaine) le navigateur va démarrer le chargement de 2 à 4 autres fichiers simultanément.

C’est une bonne idée de déplacer les fichiers images de votre thème vers un sous-domaine que vous aurez créé pour l’occasion. J’ai créé demo.prelovac.com/images et déplacé les images de mon thème dedans. J’ai ensuite modifié le fichier style.css du thème pour remplacer les liens images par des liens complet de la nouvelle architecture. Job done !

12. Diminuer le nombre de requêtes HTTP

Vous pouvez diminuer le nombre de requêtes en utilisant moins d’images (ou en plaçant plusieurs d’entre elles sur une plus grande que vous positionnez via CSS), moins de Javascript, moins de fichiers CSS (habituellement cela veux dire moins de plugins).

De gros efforts peuvent être fait grâce au PHP speedy plugin qui va fusionner tous vos fichiers javascript et css dans un plus gros, ce qui aura pour effet de diminuer le nombre de requêtes HTTP. Le plus gros problème de PHP Speedy est qu’il n’est pas compatible avec tous les autres plugins.

Utilisez aussi la technique des Sprite pour CSS afin de combiner plusieurs images au sein d’une seule et par la suite utiliser le positionnement via CSS pour les afficher. Cela diminuera aussi de manière significative le nombre de requêtes HTTP.

13. Compressez le contenu en utilisant le .htaccess d’Apache

Si vous avez votre propre serveur, vous pouvez choisir de compresser (via gzip) tout le contenu envoyé aux navigateurs. Cela va diminuer le temps de chargement et la plupart des page html se compressent assez bien.

Ajoutez ce code à votre .htaccess

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/javascript application/x-javascript application/x-httpd-php application/rss+xml application/atom_xml text/javascript

14. Créez des limitations de temps

Créer une en-tête ayant une date d’expiration mentionne au navigateur pendant combien de temps il doit garder le contenu en cache. La plupart des images de votre site ne changent jamais, c’est donc une bonne idée que de les garder en cache localement.

Voici une configuration recommandée :

Header unset Pragma
FileETag None
Header unset ETag

# 1 YEAR

Header set Cache-Control "public"
Header set Expires "Thu, 15 Apr 2010 20:00:00 GMT"
Header unset Last-Modified

# 2 HOURS

Header set Cache-Control "max-age=7200, must-revalidate"

# CACHED FOREVER
# MOD_REWRITE TO RENAME EVERY CHANGE

Header set Cache-Control "public"
Header set Expires "Thu, 15 Apr 2010 20:00:00 GMT"
Header unset Last-Modified

Utilisez le moteur de cache pour vérifier votre configuration.

15. Cache Gravatar

De nombreux blogs utilisent le service gravatar (surtout sous wordpress), ces petites images servant à donner un peu de vie au sein des commentaires. Toutefois gravatar a 2 grands défauts si l’on regarde le côté optimisation du blog.

- chaque nouveau gravatar est une requête HTTP supplémentaire même s’il s’agit d’afficher la même image (une page avec 100 commentaires aura donc 100 requêtes de plus)
- les images gravatar ne contiennent pas d’expiration pour le cache.

Ce qu’il est possible de faire c’est de créer un cache local pour gravatar, dans lequel les images gravatar seraient livrées depuis le serveur de notre site. Idéalement vous placerez le cache gravatar dans un sous-domaine (voir le point 11).

J’utilise un plugin de Zenpax.com qui permet de faire ce travail.

16. Optimiser ses images grâce à smush.it

Le fait de pouvoir optimiser les images elles-même est souvent négligé, pourtant cela peut réduire les temps de chargement de manière conséquente.

Ne serait-ce pas parfait si vous pouviez ouvrir un site, presser un bouton de votre navigateur et voir toutes les images optimisées et disponible dans un simple fichier compressé à récupérer ? C’est possible grâce à l’extension smush.it pour Firefox. C’est incroyable de voir l’efficacité de cette solution !

17. Les CSS en haut, les Javascript en bas

C’est une règle d’or que de placer les fichiers CSS en haut de page afin qu’ils soient appelés en premier lieu. Par contre les fichiers Javascript devraient être placé en bas de page lorsque c’est possible. J’ai créé un plugin simple qui permet de déplacer correctement les fichiers Javascript en bas de page. Le plugin se nomme Footer Javascript.

Conclusion

Les serveurs et sites actuels ont grossit et dépendent maintenant de nombreux facteurs.

Cet article couvre une approche variée de l’optimisation en partant du niveau Apache, PHP et MySql tout en passant par les modifications de votre WordPress.

J’espère que suivre ce guide vous aidera à créer un site WordPress plus rapide et plus réactif.

Conclusion Christophe

Voilà j’ai tenté au mieux de vous présenter ce guide en sachant que je ne suis pas parfait bilingue et que je suis limité en connaissances techniques. J’espère ne pas trop avoir déformé le superbe travail de Vladimir et qu’il serait d’une aide appréciable aux francophones désireux d’optimiser leur blog wordpress ;-)

Allez au boulot maintenant ! Optimisez, optimisez !

Pour ce nouvel épisode CHIPS de notre série consacrée aux plugins WordPress, voici une sélection exclusivement dédiée aux plugins axé référencement. Si WordPress bénéficie d’une bonne optimisation SEO dés le départ, ajouter l’une ou l’autre extension spécifique permet d’aller encore plus loin et de faire la différence avec un blog non entièrement optimisé ;)

A chacun de faire son choix parmi la liste et voir si les résultats obtenus sont intéressant ou pas mais personnellement j’utilise le All In One SEO qui me convient assez bien pour le moment. Cela dit je louche un peu vers le WPSEO depuis quelques mois et il serait temps que je fasse des tests (le n° 7 dans la liste).

Ce billet est le premier d’un duo mais se focalise plutôt sur le SEO « direct ». La suivante traitera de plugins aidant au référencement de manière moins flagrante.

1- All In One SEO : commençons donc par celui que je connais le mieux. Sans conteste un des poids lourds sur la plateforme puisqu’il compte plusieurs dizaines de milliers de téléchargements. Grâce à lui vous pourrez automatiser l’optimisation des titres de vos pages, générer les meta tags, limiter le duplicate content, modifier les formats de prise en compte de vos pages/catégories/tags/…, générer automatiquement des descriptions, …

Bref une panoplie assez complète de choses qui, une fois configurée, vous rendra la vie bien plus facile :)

2- SEO Friendly Images : Il s’agit ici d’un plugin uniquement spécifique aux images publiées sur votre blog et pour lesquelles vous allez pouvoir faireappliquer certaines règles de SEO. Ainsi vous allez décider comment le plugin doit gérer l’image sur son attribut ALT et sur le TITLE (en reprenant le titre, le nom, avec l’un ou l’autre mot derrière, …)

3- Date Exclusion SEO : Ce plugin sera intéressant pour ceux qui ont beaucoup d’articles sous forme de date et qui veulent améliorer cela en la supprimant après un délai choisit. A voir ce que ça donne d’un point de vue des moteurs qui auront indexé vos anciennes pages…

4-SEO Title Tag : Fait un peu pareil que le All In One SEO (d’ailleurs ce sont les 2 premiers que je recommanderai) mais propose aussi d’éditer vos urls à la chaine (les slugs), de remplacer des mots sur des séries de catégories ou tags entiers, de gérer vos pages de recherches, …

5- SEO Slugs : tout simplement il va supprimer de vos urls les terme inutile et qui font perdre du poids en référencement. C’est le cas par exemple des « a », « le », « des », … qui ne servent à rien d’un point de vue SEO. L’optimisation se fait au moment ou vous validez votre billet de manière automatisée.

6- Seo Http Error Manager : permet de gérer les diverses pages d’erreurs sur votre blog. Erreurs 301, 302, 404, …

7- WPSEO : une autre usine à gaz spécial référencement puisqu’il possède plus de 70 options configurable. Il a l’avantage de ne pas surcharger votre base de données (aucune requêtes supplémentaire), nettoie le code des commentaires et balises inutiles, empêche l’indexation de vos flux RSS, renomme automatiquement les images que vous uploadez sur votre serveur avec un nom correspondant au titre de votre billet, ajoute la récente balise « canonical, … bref un plugin à regarder de près (je vais m’y intéresser du coup ^^)

8- SEO PageBar 2 : reprend un peu ce que d’autres font déjà mais une option sympa permet d’insérer une pagination améliorée, chaque lien vers une page reprend ainsi le nom de votre blog plutôt qu’un simple « page x » comme c’est habituellement le cas.

Copyright marciookabe sur Flickr

9- LinkLauder : voilà un plugin SEO « externe ». L’idée est qu’en utilisant le service, vous récupèrerez des backlinks venant d’autres utilisateurs du plugin. Chaque lien est généré avec des mots-clés différents et vers diverses pages, ce qui assure un linking en profondeur. Pas forcément le plugin le plus irréprochable du lot :)

10- SEO Smart Links : l’idée de ce dernier est de trouver dans vos articles des mots-clés ou des phrases spécifiques et de les transformer en lien renvoyant vers une page précise (celle des tags sur ce mot-clé, vers une catégorie, …). vous choisirez aussi si vous voulez que le lien soit en « nofollow » et/ou s’il doit s’ouvrir dans un autre onglet.

11- Keyword-Autolink : tout comme SEO Smart Link il permet de lier automatiquement des termes spécifique vers des pages précises. L’interface vous offre toute la latitude pour gérer ces liens précisément. (Note: je vois que le plugin ne sera plus tenu à jour donc suivez le lien présenté pour aller vers le nouveau ;) )

12- SEO Blogroll : remplace le module de blogroll de départ en offrant la possiblité de créer plusieurs modules différents, de leur appliquer le « nofollow » ou pas, …

13- Platinum SEO Pack : gère les redirections 301, optimise les pages d’articles pour les moteurs de recherche, génère les meta tags les plus intéressants, compatible avec la majorité des plugins SEO sauf All In One (comme par hasard pfffff), … Si vous changez de permaliens sur vos blogs ce plugin devrait vous aider puisqu’il va rediriger de lui même toutes les pages modifiées afin que vous conserviez vos PR, etc…

14- TGFI SEO : plugin qui se base sur le All In One SEO mais optimisé pour un wordpress utilisé comme un CMS dont la partie blog n’est qu’une partie de l’ensemble.

15- SEO Post Link : similaire au plugin précédent il vous offre la possibilité de choisir vous-même les mots à supprimer automatiquement. Vous pourrez aussi préciser la taille maximale de votre url et le nombre de caractères minimum des mots à conserver.

16- Automatic SEO Links : si vous oubliez de faire un lien dans un article, ce plugin le fera pour vous. Il suffit de le lui apprendre au préalable. Son gros avantage est que contrairement à SH-Autolink ou SEO Smart Link, il ne va le faire que la première fois qu’il rencontrera le mot, pas à chaque fois.

17- Seo Friendly and HTMl valid subheadings : va automatiquement remplacer les balises de titres, sous-titres, … afin d’éviter de se retrouver avec plusieurs H2, H3, …

18- Paged Comments : si vous paginez les commentaires sur votre blog vous vous soumetez à un possible contenu dupliqué puisque votre billet se retrouver sur plusieurs pages (url/commets-page-1 , url/comments-page-2, …) Ce plugin règlera le problème en n’affichant qu’une partie de votre billet sur les pages hormis la première, de plus il crée de suite un lien renvoyant vers la page principale.

19- SEO Tag Cloud Widget : remplace le nuage de tag classique par un nuage optimisé grâce à des balises HTML.

Citons aussi pour le fun, le plugin Page SEO qui vous permet d’afficher sur une seule page tous les PageRank de votre blog ;)

Lesquels utilisez-vous et pourquoi ? Avez-vous de bons (ou mauvais) retours sur certains d’entre eux ?

Saviez-vous que depuis la sortie de la version 2.7 de WordPress vous pouvez directement rechercher, trouver, télécharger et installer les plugins de votre blog et cela sans quitter votre interface d’administration ?

Si vous vous souvenez encore de cette période pas si éloignée, tenir à jour les diverses fonctionnalités que nous ajoutions n’était pas toujours une sinécure. Il fallait alors se tenir au courant des nouvelles versions, télécharger chaque plugin modifié un à un, décompresser, envoyer sur le FTP, … cela demandait pas mal de temps.

En ces temps anciens nous pouvions compter sur un plugin wordpress nommé « Installer » (si je me souviens bien) mais comme pour nombreux d’entre eux, les versions de la plateforme blog se sont succédées et le plugin n’a pas survécu.

Aujourd’hui plus besoin d’une extension pour mettre à jour facilement ses extensions (vous suivez ?) puisque tout est prévu d’office. Mais l’interface administrateur nous propose bien plus que la mise à jour en 1 clic et cela n’est pas toujours connu de tout le monde.

Par exemple il est facile d’installer un plugin dont vous possédez le fichier compressé sur votre PC.

Si ce n’est pas une innovation de premier plan, cela a tout de même une utilité assez pratique : vous permettre de télécharger tous vos plugins dans une archive sur votre disque dur et de les balancer sur votre serveur sans devoir faire les manipulations qui vont avec (décompression, upload via FTP, …). Et pour couronner le tout, il est possible de naviguer au travers du répertoire officiel des plugins validés par la team WP.

Rien de compliqué il suffit d’aller dans son menu Extensions, sous-menu « Add new » (Ajoutez nouveau). Là vous aurez un moteur de recherche permettant d’interroger le codex officiel wordpress suivant différents filtres : le terme, l’auteur, un tag.

En dessous le bouton « Parcourir… » (ou « Browse… » en anglais) permet de naviguer sur votre disque dur (comme expliqué plus haut) et de faire l’installation en 1 seul clic.

Enfin un nuage de mots-clés dispose une série de plugins dont les termes sont souvent recherchés.

Et pour ne rien gâcher, vous retrouverez sous forme d’onglets les différentes possibilitées offertes par le site officiel de wordpress, à savoir les extensions les plus populaires, les plus récentes, les dernières mises à jour, …

Le processus est donc simplifié au maximum, malheureusement il s’avère que vous vous trouverez parfois devant des lenteurs importante et/ou de soucis de connexion de base (ce qui est en partie du au fort trafic généré par le codex wordpress à certains moments de la journée). en tous cas c’est une option qui permettra de gagner un peu de temps pour ceux qui testent des plugins à la chaine ;)

Pour ce numéro 3 nous allons nous arrêter sur une série de thèmes wordpress dédiées au monde du jeu vidéo ! (parce qu’il en faut pour tous les goûts).

eGamer

On va commencer par une très très belle réalisation, le thème eGamer proposé par Elegant Themes. Il s’agit d’un thème payant mais qui à mon avis vaut le détour : une ambiance très réussie, une interface simple mais classieuse, quelques atouts SEO, … Il dispose d’un système complet de notation (vous pourrez donc analyser et coter des jeux par exemple), de champs customisés pour les images et permet de basculer vers une présentation plus « classique » du thème. La charte graphique est déclinée en 4 couleurs.

L’accueil bénéficie de plusieurs « briques » permettant de présenter non seulement les derniers articles mais aussi d’avoir un module vidéo, un autre avec une sélection best-of, une liste d’articles populaires, …  Petite déception pour la présentation des commentaires.

Thème payant mais pas trop : 19.95$ pour 1 an d’abonnement sur le site, ce qui vous donnera accès aux autres thèmes aussi.

eGamer : Démo

Gamezine

Encore un thème que je trouve très intéressant et pourtant très différent du premier cité. Ici un gros focus est fait sur ce qui est image et vidéo pour donner plus de dynamisme à l’ensemble.

Un gros header image, une section d’images défillantes et une vidéo, le tout dés l’écran d’arrivée. On va aussi trouver d’autres effets javascript sur le reste de l’accueil (système à onglets, bandeau glissants, …) bref il faut aimer le javascript et une présentation un peu « grunge » mais je trouve que ça correspond assez bien à la thématique jeu vidéo.

Un thème qui tape fort sur l’accueil mais qui s’avère être plus classique pour le reste. Les pages articles n’ont rien d’extraordinaire, les sidebars sont assez simple, une gestion des commentaires classique, … mais rien que des choses que vous pourrez améliorer si vous avez l’habitude de tripatouiller wordpress.

Gamezine : Démo | Télécharger

World Of Warcraft

Je ne vous présente pas un thème particulier sur le sujet mais plutôt une petite compilation car il en existe plusieurs :

• World of Warcraft – DEMO | Télécharger
• Worlf of Warcraft 2 – DEMO | Télécharger
• Wowza2 – DEMO | Télécharger
• World of Warcraft WordPress Theme – DEMO | Télécharger
• SL World of Warcraft – DEMO | Télécharger
• World of Warcraft 1.0 – DEMO | Télécharger

Mais WoW n’est pas, et de loin, le seul jeu à bénéficier de ses thèmes spécifiques.

Counter Strike

• Counter Strike WordPress Theme – DEMO | Télécharger
• Counter Strike – DEMO | Télécharger
• Counter Force – DEMO | Télécharger

Halo

• HALO – DEMO | Télécharger
• HALO 3 – DEMO | Télécharger
• HALO Theme Theme – DEMO | Télécharger

Final Fantasy

• Final Fantasy WordPress theme – DEMO | Télécharger
• WP Final Fantasy – DEMO | Télécharger

StarCraft

• Starcraft II – DEMO et Télécharger
• Starcraft 2 WordPress Theme – DEMO | Télécharger
• Premium Starcraft II (thème payant) – DEMO

Autres

• BattleField Report – DEMO | Télécharger
• Prince of Persia – DEMO | Télécharger

Plus besoin de se fatiguer à passer par des manipulations du genre client FTP, … tout est automatisé pour vous faire gagner du temps !

Depuis peu la liste des extensions que vous installez sur votre blog est triée afin que vous puissiez différencier très vite quelles sont celles qui sont actives, désactivées récemment ou inactives depuis un certain temps. Cela se voit rapidement et vous allez pouvoir utiliser la liste déroulante de chaque section pour effectuer une opération sur plusieurs plugins en même temps ( il suffit de sélectionner ceux qui vous intéressent et d’appliquer l’action voulue ).

Une fois l’action lancée, on va vous demander si vous êtes certain de faire ce que vous avez demandé ( 2 fois valent mieux qu’une, on ne sait jamais ).Une fois validé … et bien c’est terminé, c’est finit ! Rien de plus simple donc ;)

Note : il est possible que votre installation WordPress vous demande vos informations de client FTP.Veuillez donc à les avoir pas loin en cas où ( personnellement il ne me les a jamais demandées mais je sais que cela peut être le cas )