Afficher du code source dans WP
Il est toujours pratique de pouvoir afficher un morceau de code dans son blog, même si celui-ci n’a pas pour thème la programmation ou tout autre sujet s’y rapportant. On a toujours besoin un jour ou l’autre d’une telle fonctionnalité et c’est pourquoi je me suis posé la question vitale : quel plugin permet d’afficher du code proprement au sein de nos chers blogs wordpress?
Après quelques petites recherches, voici la liste des plugins qui ont retenu mon attention :
Ce plugin permet la coloration syntaxique et la numérotation des lignes du code. Il reste également facilement utilisable puisqu’il suffit d’inclure le code à décorer entre des balises <pre>... </pre> avec comme paramètres lang et line, permettant de spécifier le langage de programmation utilisé ainsi que le numéro auquel la numérotation du code va débuter.
Wp-codebox reprend la même syntaxe que wp-syntax et fourni les mêmes fonctionnalités. Il utilise cependant 2 paramètres supplémentaires, à savoir file et colla. Le premier spécifie le fichier dans lequel est stocké le code source et le deuxième indique si le bloc de code doit être collapser ou non. L’inconvénient majeur de ce plugin est pour ma part de devoir séparer le code à afficher de mon article et de devoir le stocker dans un fichier indépendant. Cet inconvénient peut être contrebalancé par le fait que ce fichier est de fait proposé au téléchargement, se qui peut être un avantage pour les blogs proposant régulièrement de longs programmes qu’il serait trop fastidieux à reproduire autrement.
Ce plugin fournit également les mêmes fonctionnalités que wp-syntax mais ne répond pas à la même syntaxe. Ici, le code source est encadré dans les balises spécifiques [ sourcecode ]…[ /sourcecode ]. Il prend en argument le langage de programmation utilisé permettant ainsi la coloration syntaxique. Notons que différentes balises alternatives sont proposées pour simplifier l’utilisation du plugin. Ainsi, les balises suivantes peuvent être utilisées au choix : [ css ]…[ /css ], [ lang='css' ]...[ /lang ], [ code language="css" ]…[ /code ], [ source language="css" ]…[ /source ]. Cette liste n’est pas exhaustive et je vous invite à les découvrir sur la page du plugin si elles vous intéresse.
Ce dernier plugin est celui que j’ai choisi pour mettre en place sur ce blog. C’est une variante du plugin précédemment cité, mais qui propose en plus des fonctionnalités bien pratiques, à savoir afficher le code dans une nouvelle fenêtre, le copier et l’imprimer. De plus, notons que le plugin fourni 7 css différents pour la mise en page des codes sources se qui fait que vous y trouverez surement votre bonheur. Un certain nombre de paramètres supplémentaire sont également disponibles comme par exemple highlight qui permet de mettre en valeur une (ou plusieurs) ligne particulière du code source.
Pour installer ces plugins ou simplement en savoir plus, je vous laisse vous dépatouiller avec leurs pages sur lesquelles toutes les informations nécessaires sont détaillées. Si toutefois, vous vous décidez a installer SyntaxHighliter, vérifiez bien que votre thème possède l’instruction suivante : Dans le cas contraire, le plugin ne fonctionnera pas.
<?php wp_footer(); ?>
Dans le cas contraire, le plugin ne fonctionnera pas.
Aucun commentaire