Formater un code sur votre blog Wordpress

Lorsque j’ai conçue Raconte-moi le web, j’ai passé des heures à trouver une solution pour coller du code XML, HTML ou autre directement dans un article de Wordpress. Un des problèmes connues de Wordpress est qu’il n’hésite pas à modifier les balises, ainsi votre code collé ne ressemblera jamais à ce que vous verrez dans une page statique conçue avec Dreamweaver par exemple. L’affichage se fera correctement sous Dreamweaver, mais il ne ressemblera en rien à l’original sous Wordpress.

Heuresement que des plug-ins viennent à la rescousse. Ces plug-ins sont spécialement conçue pour gérer le code dans un blog wordpress. Il en existe une multitude et j’en ai essayé une dizaine. Je vous épargne les détails avec les plug-ins qui ne marchent pas et la frustration des plug-ins qui ne marche pas comme prévu.

J’ai donc sélectionner pour vous les meilleurs plug-ins :
- Code AutoEscape qui offre un moyen facile d’afficher le code directement dans votre blog. Installez ce plug-in dans Wordpress en renomman le fichier codeautoescape.txt en codeautoescape.php et en le plaçant dans votre répertoire de plug-ins. Commencez votre code par les balises <code>et</code>

Si vous avez du code en plusieurs lignes, mettez-le entre <pre><code>et</code></pre>

- SyntaxHighlighter comme son nom l’indique, ne fait pas uniquement dans l’affichage correct du code, il y ajoute une fonctionnalité de coloration syntaxique. Il utilise un bloc de texte pour afficher un code coloré dans le language que vous lui préciserez. Ce plug-in supporte la coloration syntaxique pour plusieurs language (xml, html, php, cpp, c). Vous en trouverez la liste complète sur le site officiel. J’ai fait mes recherches et je peux vous assurer que Google n’a aucun problème pour indexer le contenu d’une textArea, votre référencement n’en souffrira pas. Pour utiliser ce plug-ins, c’est assez simple : commencez votre bloc par [ source:nomLanguage] et terminez-le par [ /source]. Ne mettez pas les espaces que j’ai ajouté pour éviter que la balise soit interprété.

En voici un exemple :