NeoSting.net
Le petit journal d'un passionné de nouvelles technologies et pour le partage de la culture.

(QR Code) de cette page sur neosting.net

Partager...

# Afficher du code dans un article sous WordPress

Beaucoup parmi vous se sont heurtés, tout comme moi bien sûr, à l'affichage du code html, php, javascript, ou css dans un article sous wordpress. Pourtant, comme vous pouvez le voir dans cet article, c'est tout à fait possible. Voici l'une des solutions.

2 plugins pour ça

Comme toujours, avec wordpress, lorsqu'on cherche une nouvelle fonctionnalités, il suffit de se tourner vers les plugins. Et ici, encore, c'est comme ça que ça marche. J'en ai essayé plusieurs, mais tous ne m'ont pas semblé idéal.

Notons l'excellent SyntaxHighlighter Plus. Je n'ai par contre pas noté de coloration syntaxique avec, mais la mise en place est rapide. Il suffit juste d'écrire ceci, et d'avoir une valeur "pre" déclarée dans la feuille de style pour la mise en forme, qui se fait sous forme de texterea avec scrollbars éventuelles...

[code lang=css]...[/code]
[sourcecode language='css']...[/sourcecode]
(ou voir le fichier readme...)

Ce n'est par contre pas celui que j'ai choisi. je me suis tourné vers WP-Syntax. Il permet de rendre le code coloré. Il utilise DIV et tableaux pour la mise en forme, mais une simple déclaration de la balise "pre" fonctionne aussi. Il est possible en plus de déclarer dans notre feuille les propriétés de ".wp_syntax" pour mieux gérer la présentation. On peut déterminer le numéro de ligne de départ, et le plugin rend le code coloré. Le code à insérer dans son article utilise la balise PRE (sans l'espace):

< pre lang="html4strict">...< /pre>


Pourquoi les commentaires sont fermés ?

Articles pouvant vous intéresser

Les articles populaires du moment