Comment afficher facilement du code sur votre site WordPress

Voulez-vous afficher le code sur votre site WordPress? Par défaut, WordPress filtre tout code brut ajouté aux articles, pages, widgets ou commentaires de blogs. Dans cet article, nous allons vous montrer comment afficher facilement du code sur votre site WordPress.

Vous devez d’abord installer et activer le plug-in Syntax Highlighter Evolved. Pour plus de détails, consultez notre guide étape par étape pour installer un plugin WordPress..

Lors de l'activation, vous devez visiter Paramètres »Surligneur de syntaxe configurer les paramètres du plugin.

Les paramètres de plug-in par défaut devraient fonctionner pour la plupart des sites Web. Cependant, vous devez vérifier tous les paramètres et apporter des modifications si nécessaire..

Chaque option a une description détaillée pour expliquer ce qu’elle fait. Une fois que vous avez terminé, cliquez simplement sur le bouton Enregistrer les modifications pour enregistrer vos paramètres..

Syntax Highlighter Evolved utilise des codes courts simples pour afficher le code. Pour chaque langage de programmation, vous devez insérer votre code dans le shortcode correspondant à ce langage..

Pour PHP, vous envelopperiez votre code comme ceci:

[php]
echo “Hello World”;
?>
[/ php]

Il apparaîtra dans votre message comme ceci:

Pour CSS, vous allez envelopper votre code comme ceci:

[css]
.entry-title
famille de polices: «Open Sans», arial, sans-serif;
taille de police: 16px;
couleur: # 272727;

[/ css]

Il apparaîtra sur votre site comme ceci:

 .entry-title font-family: "Open Sans", arial, sans-serif; taille de police: 16px; couleur: # 272727;  

Syntax Highlighter mettra automatiquement en surbrillance le code de cette langue. Il va également ajouter des numéros de ligne et gérer l'indentation de la tabulation correctement. Vos utilisateurs pourront facilement copier et coller des extraits de code à partir de votre site WordPress..

Comment afficher du code dans WordPress sans utiliser de plugin

De nombreux blogueurs n'exécutant pas de blog de développement, ils n'ont donc pas besoin d'ajouter très souvent des extraits de code dans leurs messages. Dans de rares cas, vous pouvez ajouter du code en codant le code dans des entités HTML. Comme ça:

>? php echo "Hello World"; ?<

Le problème avec la conversion de code en entités HTML est qu’il est difficile à effectuer manuellement. Vous pouvez utiliser des outils en ligne comme celui-ci pour convertir le code en entités HTML..

En convertissant le code PHP, HTML, JavaScript en entités HTML, vous pouvez les coller dans vos publications WordPress. Pour un style supplémentaire, vous pouvez insérer du code entre et Mots clés.

Nous espérons que cet article vous a aidé à trouver le meilleur plugin surligneur de syntaxe pour WordPress. Vous pouvez également profiter de notre article sur 13 plugins et astuces pour améliorer la zone d’administration de WordPress.

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Facebook.