{"id":1230,"date":"2018-09-27T11:14:13","date_gmt":"2018-09-27T09:14:13","guid":{"rendered":"https:\/\/www.templatemonster.com\/fr\/blog\/?p=1230"},"modified":"2018-09-26T21:41:04","modified_gmt":"2018-09-26T19:41:04","slug":"15-plugins-wordpress-pour-afficher-les-extraits-de-code","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/","title":{"rendered":"15 plugins WordPress pour afficher les extraits de code"},"content":{"rendered":"<p>L'affichage d'extraits de code dans WordPress peut devenir un v\u00e9ritable d\u00e9fi. Quiconque a d\u00e9j\u00e0 essay\u00e9 d'inclure une ligne de code ou des exemples de code de programme dans WordPress sait \u00e0 quel point il peut \u00eatre difficile et frustrant de l'afficher correctement. Cependant, il existe des moyens tr\u00e8s simples et efficaces de le faire - avec une gamme de <strong>Plugins d'extraits de code WordPress<\/strong> disponible, vous pouvez conserver le formatage d'origine de tout code ins\u00e9r\u00e9 dans WordPress et rendre votre blog beaucoup plus attrayant pour les lecteurs.<\/p>\n<div class=\"spacer\"><\/div>\n<p>C'est particuli\u00e8rement important pour la programmation de blogs et de projets li\u00e9s aux tutoriels, car ils traitent de gros blocs de codes. Dans ce cas, emp\u00eacher la modification de WordPress et conserver les caract\u00e8res et les symboles d'origine est d'une importance vitale.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"https:\/\/www.templatemonster.com\/fr\/type\/plugins-wordpress\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2017\/08\/wordpress.jpg?x54449\" alt=\"\" width=\"835\" height=\"100\" data-lazy-loaded=\"true\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Donc, les plugins de choix sont les suivants :<\/p>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/snipplr.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Snipplr<\/a><\/h3>\n<p>Ce plugin est essentiellement un site de collage \/ partage de code en surface. Vous devrez enregistrer un compte pour recevoir une cl\u00e9 API, ce qui est toutefois tr\u00e8s rapide. Apr\u00e8s cela, il faut naviguer au bas de la page des param\u00e8tres et de copier la cl\u00e9 API dans votre presse-papiers.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/snipplr.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10600 aligncenter\" title=\"Snipplr\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Snipplr.jpg?x54449\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Snipplr.jpg?x54449 620w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Snipplr-300x150.jpg?x54449 300w\" alt=\"wordpress plugins code snippet\" width=\"620\" height=\"312\" data-lazy-loaded=\"true\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/coffee2code.com\/wp-plugins\/preserve-code-formatting\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Preserve Code Formatting<\/a><\/h3>\n<p>Avec Preserve Code Formatting vous pouvez simplement coller le code dans le code, et ce plugin emp\u00eachera WordPress de coder HTML et de modifier votre code. L'espace sera \u00e9ventuellement conserv\u00e9. Ce plugin ne pr\u00e9tend pas fonctionner lorsque vous cr\u00e9ez des publications avec l'\u00e9diteur visuel activ\u00e9. Pourtant, l\u2019utilisation de l\u2019\u00e9diteur de texte visuel posera des probl\u00e8mes car il peut modifier votre intention en termes de caract\u00e8res.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/coffee2code.com\/wp-plugins\/preserve-code-formatting\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10601 aligncenter\" title=\"Preserve Code Formatting\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Preserve-Code-Formatting.jpg?x54449\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Preserve-Code-Formatting.jpg?x54449 620w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Preserve-Code-Formatting-300x196.jpg?x54449 300w\" alt=\"wordpress code snippet plugin\" width=\"620\" height=\"407\" data-lazy-loaded=\"true\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/www.thunderguy.com\/semicolon\/wordpress\/code-markup-wordpress-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Code Markup<\/a><\/h3>\n<p>Code Markup est un plugin WordPress qui fonctionne en \u00e9chappant \u00e0 la plupart des balises et des caract\u00e8res HTML sp\u00e9ciaux afin qu\u2019ils puissent \u00eatre affich\u00e9s exactement comme ils sont tap\u00e9s, mais en laissant certains tags \u00e0 un rendu HTML normal. Et dans WordPress 2 et ci-dessus, il est pr\u00e9f\u00e9rable de d\u00e9sactiver l'\u00e9diteur visuel afin de mieux contr\u00f4ler le post-formatage.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/www.thunderguy.com\/semicolon\/wordpress\/code-markup-wordpress-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10599 aligncenter\" title=\"Code Markup\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Code-Markup.jpg?x54449\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Code-Markup.jpg?x54449 620w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Code-Markup-300x144.jpg?x54449 300w\" alt=\"wordpress code snippet plugins\" width=\"620\" height=\"298\" data-lazy-loaded=\"true\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/blog.hackerforhire.org\/code-snippet\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Code Snippet<\/a><\/h3>\n<p>Code Snippet est un plugin WordPress permettant d\u2019afficher du code avec une coloration syntaxique dans les articles de blog utilisant le moteur GeSHi - un moteur de surligneur flexible et facilement extensible. Avec ce plugin et un grand nombre de langues sont pris en charge avec ce plugin et il peut \u00eatre facilement \u00e9tendu pour plus.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/blog.hackerforhire.org\/code-snippet\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10602 aligncenter\" title=\"Code Snippet\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Code-Snippet.jpg?x54449\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Code-Snippet.jpg?x54449 620w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Code-Snippet-300x126.jpg?x54449 300w\" alt=\"displaying code snippets wordpress plugin\" width=\"620\" height=\"262\" data-lazy-loaded=\"true\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/wordpress.org\/extend\/plugins\/codecolorer\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">CodeColorer<\/a><\/h3>\n<p>CodeColorer est un plug-in de mise en \u00e9vidence de la syntaxe qui permet d'ins\u00e9rer des extraits de code dans des articles de blog avec une belle coloration. Il prend en charge les th\u00e8mes de couleur, le code RSS, les commentaires et est bas\u00e9 sur la biblioth\u00e8que GeSHi, qui prend en charge la plupart des langues.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/wordpress.org\/extend\/plugins\/devformatter\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Developer Formatter<\/a><\/h3>\n<p>Le plug-in Developer Formatter utilise le syst\u00e8me de mise en \u00e9vidence GeSHi, vous aurez donc le support pour plus de 110 langues, notamment PHP, ASP, HTML, JavaScript, CSS, Java, Python, Delphi, C ++, C, Visual Basic et bien plus. Plut\u00f4t efficace pour cr\u00e9er un meilleur affichage des codes sur votre blog.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/urbangiraffe.com\/plugins\/sniplets\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Sniplets<\/a><\/h3>\n<p>Sniplets est un plugin d'insertion de texte g\u00e9n\u00e9rique prenant en charge un framework de traitement extensible. Vous pouvez remplacer dynamiquement du texte dans vos publications avec du texte pouvant \u00eatre d\u00e9fini ailleurs ou cr\u00e9\u00e9 par un autre module. Le plug-in Sniplets effectue la mise en \u00e9vidence de la syntaxe des fichiers, ex\u00e9cute le code PHP personnalis\u00e9, ins\u00e8re des donn\u00e9es \u00e0 partir d'une base de donn\u00e9es, etc. Notez que depuis la version 1.3, Sniplets n\u00e9cessite WordPress 2.5 et PHP 5.<\/p>\n<div class=\"spacer\"><\/div>\n<p><a href=\"http:\/\/urbangiraffe.com\/plugins\/sniplets\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10605 aligncenter\" title=\"Sniplets\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Sniplets.jpg?x54449\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Sniplets.jpg?x54449 620w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Sniplets-300x135.jpg?x54449 300w\" alt=\"wordpress plugins code snippet\" width=\"620\" height=\"280\" data-lazy-loaded=\"true\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"https:\/\/wordpress.org\/plugins\/file-inliner\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">File Inliner<\/a><\/h3>\n<p>Ce plugin affiche le contenu d'un fichier dans un article, et le contenu du fichier (appel\u00e9 \"extrait\") est plac\u00e9 dans un bloc par d\u00e9faut. Ainsi, lorsque le fichier est modifi\u00e9, il n\u2019est pas n\u00e9cessaire de modifier les messages qui y font r\u00e9f\u00e9rence, l\u2019indentation est conserv\u00e9e par d\u00e9faut, et peut \u00e9ventuellement fournir un lien vers le fichier et vous n\u2019avez pas \u00e0 copier-coller votre extrait de code.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"https:\/\/wordpress.org\/plugins\/fv-code-highlighter\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">FV Code Highlighter<\/a><\/h3>\n<p>FV Code Highlighter prend en charge la mise en \u00e9vidence de PHP, HTML, CSS et XML. Le jeu de couleurs tag-surligneur par d\u00e9faut utilise les m\u00eames couleurs qu'Adobe Dreamweaver. Cela facilite la reconnaissance par vos visiteurs du type de code que vous avez \u00e9crit. Ces couleurs peuvent \u00eatre modifi\u00e9es \u00e0 votre guise dans la section admin de votre blog.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/wordpress.org\/extend\/plugins\/wp-chili\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">WP Chili<\/a><\/h3>\n<p>WP Chili est un plugin WordPress pour installer Chili dans WordPress avec une extr\u00eame simplicit\u00e9. Avec ce plugin de mise en \u00e9vidence de la syntaxe du code jQuery, vous obtenez une mise en \u00e9vidence du code facile. Le plugin est livr\u00e9 avec des recettes pour beaucoup de langues et supporte de nombreuses options de configuration.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/wordpress.org\/extend\/plugins\/google-syntax-highlighter\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Google Syntax Highlighter<\/a><\/h3>\n<p>Le plug-in Google Syntax Highlighter int\u00e8gre facilement le code de mise en \u00e9vidence de la syntaxe d'Alex Gorbatchev dans votre blog WordPress. Avec son installation, vous pourrez colorer automatiquement les extraits de code que vous avez publi\u00e9s sur votre blog. Ce plugin est enti\u00e8rement bas\u00e9 sur Javascript, il ne contribuera donc pas \u00e0 la charge de votre serveur. En outre, il prend en charge plusieurs langues, diff\u00e9rents navigateurs et la plupart des langages de programmation et de script tels que C ++, PHP, Perl, Ruby, etc.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/wordpress.org\/extend\/plugins\/wp-advanced-code-editor\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">WP Advanced Code Editor<\/a><\/h3>\n<p>WP Advanced Code Editor int\u00e8gre l'\u00e9diteur de code avanc\u00e9 EasyArea dans WordPress. Cela ajoute la mise en \u00e9vidence de la syntaxe en temps r\u00e9el, la num\u00e9rotation des lignes, l'\u00e9dition en plein \u00e9cran et bien plus encore \u00e0 l'\u00e9diteur de code dans les \u00e9crans \u00abAjouter un nouveau message\u00bb et \u00abAjouter une nouvelle page\u00bb. Assurez-vous \u00e9galement que l'\u00e9diteur WYSIWYG est d\u00e9sactiv\u00e9, que le plug-in n'est pas compatible avec l'\u00e9diteur WYSIWYG.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"http:\/\/wordpress.org\/extend\/plugins\/syntaxhighlighter\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Syntax Highlighter Evolved<\/a><\/h3>\n<p>Syntaxe Highlighter Evolved vous permet de publier facilement du code surlign\u00e9 sur votre site sans avoir \u00e0 modifier le code. Il utilise le package JavaScript SyntaxHighlighter d'Alex Gorbatchev pour effectuer la mise en \u00e9vidence et prend en charge tous les param\u00e8tres du package via les attributs de shortcode.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3 style=\"text-align: center;\"><a href=\"https:\/\/wordpress.org\/plugins\/highlight-source-pro\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Highlight Source Pro<\/a><\/h3>\n<p>Il s'agit d'une mise en \u00e9vidence de code c\u00f4t\u00e9 serveur puissante, flexible et compatible XHTML, avec des sources de toutes les langues. Highlight Source Pro se d\u00e9grade admirablement avec les pr\u00e9-balises et est fourni avec des styles CSS g\u00e9n\u00e9riques par d\u00e9faut g\u00e9n\u00e9riques. De plus, vous pouvez \u00e9ventuellement ajouter un en-t\u00eate pour chaque bloc de code, afficher des num\u00e9ros de ligne et sp\u00e9cifier un d\u00e9calage de num\u00e9ro de ligne.<\/p>\n<div class=\"spacer\"><\/div>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<p><a href=\"https:\/\/www.templatemonster.com\/fr\/wordpress-elementor-plugins\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-138088 size-full\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/07\/elementor-wordpress-plugins-banner.jpg?x54449\" sizes=\"(max-width: 960px) 100vw, 960px\" srcset=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/07\/elementor-wordpress-plugins-banner.jpg?x54449 960w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/07\/elementor-wordpress-plugins-banner-300x31.jpg?x54449 300w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/07\/elementor-wordpress-plugins-banner-768x80.jpg?x54449 768w, https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/07\/elementor-wordpress-plugins-banner-800x83.jpg?x54449 800w\" alt=\"elementor wordpress plugins\" width=\"960\" height=\"100\" data-wp-pid=\"138088\" data-lazy-loaded=\"true\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<div class=\"spacer\"><\/div>\n<p>Besoin d'une aide avec l'installation du plugin ? Demandez au\u00a0<a href=\"https:\/\/www.templatemonster.com\/fr\/service-center\/\" target=\"_blank\" rel=\"noopener noreferrer\">CENTRE DE SERVICES TM<\/a>\u00a0de vous aider !\u00a0Sur la base de notre exp\u00e9rience et des besoins de nos clients, nous recommandons un <a href=\"https:\/\/www.templatemonster.com\/fr\/cart.php?addOffer=588\" target=\"_blank\">ensemble essentiel de 7 plugins WordPress<\/a>.<\/p>\n<p>1) Plugin Onpage SEO pour vous aider avec l'optimisation de vos pages<br \/>\n2) Plugin Google Analytics pour suivre vos visiteurs<br \/>\n3) \u00c9diteur avanc\u00e9 pour les publications et les pages pour faciliter l'\u00e9dition<br \/>\n4) Optimiseur d'image pour r\u00e9duire la taille de vos images pour le Web sans perte de qualit\u00e9<br \/>\n5) Plugin Sitemap pour g\u00e9n\u00e9rer sitemap.xml pour votre site Web et le mettre \u00e0 jour automatiquement apr\u00e8s tout changement que vous apportez (vital pour les moteurs de recherche)<br \/>\n6) Plugin pour modifier l'URL de la page de connexion afin de le prot\u00e9ger des attaques de pirates<br \/>\n7) Plugin pour la personnalisation du panneau d'administration<br \/>\nNous allons installer ces plugins pour seulement 79 $. Cette offre est d\u00e9j\u00e0 dans votre panier! <a href=\"https:\/\/www.templatemonster.com\/fr\/cart.php?addOffer=588\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9couvrez !<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L'affichage d'extraits de code dans WordPress peut devenir un v\u00e9ritable d\u00e9fi. Quiconque a d\u00e9j\u00e0 essay\u00e9 d'inclure une ligne de code ou des exemples de code de programme dans WordPress sait \u00e0 quel point il peut \u00eatre difficile et frustrant de l'afficher correctement. Cependant, il existe des moyens tr\u00e8s simples et efficaces de le faire - [&hellip;]<\/p>\n","protected":false},"author":1672325,"featured_media":1231,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29,59],"tags":[68,55,70,31],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>15 plugins WordPress pour afficher les extraits de code - TemplateMonster<\/title>\n<meta name=\"description\" content=\"L&#039;affichage d&#039;extraits de code dans WordPress peut devenir un v\u00e9ritable d\u00e9fi. Cependant, il existe des moyens tr\u00e8s simples et efficaces de le faire - avec une gamme de Plugins d&#039;extraits de code WordPress disponible, vous pouvez conserver le formatage d&#039;origine de tout code ins\u00e9r\u00e9 dans WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 plugins WordPress pour afficher les extraits de code - TemplateMonster\" \/>\n<meta property=\"og:description\" content=\"L&#039;affichage d&#039;extraits de code dans WordPress peut devenir un v\u00e9ritable d\u00e9fi. Cependant, il existe des moyens tr\u00e8s simples et efficaces de le faire - avec une gamme de Plugins d&#039;extraits de code WordPress disponible, vous pouvez conserver le formatage d&#039;origine de tout code ins\u00e9r\u00e9 dans WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Blog France\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-27T09:14:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-26T19:41:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/09\/wordpress1-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claire\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_France\" \/>\n<meta name=\"twitter:site\" content=\"@TM_France\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claire\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/\"},\"author\":{\"name\":\"Claire\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\"},\"headline\":\"15 plugins WordPress pour afficher les extraits de code\",\"datePublished\":\"2018-09-27T09:14:13+00:00\",\"dateModified\":\"2018-09-26T19:41:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/\"},\"wordCount\":1267,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"keywords\":[\"Codage\",\"jQuery\",\"Plugins\",\"WordPress\"],\"articleSection\":[\"D\u00e9veloppement Web\",\"Outils Webmaster\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/\",\"name\":\"15 plugins WordPress pour afficher les extraits de code - TemplateMonster\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\"},\"datePublished\":\"2018-09-27T09:14:13+00:00\",\"dateModified\":\"2018-09-26T19:41:04+00:00\",\"description\":\"L'affichage d'extraits de code dans WordPress peut devenir un v\u00e9ritable d\u00e9fi. Cependant, il existe des moyens tr\u00e8s simples et efficaces de le faire - avec une gamme de Plugins d'extraits de code WordPress disponible, vous pouvez conserver le formatage d'origine de tout code ins\u00e9r\u00e9 dans WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"15 plugins WordPress pour afficher les extraits de code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"name\":\"TemplateMonster Blog France\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\",\"name\":\"MonsterPost France\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost France\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\",\"https:\/\/twitter.com\/TM_France\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\",\"name\":\"Claire\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Claire\"},\"description\":\"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.\",\"url\":\"https:\/\/monsterspost.com\/fr\/author\/claire\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"15 plugins WordPress pour afficher les extraits de code - TemplateMonster","description":"L'affichage d'extraits de code dans WordPress peut devenir un v\u00e9ritable d\u00e9fi. Cependant, il existe des moyens tr\u00e8s simples et efficaces de le faire - avec une gamme de Plugins d'extraits de code WordPress disponible, vous pouvez conserver le formatage d'origine de tout code ins\u00e9r\u00e9 dans WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/","og_locale":"fr_FR","og_type":"article","og_title":"15 plugins WordPress pour afficher les extraits de code - TemplateMonster","og_description":"L'affichage d'extraits de code dans WordPress peut devenir un v\u00e9ritable d\u00e9fi. Cependant, il existe des moyens tr\u00e8s simples et efficaces de le faire - avec une gamme de Plugins d'extraits de code WordPress disponible, vous pouvez conserver le formatage d'origine de tout code ins\u00e9r\u00e9 dans WordPress.","og_url":"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/","og_site_name":"TemplateMonster Blog France","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterFrance\/","article_published_time":"2018-09-27T09:14:13+00:00","article_modified_time":"2018-09-26T19:41:04+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/09\/wordpress1-1.jpg","type":"image\/jpeg"}],"author":"Claire","twitter_card":"summary_large_image","twitter_creator":"@TM_France","twitter_site":"@TM_France","twitter_misc":{"\u00c9crit par":"Claire","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/"},"author":{"name":"Claire","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c"},"headline":"15 plugins WordPress pour afficher les extraits de code","datePublished":"2018-09-27T09:14:13+00:00","dateModified":"2018-09-26T19:41:04+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/"},"wordCount":1267,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"keywords":["Codage","jQuery","Plugins","WordPress"],"articleSection":["D\u00e9veloppement Web","Outils Webmaster"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/","url":"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/","name":"15 plugins WordPress pour afficher les extraits de code - TemplateMonster","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/#website"},"datePublished":"2018-09-27T09:14:13+00:00","dateModified":"2018-09-26T19:41:04+00:00","description":"L'affichage d'extraits de code dans WordPress peut devenir un v\u00e9ritable d\u00e9fi. Cependant, il existe des moyens tr\u00e8s simples et efficaces de le faire - avec une gamme de Plugins d'extraits de code WordPress disponible, vous pouvez conserver le formatage d'origine de tout code ins\u00e9r\u00e9 dans WordPress.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/fr\/15-plugins-wordpress-pour-afficher-les-extraits-de-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/fr\/"},{"@type":"ListItem","position":2,"name":"15 plugins WordPress pour afficher les extraits de code"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/fr\/#website","url":"https:\/\/monsterspost.com\/fr\/","name":"TemplateMonster Blog France","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/fr\/#organization","name":"MonsterPost France","url":"https:\/\/monsterspost.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost France"},"image":{"@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterFrance\/","https:\/\/twitter.com\/TM_France"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c","name":"Claire","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Claire"},"description":"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.","url":"https:\/\/monsterspost.com\/fr\/author\/claire\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1230"}],"collection":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/users\/1672325"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/comments?post=1230"}],"version-history":[{"count":2,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1230\/revisions"}],"predecessor-version":[{"id":1233,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1230\/revisions\/1233"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media\/1231"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media?parent=1230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/categories?post=1230"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/tags?post=1230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}