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 )

J’en profite aussi pour mentionner un site « institutionnel » qui a décidé de se servir de WordPress comme base de travail. Il s’agit du site concernant le tournoi international de tennis de Brisbane en Australie. Je ne sais pas vraiment si le thème est créé from scratch ou s’il s’agit d’une adaptation mais je trouve que c’est très réussit non ? Brisbane International

1. Christmas is near : intègre un petit script de neige tombante

DEMO | Télécharger

2. Christmas 2008

DEMO | Télécharger

3. Merry Christmas : dans les tons de bleu

DEMO | Télécharger

4. Christmas 1

DEMO | Télécharger

5. New Years Eve

DEMO | Télécharger

6. Merry Christmas : un second thème du même nom

DEMO | Télécharger

7. Snow Globe : très peu de place pour le contenu

DEMO | Télécharger

8. Christmas Button

DEMO | Télécharger

9. Happy Christmas

DEMO | Télécharger

10. Christmas Time 1.0 : bien flaschy avec un gros header

DEMO | Télécharger

11. Winter Red

DEMO | Télécharger

12. Christmas Crox : peut-être l’un des moins kitch, dommage qu’il reste basique

DEMO | Télécharger

13. Christmas : possible de trouver pire ? :)

DEMO | Télécharger

14. Merry Christmas : un 3è thème au même nom (vive l’innovation), proposé par BlogOhBlog !

DEMO | Télécharger

15. Blue Xmas

DEMO | Télécharger

16. Christmas

DEMO | Télécharger

17. Christmas Spirit

DEMO | Télécharger

18. Vermilion Christmas

DEMO | Télécharger

19. Christmas Love

DEMO | Télécharger

20. Wfieldler

DEMO | Télécharger

21. Christmas Green

DEMO | Télécharger

22. WP-Santa-Claus

DEMO | Télécharger

23. Christmas Fun : un thème plutôt sympa comparé aux autres

DEMO | Télécharger

24. Hello SnowMan

DEMO | Télécharger

Il y en a également quelques-uns sur cette page (en bas) mais ils ne feront pas la différence. Et vous, vous en connaissez des thèmes pour Noël pas moche ? Pas simple à trouver avouez :)

1. WP-Copyprotect

Dans la dure lutte qui oppose les créateurs de contenu aux vilains voleurs, voici un plugin qui pourra installer une barrière de plus. Bien légère j’en conviens, mais tout de même.

WP-Copyprotect se propose d’agir à 2 niveaux : en empêchant le clic droit sur votre blog et/ou en désactivant la sélection de texte. Reprendre une image est toujours possible via une capture tout comme votre texte est toujours récupérable via le code source, mais ça fait plus de démarches pour le voleur ;)

Après c’est à vous de voir si ça vaut le coup ou non, personnellement j’ai l’impression que ça va plutôt ennuyer ceux qui ouvrent un lien de votre blog dans un nouvel onglet ( et utilisent donc p-e le clic droit pour le faire ).

Télécharger le plugin WP-Copyprotect

2. WP Tuner

Voilà un plugin qui pourra peut-être vous aider à connaitre les raisons qui font que votre blog est lent où propose un affichage un peu excentrique :) Le problème vient-il plutôt d’un plugin, de votre hébergement, … il servira aussi bien à l’auteur d’un blog, qu’à un développeur de plugin ou de thème ( c’est toujours intéressant de savoir si ce que l’on va rendre public ne cause pas un soucis ). Le plugin est compatible WordPress-Mu.

WP Tuner semble plutôt puissant puisqu’il vous affichera notamment ce que chaque affichage demande en terme de requêtes SQL, quel pourcentage du temps d’affichage total chaque fichier prend, le temps de réponses de ces mêmes fichiers, quel partie du « core » de wordpress rame, …

Télécharger le plugin WP Tuner

3. CompactRSS

Grâce à ce plugin vous allez pouvoir jouer un peu avec le contenu que vous proposez via votre flux RSS. Vous pourrez cacher tout ce qui suit l’insertion de la balise « more » mais vous allez aussi pouvoir très facilement rendre invisible des parties de texte en incluant des balises :

<!--crss--> et <!--/crss-->

Il est possible d’ajouter un permalien dés le moment ou le contenu est altéré ( afin, si j’ai bien compris, de renvoyer vers votre blog pour lire les parties cachées ).Peut-être une solution intéressante si vous proposez un contenu complet dans votre flux mais que vous ne voulez dévoiler certaines infos qu’aux lecteurs qui font le déplacement chez vous ;)

Télécharger le plugin CompactRSS

4. WP Smush.it

Je ne sais pas si vous connaissez le site Smush.it mais son objectif est d’optimiser les images de manière très efficace. Il permet de gagner quelques Ko, même sur une image déjà bien optimisée via Photoshop, en jouant notamment sur une meilleure compression du format jpeg, sur les meta data, en convertissant des format gif en png ou encore en supprimant les couleurs non utilisées. Je m’en sert régulièrement sur ce blog et j’obtiens en moyenne des gains de 3 à 10% sur chaque image.

Smush.it ayant une API à disposition, un plugin WordPress a vu le jour afin de rendre cette optimisation plus facile pour vous. En effet chaque fois que vous uploaderez une image via votre interface, le plugin va faire tout le travail à la volée.

Très intéressant pour alléger vos articles, surtout si vous avez l’habitude de les illustrer abondament. Pensez quand même à jeter un oeil sur les règles de confidentialitées du service des fois que certaines choses ne vous plairaient pas.

Télécharger le plugin WP Smush.it

5. My Tag Cloud

Après le contenu, la base de donnée, le flux RSS et les images il est temps de jouer un peu avec les tags !

L’idée derrière My Tag Cloud est de vous donner l’opportunité de présenter les tags de vos billets différement de ce que nous connaissons. Il est donc possible de lister les 5 premiers tags, par ordre alphabétique, par nombre d’utilisation ( comme sur d’autres plugins ) mais aussi de proposer à vos lecteurs une liste à puce de X tags suivie d’une liste déroulante avec les autres.

Je vois un intérêt qui est pour ceux qui ont un blog avec 5-6 tags récursif et les autres utilisés juste 1 ou 2 fois. Niveau présentation ça permet de placer les tags « forts » en avant et ne pas les noyer dans le reste des mots-clés peu utilisés. De plus la liste déroulante garde ces derniers accessibles, voire même attire l’attention sur eux.

Télécharger le plugin My Tag Cloud

6. Binary Moon Custom Login Plugin

Derrière ce nom assez long se cache un module dont l’action est assez simple puisqu’il servira à personnaliser le module de connexion à votre blog. Ce qui sera certainement très sympa par exemple sur un blog collaboratif, ça donnera l’impression d’être « chez soi ».

Créer et utiliser votre propre image est simple puisqu’il suffit de la placer dans le bon dossier du plugin. Et afin de faciliter encore les choses un PSD d’exemple est présent ( les bonnes dimensions sont proposées, il n’y a vraiment qu’à laisser marcher votre inspiration ).

Télécharger le plugin Binary Moon Custom Login Plugin

Pour être franc je n’ai pas vraiment décidé à quelle fréquence chacune de ces 2 séries paraitra mais j’essayerai de ne pas trop en faire tout en essayant de présenter un maximum de choses. C’est qu’il y en a des choses intéressantes et peu mise en avant concernant cette plateforme de blogs.

Pour le moment je pensais plutôt faire une alternance entre chaque, une semaine sur deux. A voir si je peux tenir sur le long terme au niveau des thèmes ( pour les plugins pas de sushis j’en ai une bonne grosse quarantaine en stock ).

New CMS

Commençons par une toute vraie nouveauté, puisque le thème à été révélé ce matin même, avec New CMS.

Je trouve ce thème vraiment TRÈS intéressant autant d’un point de vue structurel qu’au niveau de la customisation possible. Avec un peu de travail il est possible de lui donner un aspect aussi bien CMS, que magazine, que site de news ou blog classique.

Les menus de navigation sont plutôt bien disposé avec une colonne sur la gauche pour les catégories et le nuage de tags, un menu haut horizontal présentant quelques-uns des derniers billets, un sidebar droite affichant les 15 articles les plus populaires, un espace central pour les billets, … point de vue référencement l’index semble être assez intéressant.

Niveau monétisation, je dirai que le thème est Adsense-ready avec un espace pour une bannière dans l’en-tête ( en haut à droite ), et un espace central calculé pour accueillir précisément une bannière 468px de large.

Le thème est proposé gratuitement par Bust A Theme, à qui nous devons déjà le très sympa WPCoda. Tenez-les à l’oeil car j’ai entendu dire que dans les mois à venir ils créeront des thèmes pour le compte de Smashing Magasine, Blog Perfume et Six Revisions.

Pour le téléchargement il faudra vous inscrire sur le blog ( vous ne pouvez télécharger New CMS qu’en étant connecté ).

Accéder au blog Bust A Theme.

Flash Frame

Toujours au rayon des créations récentes ( 1 jour ou 2 ), voici un thème photo plutôt minimaliste mais efficace : Flash Frame.
Il nous est apporté par Shutterthemes et n’est malheureusement pas gratuit ( 80$ ).

Très simpliste, l’index vous propose un diaporama d’images tout en dégradé ( c’est d’un bel effet, surtout sur fond noir ) et un menu de pages. Lorsque vous vous rendez sur l’onglet « Blog » vous êtes dirigé vers une page présentant une galerie de miniature, vous pouvez ensuite passer d’image en image facilement. Je quand même qu’il manque un peu de travail au niveau de l’encadrement des photos, pour le pied de page ou encore pour les infos comme la date, la liste des catégories, … bref pour un thème payant ça me semble un peu « juste ».

Page démo du thème Flash Frame

News Views / Clouds Rounds

Voilà un thème de conception simple mais qui, je pense, pourra convenir à pas mal de type de blog : News Views.
Je suis conscient qu’il ne casse pas 3 pattes à un canard mais j’apprécie par exemple la zone d’abonnement (RSS/Mail), l’espace de présentation, le fait qu’il soit adapté aux encarts 125*125 et la structure en général ( normal elle est similaire à celle de ce blog ). C’est toujours assez pratique d’avoir une sidebar qui permet de jongler entre largeur totale et demi-colonne, ça permet de mettre les listes de liens sur des demi-largeur et de laisser aux widgets ou autres infos toute la place voulue.

Le ton des couleurs est reposant même si certains trouveront que c’est un peu fade ( rien de plus facile que de changer ça directement dans la CSS ). Par contre je trouve la partie commentaires pas terrible ( autant les commentaires eux-même que le formulaire d’envoi ) et la zone d’en-tête un peu limitée. Bref un thème qui demanderait peut-être de mettre les mains dans le code mais qui pourrait donner un résultat assez joli.

Si vous préférez le bleu et les bulles, Clouds Rounds vous conviendra déjà mieux. Vous noterez le gros focus du header sur les pages et l’abonnement RSS, ainsi que sur la date et les titres de billet. On aime ou non mais question visibilité ça le fait ;) La disposition des éléments dans la colonne latérale est à revoir par contre mais la partie commentaire est meilleur que dans le thème précédent et le pied de page est réussit dans son style.

Un mix des 2 thèmes pourrait peut-être donner un résultat assez convaincant.

Voir la démo du thème News Views

Voir la démo du thème Clouds Rounds

Note: Je précise que le but n’est pas forcément de parler des thèmes superbement réalisés mais justement de montrer qu’il existe d’autres choses aussi intéressantes. Parfois imparfaites c’est sûr mais qui correspondront peut-être à l’attente de quelqu’un (comme ça pourrait être le cas d’un thème tout bête mais ayant pour sujet une niche bien spécifique ) ou qui le deviendront grâce à celui qui mettra les mains dans le camboui.

Évidement lorsqu’il s’agit d’un thème lancé par Smashing Magazine, d’un plugin proposé par Alex King ou d’un autre tournant autour d’un produit Google, ça fait le tour de la blogosphère très vite. Parce que s’il n’y a pas le temps de faire une veille trop large, autant se focaliser sur quelques sources de qualité, au moins en général on sait que ce sera un bon « produit ».

Ce qui est dommage c’est que du coup d’autres thèmes ou plugins sympa passent un peu à la trappe et ne sont que peu ( ou pas du tout ) mit en avant. C’est ce que j’essayerai dorénavant de faire via 2 nouvelles séries sur ce blog « C.H.I.P.S. » (« Ces Honorables et Insoupçonnés Plugins Silencieux« ) et « L.O.S.T » (« Liste Originale et Singulière de Thèmes »).

Psychic Search

Pour situer très rapidement et un peu imparfaitement le champs d’action du plugin Psychic Search, je dirai que c’est un mini Google Analytics à placer dans votre administration.

En effet, une fois activé il vous permettra de récolter des informations concernant les mots-clés utilisés pour arriver sur votre blog ou sur ce dernier. Concrètement vous aurez donc un nouvel onglet sur votre tableau de bord qui vous permettra de voir :

• les recherches effectuées sur le moteur de votre blog
• les recherches faites sur votre blog et laissées sans résultats
• les mots-clés utilisés sur les différents moteurs pour tomber chez vous ( Google, Yahoo, …)
• le nombre de fois que c’est mots-clés ont étés utilisés
• les 100 dernières recherches ainsi que les 100 dernières depuis les moteurs
• …

Le petit plus est que vous pouvez vous faire envoyer un rapport régulier sur votre email, d’exclure vos recherches d’admin ou de certains membres inscrits, etc … Vous n’apprendrez rien de plus qu’avec un bon outil de suivit statistique mais cela permet tout de même d’avoir une petite idée de ce que les gens cherchent chez vous. Et surtout le plugin est « léger » comparativement à beaucoup d’autres outils de stats interne.

Télécharger le plugin Psychic Search

No Follow Tags in Posts

Ce petit plugin permet une petite chose toute simple mais qui pourra peut-être en intéresser quelques-uns. Si vous êtes adepte du « oeil pour oeil, dent pour dent » il est fait pour vous ! ;)

Lorsque vous faites des liens dans vos articles vers d’autres sites web, ce plugin va effectuer une petite recherche pour savoir si le site de destination en question propose de son côté des liens en « nofollow ». Si c’est le cas ( comme par exemple sur Youtube, Digg, … ), il ajoutera automatiquement l’attribut « nofollow » à votre lien vers ces sites. En somme vous ne donnerez pas du « Google juice » aux sites qui n’en donnent pas non plus. Et toc …

Télécharger le plugin No Follow Tags in Posts

Theme Authenticity Checker

Plutôt destiné à la sécurité de votre blog, ce plugin va scanner tous les fichiers de votre thème afin de détecter un potentiel code malicieux. Que ce soit aussi bien l’ajout d’une publicité, qu’un bout de Javascript tendancieux ou d’autres choses.

C’est le genre de plugin qui ne va servir qu’une fois de temps à autre, lors de la mise en place d’un nouveau thème, mais qui pourrait s’avérer une très bonne chose. Il faut savoir que certains sites tiers centralisent ou proposent des thèmes wordpress gratuits venu d’un peu partout mais injecte un code encrypté à l’intérieur afin d’en récolter un quelconque bénéfice ( promotion personnelle, informations sur votre blog, … ).

Grâce au plugin TAC vous pourrez analyser tous vos thèmes et s’il y a un quelconque problème il vous mentionnera le fichier concerné, la ligne et un extrait du code suspect. Attention toutefois que ce code n’est pas forcément indésirable, il attire juste votre attention sur ce point. Si vous trouvez ce genre de choses, le mieux est de contacter directement le créateur du thème pour voir si c’est bien lui qui a mit la chose en place et la raison pour laquelle il l’a fait.

Télécharger le plugin Theme Authenticity Checker

Il y a quelques temps Francis nous avait mentionné que l’ami Brian, bien connu dans le petit monde WordPress pour avoir été parmi les premiers à lancer une série de thèmes premium (et payants) de qualité, changeait son fusil d’épaule.

Pour faire simple Brian passe d’un modèle qui voulait que chaque personne désirant une version de son thème Revolution devait le payer, à un modèle gratuit mais dont le suivit personnalisé sera lui payant. Cela devrait être mit officiellement en place le 1er novembre.

Et en exclu sur H.S.I. je vous en dit plus ! ( bah faut teaser non ? )

Tout d’abord le nom sera « Revolution 2 » et les tarifs seront de 99$ pour le suivit PRO et de 149$ pour le suivit PRO+. La différence se situe dans le fait que le premier prix se calcule par année alors que le second est « à vie » ( et vu la petite différence de prix le « à vie » risque de fonctionner pas mal )

L’équipe sera composée de 5 membres puisqu’en dehors de Brian Gardner et Jason Schuller (tout deux à l’origine du projet) nous retrouverons aussi Craig Tuller (manager marketing), John Flynn (de Kickstart media) et Kyle Eslick (de wphacks et qui apportera le contenu éditorial). Une belle équipe en somme.

Le projet dispose d’un blog sur lequel vous allez retrouver des astuces, des hacks, des infos autour de la plateforme wordpress et plus spécifiquement autour des thèmes proposés, … espérons que cela donne de la qualité.

Le site est déjà en ligne à cette adresse et au niveau des thèmes en eux-mêmes il en existe pour le moment 10, pas forcément tous fabuleux selon moi mais de bonne facture ( enfin j’aime beaucoup celui du portfolio et le modèle Lifestyle ).

Notez que pour le téléchargement gratuit des thèmes n’est franchement pas mit en avant, il faut chercher un petit peu quand même :

Sur le site vous trouverez aussi des plugins ( un seul pour le moment donc difficile de dire ce que la section deviendra exactement ), un programme d’affiliation ainsi que des propositions d’hébergement.

Bref que pensez-vous de ce genre d’initiatives ? Est-ce préférable au thème payant « classique » ?

Je dirai que oui puisqu’à partir du moment ou vous vous débrouillez avec wordpress vous pouvez bénéficier d’un thème gratuit et que si vous êtes débutant vous avez droit à une aide possible pour pas si cher que cela ( 100-150$ ça reste très peu pour une société qui lancerait son blog ). En tous cas je crois plus dans ce modèle économique que dans celui du thème premium tel quel.

EDIT: En écrivant ceci je me rends compte que Boris en a parlé aussi ;)