J’ai découvert cet outil après le 24 août, ce qui est une grande chance à la lecture des forums d’utilisateurs avertis plus tôt. C’est vrai que tout fonctionne très bien tout seul, mais comme je débarque je profite de ma première mise à jour pour noter les gros boutons et les liens d’aide sur cette super-extension plus complète que mes petits déjeuners.

C’est toujours pour mon problème de code lisible dans les articles de nos blogs geeks. Grâce à Dan de BuddyPress.fr j’ai une nouvelle liste d’extensions prétendantes, que je teste maintenant.

FV-Code Highlighter. Il fonctionne presque mais ne colorie rien! Alors je l’enlève, c’est dommage il faisait partie de ceux qui nécessitent le moins de pirouettes, il suffit d’insérer votre code entre les fausses balises:
{code type= »type« } et {/code},
où « type » peut prendre les valeurs qui m’ intéressent: HTML, CSS, PHP et XML. Il manque les javascripts, de toute façon. Tant pis.

Google Code Syntax Highlighter. Pareil raté (alors que ça promet » tout en js rien à foutre du serveur…c’est moi qui bugge là p’têt?)

Mais Dan revient plus qu’en force, m’obligeant même à faire un lien vers son profil, car il a trouvé le Graal: SyntaxHighlighter Plus. Comme c’est mon idole je fais comme lui et je teste avec du css. Et comme mes idoles c’est pas des gauffres, ça marche!

#header {
height: 215px;
background: url(images/header2.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed top left -1px;;
background-color: #1f3246 ;

.

Comment on s’en sert?

Si j’le dis pas c’est sûr… Donc pour obtenir la belle boîte ci-dessus dans votre blog, faut mettre:

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

mais sans les espaces après les crochets.
language peut valoir un tas de trucs, entres autres xml, xhtml, xslt, html ou xhtml, css, php, sql, java, js, jscript ou javascript et as3 ou actionscript3. C’est bien pour les petits scribouilleux, tout ça, mais il supporte aussi des langues de gros codeurs comme le C, allez voir dans la liste complète.

Certaines extensions sont installées pour tous les blogs sur lOrgie. Visibles depuis la console d’administration de votre blog, panneau « Extensions / Installées », elles vous permettent d’enrichir encore le contenu de vos articles. Ici un petit récap’ de celle qui vous permettra d’intégrer à vos articles des contenus externes et animés…

+ edit du 15.01.2010: Avec la nouvelle version de WordPress Mu de nombreux formats d’embed sont pris en charge automatiquement:
http://lorgie.com/bqqmf/15-01-2010/wordpress-is-magic/

Simple Code Embed

Pour insérer des vidéos YouTube, des diaporamas et autres slideshows à partager directement dans les articles de votre blog, il faut généralement copier -coller quelques lignes de code HTML depuis la source sur votre site.
Généralement, ces codes sont structurés de cette façon:

<object width="425" height="355"> ...<param name="..." value="..."/> ... </object>
ou
<embed src="http://..." type="..." width="425" height="355"> </embed>
ou
<iframe src="http://..." > </iframe>

Mais sur cette plate-forme, vous ne pouvez pas copier-coller directement ce code dans l’onglet HTML de la rédaction d’articles. (A)

Comment qu’on fait alors?

Pour insérer le contenu correspondant, servez-vous des « Champs Personnalisés« , une boîte située juste sous le corps de l’article dans l’éditeur. (B)

Le code HTML doit être collé dans la « Valeur » de ce nouveau champs, et  son Nom doit être CODE1, CODE2, CODE3, CODE4 ou CODE5.
On ne peut mettre que 5 codes par article.

Une fois  vos champs personnalisés prêts, vous n’avez plus qu’à insérer

Artiss Code Embed: No embed code was found for CODEx

(avec x correspondant au numéro choisi) dans votre article, à l’endroit où vous voulez voir votre contenu apparaître.