Afficher du code dans WordPress

Depuis quelques jours, Christine se bat pour afficher du code dans des articles sur ce blog 😉 et la solution simple que je lui avais proposée, c’était finalement d’insérer une image !

Mais elle a trouvé une solution beaucoup plus adaptée pour son propre blog et m’a indiqué un très bon article sur le sujet. Comme l’article est en français, je vous invite à le consulter !

J’ai testé le plus simple d’entre eux, Code Markup, mais l’affichage n’était pas correct ici.

J’ai donc installé Code Source Syntax highlighting (un peu lourd quand même, il occupe plus d’1 Mo 😉 )

Il faut utiliser les balises <pre></pre> et indiquer le langage utilisé,

ici <pre lang= »html »>le code que je veux afficher</pre>, ce qui donne :

<a href="http://monsite.com/monrepertoire/monimage.jpg" class="thickbox">
<img src="http://monsite.com/monrepertoire/monimage.jpg" class="alignleft" height="100" width="100" /></a>

(Je n’ai pas encore configuré les couleurs pour l’affichage du code.)

Christine et Jack pourront maintenant afficher leur code sans problème ! et moi aussi !


Ecrit par Lise - Site

Un commentaire

Ecrire un commentaire»
  1. Bonjour,
    … Sinon, pour afficher simplement du code dans WordPress, il est possible d’utiliser le plugin Text-Replace, qui pèse moins de… 10 ko ! Certes, il n’est guère ergonomique, mais ses possibilités sont infinies. J’en parle ici (pardon pour la publicité !) :
    http://www.iptima.com/?p=6

Laisser un commentaire

Votre adresse mail ne sera jamais rendue publique ni utilisée.

*Si vous écrivez un commentaire ici pour la première fois, celui-ci ne sera publié qu'après validation par un administrateur du blog. Ne l'envoyez pas plusieurs fois !
*Bien sûr, tout commentaire injurieux, publicitaire ou spam sera supprimé.
*C'est à vous maintenant !

(obligatoire)
(obligatoire)

Laisser ces deux champs tels quels :

Protégé par Invisible Defender.


  • Mentions légales
    Les différents éléments du Blog de Lise restent la propriété de leur(s) auteur(s) respectif(s).