13nov

Afficher du code html dans Wordpress

A la création d’un article pour woodiv, je me suis rendu compte que le code html était interprété au lieu d’être affiché !

La première solution que j’ai trouvée est d’inclure le code dans une citation. Cette solution a l’avantage d’être rapide à utiliser mais pour la lecture d’un langage de programmation, c’est un peu limite !

Suite à quelques recherches sur le sujet, je me suis arrêté sur le plugin Code Viewer

télécharger

Exemple d’affichage:

  1. ligne 1 du code
  2. ligne 2 du code

Pour installer le plugin:

  1. Transférer le fichier code-viewer.php dans le dossier /wp-content/plugins/
  2. Ouvrir le fichier et renseigner la ligne suivante

    /* Configuration Settings */
    $default_path = “Indiquer le lien pointant vers le dossier qui contiendra vos fichiers textes”

  3. Activer le plugin dans Wordpress

Pour utiliser le plugin:

  1. Créer un fichier texte comportant le code que vous voulez afficher dans l’article
  2. Transférer ce fichier sur votre serveur dans le dossier indiqué pendant l’installation
  3. Insérer ce code dans l’article: <viewcode src=”fichier.txt” /> (remplacer fichier.txt par le nom de votre fichier)

Ecrire un commentaire