Archive

Articles taggués ‘CSS’

Insérer des exemples de code dans un article WordPress

Pour un site dont le sujet principal traite de programmation, il est fréquent de devoir ajouter des extraits de code pour illustrer les explications et présenter des exemples. Cependant, leur insertion et leur présentation n’est pas aussi simple à effectuer qu’il n’y paraît, que ce soit sur un site web quelconque ou sur un blog basé sur le moteur WordPress. C’est particulièrement valable si l’on souhaite obtenir un résultat aussi fidèle que possible à l’affichage habituel de ce code dans les logiciels d’édition comme Visual Studio.
Dans la mesure du possible, il faut donc essayer de respecter :

  • L’indentation (retrait du texte) ;
  • La coloration syntaxique ;
  • La police de caractères : à pas fixe pour respecter les alignements ;
  • Les retours à la ligne, en évitant les insertions automatiques pour qu’un copier-coller soit directement utilisable.

Si possible, il faut aussi rendre ces extraits facilement identifiables dans le reste de l’article, et faire très attention au remplacement automatique de certains caractères (les guillemets par exemple). Pas si évident, surtout si l’on débute avec WordPress et que l’on utilise l’éditeur visuel par défaut pour la rédaction des articles. On se rend vite compte que la tâche ne va pas être aussi facile que prévu, en particulier si l’exemple porte sur du XML ou du code HTML, et qu’on se demande alors comment distinguer l’exemple de code HTML du vrai code HTML de l’article ! Lire la suite…

Categories: WordPress Tags: , ,