Afficher du code source avec wordpress (prendre en compte les quotes et double quotes…)

Aujourd’hui se sera un mini article par manque de temps, mais qui peut vous être utile si vous êtes un développeur qui utilise ou qui va utiliser WordPress pour partager du code source.

Par défaut, WordPress modifie le style des quotes et double quotes comme ceci: <?php echo « bien l‘bonjour« ; ?> Plutôt embêtant, mes double quotes sont considérés comme des guillemets («) !

Si je veux afficher le code suivant dans un cadre par exemple (représenté par des <div>), j’aurais donc ce soucis:

Et bien c’est très simple, tout bout de code devra être contenu non pas dans une balise <div> ou autre mais uniquement dans une balise <pre> !

Voyons voir si j’utilise non pas une <div> mais une <pre> :

<?php echo "bien l'bonjour"; ?>

It works !

Et voila pour le coup la source du cadre précédent à titre d’exemple ^^

<pre style="background-color: #fbfbfb; color: #888888; border: 1px solid #d6d6d6; padding: 5px; font-size: 11px; line-height: 18px; overflow: auto;">
   <?php echo "bien l'bonjour"; ?>
</pre>