Je viens de rajouter au blog le plugin (Extensions dans le langage WP) gratuit WP-Syntax qui permet une coloration syntaxique du code en insérant simplement celui ci dans des balises pre.
Il permet aussi d’afficher le numéro de ligne.

L’utilisation d’un tel plug-in est extrêmement important pour mettre en forme du code source afin de le rendre beaucoup plus lisible.

Vous pouvez d’ailleurs voir un exemple de l’utilisation de ce plug-in sur la page suivante Grammaire de l’instruction switch dans différents langages

Il est basé sur le script GeSHi (Generic Syntax Highlighter), un script développé en PHP de colorisation syntaxique sous licence GNU GPL.

Exemple d'utilisation WP Syntax pour mettre en forme du code

Exemple d'utilisation WP Syntax pour coloriser du code

Utilisation

Pour l’utiliser il suffit d’encapsuler le texte à coloriser syntaxiquement à l’aide des balises

<pre></pre>

en lui rajoutant les options suivantes : Lang (obligatoire), Line (facultative), escaped (facultatif).
L’option lang permet de préciser le langage utilisé (csharp, php, sql, java …).
L’option line permet d’afficher un numéro de ligne en précisant la valeur de départ.
L’option escaped= »true » permet d’afficher les caractères html.
L’option highlight permet de mettre en surbrillance une ligne spécifique

Très pratique pour des extraits de code.

Langage

Ce plugin reconnait entre autres les langages suivant :

  • javascript
  • csharp
  • c
  • java
  • sql
  • php

Exemple de l’utilisation du plugin

A l’aide de la balise suivante pour du csharp

<pre lang = « csharp »  line = « 57 » escaped= »true » highlight= »4″>

    ///
    /// Permet de cacher le panel d'ajout de grille
    ///
    protected void Button3_Click(object sender, EventArgs e)
    {
          panel2.Visible = false;
          string monstring = "<xml>Hello</xml>";
    }

et un exemple pour du sql

<pre lang = « sql » line = « 57 » escaped= »true » highlight= »4″>

-- test
SELECT *
FROM table

Vous pouvez télécharger le plugin WP-Syntax sur le site wordpress.org ou directement sur Télécharger wp syntax

Plus d’information sur le site wordpress plugin wp-syntax

Depuis la version 1.0 WP-Syntax change la couleur de fond entre chaque ligne ce qui permet une meilleurs lecture du code source.

EDITO du 25/6/2013 :
J’ai été obligé de désactiver ce plugin (WP-Syntax) puisqu’il ralentissait très fortement le chargement de la page lorsqu’il y a un grand nombre de lignes de code à mettre en forme.

Mots clefs liés à cet article:

  • comment colorer des commentaires dans wordpress
  • plugin wordpress pour mettre en forme et colorer les texte