WordPress : insérer du code dans un article

By | août 12, 2008 at 12 08 08 | 7 comments | Plugins | Tags: , ,

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 :

[sourcecode language='css']
body
{
margin: 10px 0 ;
padding: 0 ;
text-align: center ;
}
[/sourcecode]

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 >>

Like it? Tweet it!

About the Author

7 Comments

  1. Charliend (3 years ago)

    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. Boris Schapira (3 years ago)

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

  3. David (3 years ago)

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

  4. Wolfman (3 years ago)

    @ 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. Valentin (3 years ago)

    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+

  6. porte de garage (1 year ago)

    Merci pour ce plugin, très utile!

  7. Kenyatta Tibbals (10 months ago)

    I’d come to settle with you here. Which is not something I typically do! I enjoy reading a post that will make people think. Also, thanks for allowing me to speak my mind!

Comments

© 2011 WideZine. All rights reserved.