Les blogs les plus populaires qui utilisent PRISM sont Smashing Magazine, CSS-TRICKS, SitePoint. Si vous cherchez la solution sur l’utilisation du surligneur de syntaxe, lisez la suite.<\/p>\n
Installation<\/h3>\n
Pour utiliser le surligneur de code PRISM, vous devez inclure leur JS et CSS sur votre site Web. PRISM vous permet de personnaliser vos choix sur le th\u00e8me et la s\u00e9lection de la langue. Rendez-vous sur la page d’accueil de PRISM<\/a> et cliquez sur le bouton T\u00e9l\u00e9charger.<\/p>\n Sur la page suivante, choisissez le th\u00e8me qui conviendra \u00e0 votre site Web. Dans la section Langues, s\u00e9lectionnez les langues que votre site Web enseigne. Ici, nous vous recommandons de s\u00e9lectionner uniquement les langues requises. Sinon, les fichiers JS et CSS de votre PRISM occuperont un espace inutile.<\/p>\n Une fois que vous avez s\u00e9lectionn\u00e9 vos options, faites d\u00e9filer vers le bas et t\u00e9l\u00e9chargez vos fichiers JS et CSS personnalis\u00e9s s\u00e9par\u00e9ment.<\/p>\n Nous avons t\u00e9l\u00e9charg\u00e9 des fichiers JS et CSS qui mettront en \u00e9vidence notre syntaxe de code. La prochaine chose \u00e0 voir est de savoir comment l’utiliser dans votre code r\u00e9el lors de l’affichage sur des pages Web.<\/p>\n Au d\u00e9but, vous devez inclure ces fichiers t\u00e9l\u00e9charg\u00e9s sur votre site Web.<\/p>\n Ensuite, PRISM fournit une classe unique pour chaque langage pris en charge que nous devons utiliser lors de l’ajout de la syntaxe du langage. Par exemple, si vous \u00e9crivez un code PHP, vous devez envelopper votre code PHP de la mani\u00e8re suivante.<\/p>\n Notez que nous avons utilis\u00e9 "<?php" au lieu de "<?php". Lors de l’utilisation de PRISM, vous devez utiliser des caract\u00e8res Pour \u00e9crire un code CSS, vous devez utiliser class Ce code CSS s’affichera sur votre site Web comme suit\u00a0:<\/p>\n De la m\u00eame mani\u00e8re pour la syntaxe HTML et JavaScript, vous devez utiliser respectivement les classes Pour obtenir la liste des langues prises en charge et leurs classes, consultez ce lien<\/a>.<\/p>\n Dans cet article, nous vous montrons comment installer et utiliser le surligneur de syntaxe PRISM sur votre site Web. Il ajoute une belle apparence \u00e0 la syntaxe de votre code, ce qui offre une meilleure exp\u00e9rience utilisateur \u00e0 vos visiteurs. Alternativement, vous pouvez \u00e9galement consulter le plugin WordPress SyntaxHighlighter Evolved<\/a> que nous utilisons sur notre blog.<\/p>\n![\"PRISM](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211618250b.png\")
<\/a><\/p>\n![\"PRISM](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211631b429.png\")
<\/a><\/p>\nComment utiliser le surligneur de syntaxe<\/h3>\n
<!DOCTYPE html>\n<html>\n<head>\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0<link href=\"css\/prism.css\" rel=\"stylesheet\" \/>\n<\/head>\n<body>\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0<script src=\"js\/prism.js\"><\/script>\n<\/body>\n<\/html><\/code><\/pre>\n![\"PRISM](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\")
<\/a><\/p>\n<<\/code>et ><\/code>pour ‘<‘ et ‘>’ respectivement. Maintenant, si vous v\u00e9rifiez votre page Web, vous devriez voir votre code PHP quelque chose comme ci-dessous capture d’\u00e9cran.<\/p>\n<\/a><\/p>\nlanguage-css<\/code>.<\/p>\n<\/a><\/p>\n<\/a><\/p>\nlanguage-markup<\/code>et language-js<\/code>.<\/p>\nConclusion<\/h3>\n
Articles Li\u00e9s<\/h4>\n