Wordpress : insérer du code dans un article

Bienvenue sur le Journal du Blog, vous pouvez vous abonner au flux RSS. Merci pour votre visite!

Si comme nous vous avez régulièrement besoin d’insérer du code dans vos articles (css, php etc.), voici une solution simple et efficace. Bien entendu, il ne faut pas que ce code soit interprété, afin que le lecteur puisse le lire (et qu’aucune erreur ne soit renvoyée).

Il s’agit d’un plugin Wordpress basé sur le célèbre Syntax Hightlighter. Une fois le plugin SyntaxHightlighter installé, il ne vous reste plus qu’à utiliser la syntaxe suivante pour insérer du code (sans les “_”) :

["sourcecode language='css'"] votre code ici ["/sourcecode"]

Voici un exemple :


body
{
margin: 10px 0 ;
padding: 0 ;
text-align: center ;
}

Selon le type de code que vous voulez insérer, il suffit de changer la variable language='css'

Voici la liste des langages pris en compte :

  • C++ — cpp, c, c++
  • C# — c#, c-sharp, csharp
  • CSS — css
  • Delphi — delphi, pascal
  • Java — java
  • JavaScript — js, jscript, javascript
  • PHP — php
  • Python — py, python
  • Ruby — rb, ruby, rails, ror
  • SQL — sql
  • VB — vb, vb.net
  • XML/HTML — xml, html, xhtml, xslt

Plugin wordpress SyntaxHighlighter >>


Vous avez aimé cet article : abonnez-vous au flux RSS !

5 Commentaires »

  1. 4Avatars v0.3.1 v0.3.1

    Il y a aussi celui-ci:
    http://wordpress.org/extend/plugins/wp-syntax/

    Avec la syntaxe suivante pour l’intégration:
    <pre lang=”C” line=”1″> Votre Code</pre>

    J’en ai fait le test ici:
    http://charlie-blog.com/wordpr.....tify-code/

  2. 4Avatars v0.3.1 v0.3.1

    Excellent plugin. Justement, je cherchais quelque chose de ce type. Le Journal du Blog a décidément toujours un temps d’avance !

  3. 4Avatars v0.3.1 v0.3.1

    Ce plugin permet-il également d’insérer du code dans les commentaires ?

  4. 4Avatars v0.3.1 v0.3.1

    @ David : Pour insérér du code dans les comments il y a Dean’s Code Highlighter(http://www.deanlee.cn/wordpress/code_highlighter_plugin_for_wordpress/), plus d’infos sur l’excellent site de Niss : http://www.niss.fr/parlons-cms.....mentaires/ :-)

  5. 4Avatars v0.3.1 v0.3.1

    Sinon il y a plus simple pour la syntaxe d’un code.
    Entre ces deux balises : [nomdulanguages]CODE[/end]
    Exemple : [php]<?php wp_head(); ?>[/php]

    A+

Rediger un commentaire