Police: A+  A-  A

Plugins d’insertion de code dans les articles et les commentaires

Par niss • 14 jan, 2008 • Catégorie: Plugins WordPress

Enfin! Enfin j’ai trouvé mon bonheur pour pallier au problème qui me cassait la tête depuis un bon moment : comment insérer du code simplement dans mes articles et dans mes commentaires?

Pour les articles, il existe bon nombre de plugins et j’ai personnellement opté pour celui qui m’a semblé le plus complet : Dean’s Code Highlighter. Son point fort : il donne des couleurs à notre code et il est très simple d’utilisation. Il vous suffit d’encadrer votre code, lors de la création de l’article par les balises <pre lang=”le langage”></pre>

Voici un exemple :

  1. /* GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter) */
  2. .dean_ch{border: 1px dotted #a0a0a0; font-family: ‘Courier New’, Courier, monospace; background-color: #f0f0f0; color: #0000bb;}
  3. .dean_ch .de1, .dean_ch .de2 {font-weight:normal;background:transparent;color:#000; padding-left: 5px;}
  4. .dean_ch .kw1 {color: #a1a100;}
  5. .dean_ch .kw2 {color: #000; font-weight: bold;}
  6. .dean_ch .kw3 {color: #000066;}
  7. .dean_ch .kw4 {color: #f63333;}
  8. .dean_ch .co1, .dean_ch .co2, .dean_ch .coMULTI{color: #808080;}
  9. .dean_ch .es0 {color: #000033; font-weight: bold;}
  10. .dean_ch .br0 {color: #66cc66;}
  11. .dean_ch .st0 {color: #ff0000;}
  12. .dean_ch .nu0 {color: #ff33ff;}
  13. .dean_ch .me0 {color: #006600;}

Par contre, pour la partie commentaires, alors là j’ai vraiment beaucoup cherché avant de trouver mon bonheur, mais ça y’est, le plugin qui me fallait est enfin installé : KB Backtick Comments.

A la base ce plugin fonction de la manière suivante : encadrer nos morceaux de code par le caractère apostrophe arrière : `le code`. Sauf que; sur nos claviers français, ce caractère est un peu galère à afficher : il faut taper alt Gr+7+Espace… Alors j’ai un peu modifié le code et j’ai remplacé ce caractère par celui-ci : ¤ (Alt Gr+$).

Pour le voir en action, direction les commentaires ci-dessous ;)
Faites moi savoir si le plugin modifié vous intéresse, je le mettrai en téléchargement dans ce cas là.

Partagez cette page:

Ces icones representent les sites de bookmarking social dans lesquels vos lecteurs peuvent partager et faire découvrir vos pages.
  • blogmarks
  • Blogasty
  • Wikio
  • MisterWong Fr
  • BlogMemes Fr
  • Linkertop
  • Fuzz
  • Digg
  • del.icio.us
  • Technorati
  • Tapemoi
  • Netvouz
  • DZone
  • ThisNext
  • Wists

Articles Relatifs

Marqué comme: ,

niss est le Webmaster de (niss.fr)
Email à cet auteur | Tous les Articles par niss

21 Responses »

  1. Voici un exemple de code affché dans les commentaires grâce au plugin KB Backtick Comments :

    <?php else : // this is displayed if there are no comments so far ?>
    
    	<?php if ('open' == $post->comment_status) : ?>
    		<!– If comments are open, but there are no comments. –>
    
    	 <?php else : // comments are closed ?>
    		<!– If comments are closed. –>
    		<p class="nocomments">Commentaires Clos.</p>
    
    	<?php endif; ?>
    <?php endif; ?>

    C’est-y pas joooli!

  2. Bonjour

    J’utilise le thème:
    WP_Premium Modifié maison : Slideshow et Onglets intégrés

    Et j’ai installé Dean’s Code Highlighter pour cela j’ai téléchargé et décompréssé le plugin.

    Puis j’ai installé dans wp-content/plugins/ le dossier deans_code_highlighter contenant

    contrib , geshi , deans_code_highlighter.php , geshi.css , geshi.php

    Pour finir je suis aller activer le plugin et j’ai entoure le code de mon article par

    Voici le résultat :

    La balise pre est visible et le code n’a aucne différence entre avant l’installation et après.

    Ma quéstion est est-ce que j’ai oublier de faire quelque chose ou est-ce que j’ai commis une érreur quelques part.

    Merci pascal

  3. Texmex, essaye de trouver un autre plugin, je te déconseille celui-ci, d’ailleurs il va falloir que j’édite cet article pour dire qu’il y a de sacrés problèmes avec la gestion du PHP!!!

    Si tu en trouves un autre sympa, je suis super preneur!!

  4. Niss,

    j’ai utilisé ton plugin, c’est très bien.

    par contre moi je recherche un plugin pour mettre dans chaque article du code actif comme par exemple les code de publicité de google.

    sans devoir à chaque fois faire un copié collé du code, car c’est comme cela que je fais actuellement.

    Merci pour la réponse si tu l’as

  5. Salut Xavier,

    Malheureusement je n’ai pas de plugin à te conseiller.. As tu vérifié sur WP-fr ?

  6. Bonjour niss

    Depuis l’autre jour j’ai réussi a faire fonctionner Dean’s Code Highlighter il fallait que je désactive Utiliser l’éditeur visuel pour écrire.

    J’ai d’ailleur installer d’autre plugin du meme genre pour inséré du code mais malheureusement pour certains codes cela fonctionne mais en méttant des éspace de ce fait ne code ne fonctionne plus dés qu’on l’utilise tel quel.

    J’ai cherché un peu partout mais impossible de savoir comment empécher cela.

    < {$sites_counter.waiting}>

    au lieu de cela

    <{ $sites_counter.waiting}>

    Je ne renonce pas et j’éspère bien arriver a mettre le code corréctement

  7. Salut Texmex, malheureusement je suis exactement dans la même situation que toi… Je croyais avoir trouvé la perle rare avec ce plugin, mais il n’en est rien… Continuons de chercher ç)

  8. Bonsoir tous,
    En premier - Je voudrais faire une remarque: très souvent, il est question d’ajouter du code par-ci, par là pour corriger, améliorer ou parfaire un thème quelconque. Soit. Mais très souvent aussi, ce code qui marche pour un thème (ou un plugin) ne fonctionne pas du tout pour un autre. De plus, et c’est peut-être là l’ essentiel, presque toujours, pour un thème précis, on ne sait pas où le mettre exactement, je veux dire, dans quel fichier; et si par hasard, il y a plusieurs fichiers de même extension, alors , c’est la galère.
    Je pense qu’un peu de précision ne nuirait à personne.
    En second - Je bidouille un peu sur deux thèmes qui se ressemblent assez ( ) et j’aimerais pouvoir afficher en première page la liste de tous (ou une partie) des articles écrits
    soit sous forme de ligne simple du style: jour, mois, année, heure: titre de l’article; auteur,
    soit sous une autre forme à mettre au point (tableau ? ).
    Evidemment, à la suite de cette liste, tous les articles apparaissent…

    Comment faire ceci ?
    Merci à tous. :)
    Mon blog :http://www.blh-land.fr

  9. Salut,

    franchement, en règle générale, à peu près tous les thèmes fonctionnent lorsqu’on modifie le code ou que l’on rajoute des scripts et autres customisations. Il n’y a qu’avec quelques rares thèmes que cela bloque et ça reste donc très minime.

    Sinon je n’ai pas vraiment compris ce que tu cherches à réaliser sur ton thème, mais ce serait peut être mieux que tu soumettes ton problème sur le forum.

  10. […] grâce à niss, j’ai enfin trouvé ce qu’il me fallait :  KB Backtick Comments, développé par Adam […]

  11. en règle générale, à peu près tous les thèmes fonctionnent lorsqu’on modifie le code ou que l’on rajoute des scripts et autres customisations.Pull Homme, car c’est comme cela que je fais actuellement.

  12. car c’est comme cela que je fais actuellement améliorer ou air max 90 parfaire un thème quelconque sans devoir à chaque fois faire un copié collé du code

  13. Quand je pars en week-end alors que tout le monde essaie encore de corriger des bugs Les mariés pourront avoir accès à air jordan femme ces photos, et même les partager avec leurs invités

  14. J’ai d’ailleur installer d’autre plugin http://www.stjeanbaptiste-ajaccio.fr du meme genre pour inséré du code mais malheureusement pour certains codes cela fonctionne mais en méttant des éspace de ce fait ne code ne fonctionne plus dés qu’on l’utilise tel quel.

  15. Il n’y a qu’avec quelques rares thèmes que cela bloque et http://www.groupe-modulo.fr ça reste donc très minime.

  16. par contre moi je recherche un plugin pour http://www.gaypodcast.fr/tn-pas-chere-livraison-gratuite-chaussure-nike-tn-requin-pas-cher.html mettre dans chaque article du code actif comme par exemple les code de publicité de google.

  17. As much as http://www.dadicar.fr/Nike-Tn-Requin-Pas-Cher-s1959.html possible, there is no need to stay away from the business letter format.

  18. Depuis l’autre jour j’ai réussi a faire fonctionner http://www.lagarenne-dulac.fr/timberland-pas-cher-soldes-timberland-rouge.html
    Dean’s Code Highlighter il fallait que je désactive Utiliser l’éditeur visuel pour écrire.

  19. Opportunities are where you can identify skills that http://www.lavilledesamoureux.fr/jordanpascher/nike-air-max-pas-cher-chine/ can be transitioned to another industry or field.

  20. The right person to contact is a key point. http://www.ankidoo.fr This fact needs to be understood. It has been said by some that you need to be an actor to get your choice job.

  21. What people love http://www.freelances-industrie.fr the most about this dart board is the Coors logo right across the front of the cabinet painted nicely and professionally.

Laisser un Commentaire

Pour insérer du Code: Encadrez votre morceau de code par le caractère "¤" (Alt Gr+$) (ex: ¤Le Code¤ ) - Puis laisser une ligne blanche avant et après le bloc ¤Le Code¤.

;) :o )) -(( (- :( :(( =+ :(: :) :p &) :idee: oo ç) :xa: ?? :grr: :!!!: ;( :D