Le meilleur plug-in wordpress pour afficher du code

Si vous avez un blog wordpress High-Tech, vous serez peut-être confronté à des problèmes d’affichage de codes HTML, Javascript ou PHP. Il est alors parfois utile d’utiliser un plugin qui se chargera d’afficher votre code de démonstration sans l’exécuter et en le mettant en lumière grâce à la coloration syntaxique.

Après avoir cherché et testé plusieurs plugins, j’en ai retenu un pour vous, il s’agit de PastaCode.

PastaCode plugins

Ce plugin affichera tous les codes de vos scripts en les mettant en avant, sans pour autant les interpréter ou qu’il soit modifié par wordpress.

Un des atouts de pastacode est sa simplicité d’utilisation. Après l’avoir installé et activé, une icône apparaît dans le menu de l’éditeur de vos articles.   menu pastacode En cliquant sur cette icône, puis sur manuel, vous pourrez coller vos script et ainsi intégrer vos code très facilement.

En regardant de plus près le contenu de votre page, vous constaterez que le code de votre page est compris entre deux tags. Vous pouvez donc ajoutez vos scripts directement entre ces balises n’importe où sur votre blog wordpress.

Enfin, vous serez peut-être confronté à un petit problème d’affichage avec pastacode, lié à wordpress. En effet, wordpress a tendance à ajouter des balises html un peu partout, sans qu’on le lui demande. La  conséquence de ce défaut se traduit par la présence de balises non souhaitées dans le code que vous voulez afficher, par exemple des balises <p>

Pour remédier à ce petit problème, vous pouvez utiliser le filtre wordpress suivant :

remove_filter('the_content', 'wpautop');

Cette ligne de code doit être placée dans le fichier functions.php, juste avant la fin, c’est-à-dire juste avant ?>.

Pour éditer ce fichier, aller dans Apparence > éditeur, puis choisir le fichier functions.php dans la colonne de droite.

J’espère que ce petit article vous aura apporté l’aide souhaitée. Si c’est le cas, n’hésitez pas à le partager ou à le commenter.

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Lire plus :
wp-rocket
Wp-Rocket : l’extension WordPress de mise en cache nouvelle génération

La mise en cache est une des clés du succès d'un blog Wordpress. Sans le cache, Wordpress serait extrêmement lent...

4 images 1 mot
4 images pour 1 mot : les meilleurs jeux devinettes et puzzles android.

4 images 1 mot est le jeu quiz devinette puzzle android qui fait fureur en ce moment. D'autres versions existent...

lien vers ancre dans page
Comment créer des liens vers des ancres dans une page web ?

Vous avez peut-être un jour eu envie de faire un lien vers un point précis de votre article ? Où...

Fermer