juin

22

Du code dans ses billets

Catégorie: Blog, Wordpress | 1 commentaire | 1 285 lectures

J'écris mes billets dans l'éditeur HTML de WordPress. Ça me permet d'avoir un meilleur contrôle sur le contenu. Là où ça devient casse-pieds, c'est lorsque je dois ajouter une portion de code. Il faut convertir les caractères d'échappement et leur ajouter un minimum de mise en forme pour ne pas avoir quelque chose de trop brut. Du coup, difficile de se relire et les erreurs dans le code sont faciles.

Code CSS

Heureusement, WordPress dispose de nombreux plug-in pour ce genre d'exercice. Il suffit d'encapsuler le code source entre deux balises spécifiques et le tour est joué. FV Code Highlighter est très simple d'utilisation et fait ce qu'on lui demande. Il fonctionne avec HTML, CSS et PHP. La présentation est sobre et imite le code source dans Dreamweaver. La feuille de style associée vous autorise toutes les adaptations esthétiques. 

1
2
3
4
5
6
7
8
9

h2 {
color: #a31e22;
font-variant: small-caps;
margin-bottom: 0.5em;
}

Syntax High Lighter Plus s'adresse aux plus exigeants. Son installation et sa mise en oeuvre est aussi simple que le précédent mais il est plus poussé dans les réglages: affichage du numéro des lignes, URL cliquables, afficher/masquer l'ascenseur horizontal... Un ensemble de thèmes prédéfinis sont proposés par défaut. Toutes ces adaptations sont visibles directement grâce à un aperçu.

Code CSS


Commentaires

One Response to “Du code dans ses billets”

  1. Marin on juin 23rd, 2008 11 h 23 min

    +1 pour syntax highlighter qui est en plus customisable a souhait