Test du plugin SyntaxHighlighter

Test du plugin SyntaxHighlighter wordpress logo 285x300

Amis codeur, développeur et mes chers collaborateurs, je vous présente ici un plugin WordPress que je viens de rajouter pour vous faciliter la vie lorsque vous voudrez intégrer du code php, css, java etc… dans vos articles.

Comment l’utiliser:
Lors de la rédaction d’un article via l’éditeur de WordPress, cliquez sur l’onglet HTML puis mettez tout simplement entre crochet le langage souhaité

[langage] collez votre code puis à la fin [/langage]

Non seulement votre code sera bien présenté, sans casser le design du site mais  en cliquant sur la fenêtre générée, vous verrez en haut à droite quelques boutons bien utiles pour vos lecteurs pour copier le code dans le presse-papier ou imprimer celui-ci

Quelques exemples de langage : java, bash, c, python … (Pour la liste complète voir ici)

L’exemple ci-dessous pour présenter du code php

[php]< ?php get_header(); ?>
< ?php include (TEMPLATEPATH . ‘/glide.php’); ?>
<div class="clear"></div>

<div id="main" class="grid_10">
< ?php if (have_posts()) : ?>
< ?php while (have_posts()) : the_post(); ?>
< ?php if ( in_category(‘twitter’)) { ?>

<div class="twitter">
<span id="twitter_comment"><a href="<?php the_permalink() ?>#respond" title="Laisser un commentaire">< ?php comments_number(’0′, ’1′, ‘%’);?> com </a>&raquo; </span>
<div class="entry">< ?php the_content(); ?></div>
</div>

< ?php } else { ?>
<div class="post">
<h2 id="post-<?php the_ID(); ?>">
< ?php if (function_exists(‘get_cat_icon’)) get_cat_icon(‘class=myicons&small=false’); ?><a href="<?php the_permalink() ?>" rel="bookmark" title="Lien permanent vers < ?php the_title_attribute(); ?>">< ?php the_title(); ?></a></h2>
<div class="post-author">
< ?php echo get_avatar( get_the_author_email(), $size = ’36′, $default = ‘images/avatar.jpg’ ); ?> Rédigé par <strong>< ?php the_author() ?></strong>, le <strong>< ?php the_time(‘j F Y’)?></strong><br />< ?php the_tags(); ?>[/php]

A propos de Nicolas Chopin

Fondateur du site SynerGeek.fr. Passionné par l'informatique, le web et les technologies, j'aime partager mes découvertes. Rejoignez-nous pour partager vos connaissances, vos expériences et développer votre réseau professionnel

Vous pourriez être intéressé par…

2 commentaires

  1. olivier olejniczak

    t’es un dieu!

    (quoique le plugin kixtart aurait bien été apprécié ;) )

  1. Pingback : Testing SyntaxHighlighter « Tin's Journey

Répondre

Votre adresse email ne sera pas publiée. Les champs obligatoires sont marqués d'une étoile *

*


+ 3 = 12

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Revenir en haut de la page