L'affichage d'extraits de code dans WordPress peut devenir un véritable défi. Quiconque a déjà essayé d'inclure une ligne de code ou des exemples de code de programme dans WordPress sait à quel point il peut être difficile et frustrant de l'afficher correctement. Cependant, il existe des moyens très 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éré dans WordPress et rendre votre blog beaucoup plus attrayant pour les lecteurs.
C'est particulièrement important pour la programmation de blogs et de projets liés aux tutoriels, car ils traitent de gros blocs de codes. Dans ce cas, empêcher la modification de WordPress et conserver les caractères et les symboles d'origine est d'une importance vitale.
Donc, les plugins de choix sont les suivants :
Snipplr
Ce plugin est essentiellement un site de collage / partage de code en surface. Vous devrez enregistrer un compte pour recevoir une clé API, ce qui est toutefois très rapide. Après cela, il faut naviguer au bas de la page des paramètres et de copier la clé API dans votre presse-papiers.
Preserve Code Formatting
Avec Preserve Code Formatting vous pouvez simplement coller le code dans le code, et ce plugin empêchera WordPress de coder HTML et de modifier votre code. L'espace sera éventuellement conservé. Ce plugin ne prétend pas fonctionner lorsque vous créez des publications avec l'éditeur visuel activé. Pourtant, l’utilisation de l’éditeur de texte visuel posera des problèmes car il peut modifier votre intention en termes de caractères.
Code Markup
Code Markup est un plugin WordPress qui fonctionne en échappant à la plupart des balises et des caractères HTML spéciaux afin qu’ils puissent être affichés exactement comme ils sont tapés, mais en laissant certains tags à un rendu HTML normal. Et dans WordPress 2 et ci-dessus, il est préférable de désactiver l'éditeur visuel afin de mieux contrôler le post-formatage.
Code Snippet
Code Snippet est un plugin WordPress permettant d’afficher 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 être facilement étendu pour plus.
CodeColorer
CodeColorer est un plug-in de mise en évidence de la syntaxe qui permet d'insérer des extraits de code dans des articles de blog avec une belle coloration. Il prend en charge les thèmes de couleur, le code RSS, les commentaires et est basé sur la bibliothèque GeSHi, qui prend en charge la plupart des langues.
Developer Formatter
Le plug-in Developer Formatter utilise le système de mise en évidence 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ôt efficace pour créer un meilleur affichage des codes sur votre blog.
Sniplets
Sniplets est un plugin d'insertion de texte générique prenant en charge un framework de traitement extensible. Vous pouvez remplacer dynamiquement du texte dans vos publications avec du texte pouvant être défini ailleurs ou créé par un autre module. Le plug-in Sniplets effectue la mise en évidence de la syntaxe des fichiers, exécute le code PHP personnalisé, insère des données à partir d'une base de données, etc. Notez que depuis la version 1.3, Sniplets nécessite WordPress 2.5 et PHP 5.
File Inliner
Ce plugin affiche le contenu d'un fichier dans un article, et le contenu du fichier (appelé "extrait") est placé dans un bloc par défaut. Ainsi, lorsque le fichier est modifié, il n’est pas nécessaire de modifier les messages qui y font référence, l’indentation est conservée par défaut, et peut éventuellement fournir un lien vers le fichier et vous n’avez pas à copier-coller votre extrait de code.
FV Code Highlighter
FV Code Highlighter prend en charge la mise en évidence de PHP, HTML, CSS et XML. Le jeu de couleurs tag-surligneur par défaut utilise les mêmes couleurs qu'Adobe Dreamweaver. Cela facilite la reconnaissance par vos visiteurs du type de code que vous avez écrit. Ces couleurs peuvent être modifiées à votre guise dans la section admin de votre blog.
WP Chili
WP Chili est un plugin WordPress pour installer Chili dans WordPress avec une extrême simplicité. Avec ce plugin de mise en évidence de la syntaxe du code jQuery, vous obtenez une mise en évidence du code facile. Le plugin est livré avec des recettes pour beaucoup de langues et supporte de nombreuses options de configuration.
Google Syntax Highlighter
Le plug-in Google Syntax Highlighter intègre facilement le code de mise en évidence 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és sur votre blog. Ce plugin est entièrement basé sur Javascript, il ne contribuera donc pas à la charge de votre serveur. En outre, il prend en charge plusieurs langues, différents navigateurs et la plupart des langages de programmation et de script tels que C ++, PHP, Perl, Ruby, etc.
WP Advanced Code Editor
WP Advanced Code Editor intègre l'éditeur de code avancé EasyArea dans WordPress. Cela ajoute la mise en évidence de la syntaxe en temps réel, la numérotation des lignes, l'édition en plein écran et bien plus encore à l'éditeur de code dans les écrans «Ajouter un nouveau message» et «Ajouter une nouvelle page». Assurez-vous également que l'éditeur WYSIWYG est désactivé, que le plug-in n'est pas compatible avec l'éditeur WYSIWYG.
Syntax Highlighter Evolved
Syntaxe Highlighter Evolved vous permet de publier facilement du code surligné sur votre site sans avoir à modifier le code. Il utilise le package JavaScript SyntaxHighlighter d'Alex Gorbatchev pour effectuer la mise en évidence et prend en charge tous les paramètres du package via les attributs de shortcode.
Highlight Source Pro
Il s'agit d'une mise en évidence de code côté serveur puissante, flexible et compatible XHTML, avec des sources de toutes les langues. Highlight Source Pro se dégrade admirablement avec les pré-balises et est fourni avec des styles CSS génériques par défaut génériques. De plus, vous pouvez éventuellement ajouter un en-tête pour chaque bloc de code, afficher des numéros de ligne et spécifier un décalage de numéro de ligne.
Besoin d'une aide avec l'installation du plugin ? Demandez au CENTRE DE SERVICES TM de vous aider ! Sur la base de notre expérience et des besoins de nos clients, nous recommandons un ensemble essentiel de 7 plugins WordPress.
1) Plugin Onpage SEO pour vous aider avec l'optimisation de vos pages
2) Plugin Google Analytics pour suivre vos visiteurs
3) Éditeur avancé pour les publications et les pages pour faciliter l'édition
4) Optimiseur d'image pour réduire la taille de vos images pour le Web sans perte de qualité
5) Plugin Sitemap pour générer sitemap.xml pour votre site Web et le mettre à jour automatiquement après tout changement que vous apportez (vital pour les moteurs de recherche)
6) Plugin pour modifier l'URL de la page de connexion afin de le protéger des attaques de pirates
7) Plugin pour la personnalisation du panneau d'administration
Nous allons installer ces plugins pour seulement 79 $. Cette offre est déjà dans votre panier! Découvrez !