Afficher du code PHP, CSS, HTML dans vos articles WorPress sans plugins avec SyntaxHighlighter

Je vous propose l’implantation du script SyntaxHiqhlihter qui vas vous permettre d’afficher du code dans vos articles / billets  WorPress

Étapes 1 :

Télécharger ici le fichier ZIP simplifié que je vous est préparer pour votre premier implantation ! (le script original avec d’autres Template ce trouve sur le site de l’auteur ici !)

Étapes 2 :

Uploader les fichiers et dossiers et décompresser les dans le dossier de votre thème : (wp-content/themes/votre_theme) . Le zip contient les dossiers suivants :

  • scripts
  • src
  • styles

Étapes 3 :

Dans le dossier de votre Théme : (wp-content/themes/votre_theme) ouvrez “ header.php” et collez entre les balises  : <head>et </head> le code suivant :






Étapes 4 :

Remplacer src= »url_de_votre_theme/

par

Etapes 5 :

Pour afficher le Highlgihter il suffit de placer le code ci-dessous dans votre billet (en mode htlm) pour afficher proprement vos codes sur votre article et ceci sans plugins !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *