L’un des problèmes les plus courants rencontrĂ©s par les nouveaux utilisateurs de WordPress est l’affichage du code dans les publications. Le problème se produit lorsqu’un utilisateur essaie de partager un extrait de code dans ses publications. Par dĂ©faut, WordPress filtre le code et il devient illisible. Dans cet article, je vais montrer comment afficher le code dans les publications WordPress.
Utilisation d’entitĂ©s HTML pour afficher le code dans les publications WordPress
Les entités HTML sont un code spécial que les navigateurs analysent pour afficher le caractère associé à cette entité particulière. Par exemple:
- & devient &
- >devient>
En utilisant des entités HTML, vous pouvez afficher du code dans vos publications WordPress.
Cette méthode est particulièrement utile si vous ne souhaitez afficher que quelques lignes de code. Cependant, cette méthode peut être difficile à appliquer manuellement pour plusieurs lignes de code.
Pour rĂ©soudre ce problème, vous pouvez utiliser un encodeur d’entitĂ© HTML en ligne, comme celui-ci. Entrez simplement le code que vous souhaitez convertir et appuyez sur le bouton d’encodage. Il convertira votre code en entitĂ©s HTML et vous pourrez coller ce code en toute sĂ©curitĂ© Ă l’intĂ©rieur Ă©tiquette.
Utilisation du plugin pour afficher le code dans les publications WordPress
Si vous partagez frĂ©quemment des extraits de code dans vos messages, les mĂ©thodes mentionnĂ©es ci-dessus ne fonctionneront pas pour vous. La première chose que vous devez faire est d’installer et d’activer le plugin SyntaxHighlighter Evolved. Cela vous Ă©vitera d’avoir Ă convertir du code en entitĂ©s HTML. Non seulement cela mettra en Ă©vidence le code pour l’afficher dans un format beaucoup plus lisible.
Cela fonctionne immĂ©diatement, tout ce que vous avez Ă faire est d’envelopper votre contenu dans des balises de langue spĂ©cifiques. Par exemple, si vous partagez du code principalement PHP, vous encapsulez votre code comme ceci :
[php]
fonction themelab_demo_code() {
$i = 1Â ;
tandis que ($i echo $i.“
“;
$i++Â ;
pendant ce temps;
}
themelab_demo_code();
?>
[/php]
Il apparaîtra sur votre site, comme ceci :
";
$i++;
endwhile;
}
themelab_demo_code();
?>
Pour différentes langues, il existe différents alias que vous pouvez utiliser. Certains des alias les plus utilisés sont :
- Pour afficher l’utilisation du code HTML [html] [/html]
- Pour CSS, utilisez ceci : [css][/css]
- Pour MySQL, utilisez ceci : [sql][/sql]
- Pour Javascript, utilisez ceci : [javascript][/javascript]
J’espère que cet article vous a aidĂ© Ă afficher du code dans les publications et les pages WordPress.
Si vous avez aimé cet article, rejoignez ThemeLab sur Twitter et Google+.
