Il y a une blague courante parmi les programmeurs selon laquelle le développement logiciel est de 10 à 20% sachant coder et 80 à 90% sachant comment rechercher le Internet pour une réponse ou un extrait de code. Heureusement, de nombreuses personnes publient ces extraits de code sur leurs sites Web pour que d'autres puissent les utiliser et les modifier. Si vous êtes l'un des codeurs utiles qui découvre les problèmes et souhaite partager le code résultant, nous avons ici une multitude de plugins WordPress qui peuvent vous aider à publier ces extraits de code dans un format facile à lire et à copier.
Que vous souhaitiez afficher le code dans un seul bloc pour vos lecteurs ou en ligne dans le cadre d'une discussion où vous pouvez indiquer des éléments spécifiques du code, il existe un plugin pour vous. Vous pouvez gérer cela manuellement en ajustant votre fichier functions.php , mais même si nous suggérons souvent une approche manuelle de certaines choses dans WordPress, les plugins sont certainement la voie à suivre pour cette fonctionnalité.
Nos 4 meilleurs plugins d'extraits de code pour WordPress
1. SyntaxHighlighter Evolved
L'une des normes dans ce domaine, SyntaxHighlighter Evolved est simple à utiliser et à installer. Nous avons une interface graphique complète de pour savoir comment l'installer et le configurer sur votre site. En gros, vous pouvez coller le code dans le champ vide et le plugin le prend à partir de là. Il affichera ce code entièrement mis en évidence et formaté pour vos lecteurs. Vous pouvez ajuster Ils peuvent également cliquer sur l'extrait de code affiché et le copier pour leur propre usage. De plus, lorsque l'utilisateur clique sur le bloc de code, il affiche une version en texte brut du code qui facilite le copier-coller du côté de l'utilisateur. La dernière chose dont quelqu'un qui recherche du code a besoin est de devoir le reformater et le déboguer lui-même.
Le plugin fonctionne également avec Prix: GRATUIT | Plus d'informations
2 . Extraits de code
Lorsque vous voyez un plugin appelé simplement Extraits de code, il y a de fortes chances que vous sachiez ce qu'il fait. Et j'espère qu'il le fait bien. Heureusement pour nous tous, les extraits de code affichent bien les extraits de code. L'une des caractéristiques les plus remarquables de ce plugin est que non seulement les lignes de code affichées sont formatées pour être lues et copiées facilement, mais il est également livré avec un champ personnalisé pour une deion de code afin que vous puissiez facilement suivre quels extraits de code font quoi (et donc votre les lecteurs peuvent également obtenir une deion complète).
Nous apprécions que ce plugin vous donne une liste complète de tous les extraits de code sur votre site Web (ceux qui sont créés avec ce plugin, c'est-à-dire), de sorte que tout les mises à jour ou les modifications qui doivent être apportées sont rapides et faciles sans avoir à rechercher et à trouver quel article ou page le contient. Cela vous permet également d'utiliser les mêmes extraits à plusieurs endroits et d'en conserver une seule instance.
Prix: GRATUIT | Plus d'informations
3. Enlighter - Surligneur de syntaxe personnalisable
Propulsé par EnlighterJS , le Le plugin Enlighter du même nom vous donne beaucoup de contrôle sur la façon dont vos extraits de code s'affichent sur votre site. Un gros avantage à celui-ci est la façon dont vous pouvez ajouter du code en ligne plutôt que dans son propre bloc. La plupart des plugins d'extraits de code autorisent uniquement le formatage de bloc. (Ou l'édition via un bloc réel de l'éditeur de blocs.) Cette fonctionnalité aide beaucoup à la lisibilité de vos articles et explications, donc le code, ainsi que vous permet d'inclure plus facilement seulement une partie d'un extrait complet dans le contexte d'une ligne, d'une fonction, ou phrase.
De plus, c'est l'un des rares plugins à avoir un surligneur «langage générique», ce qui signifie que si vous insérez un extrait de code et que le plugin ne peut pas dire si cela vient de PHP, HTML , JavaScript, ou autre chose, il le mettra toujours en évidence aussi bien que possible, ce qui signifie qu'il n'apparaîtra pas simplement en texte brut. Cela seul rend Enlighter intéressant à vérifier en raison de la lisibilité de chaque ligne de code que vous mettez sur votre site Web.
Prix: GRATUIT | Plus d'informations
4. Syntaxe Code Highlighter
Bloc de syntaxe de code utilise le Surligneur de syntaxe Prism pour afficher des extraits de code dans vos articles et pages WordPress. En parcourant l'éditeur de blocs, il vous suffit de coller le code que vous souhaitez afficher et de jouer avec certains des paramètres de la barre latérale droite, en utilisant des métaboxes et des détails. Cela facilite l’étiquetage et l’identification de l’extrait de code recherché par l’utilisateur.
Avec ce plugin, vous n’avez pas besoin de vous fier à un style prédéfini pour colorer les extraits de code en surbrillance. Bien que le plugin inclue des préréglages, vous pouvez modifier le paramètre de couleur du code en utilisant CSS dans un fichier inclus avec le plugin. Ce niveau de personnalisation est agréable lorsque votre site vise une esthétique particulière ou que vous vous concentrez sur un type de développement particulier. En utilisant CSS pour ajuster les blocs de code affichés, vous pouvez offrir aux utilisateurs venant sur votre site la meilleure expérience possible, à la fois du point de vue de l'affichage et de la convivialité.
Prix: GRATUIT | Plus d'informations
Conclusion avec les plug-ins d'extraits de code
Quelle que soit la raison pour laquelle vous devez afficher des extraits de code sur votre site, les plugins vous offrent une grande quantité de personnalisation, des ensembles de fonctionnalités robustes et une facilité d'utilisation pour obtenir ces solutions aux problèmes de codage révolutionnaires en ligne. Comme nous l'avons dit plus tôt, une grande partie du métier de développeur de logiciels est la capacité de rechercher des réponses en ligne aux problèmes qui ont déjà déjà résolu. Avec l'un de ces plugins, vous pouvez faire votre part pour le payer. Faites une grande percée, puis lancez le code en ligne. Quelqu'un là-bas vous en remerciera. Et même si ce n'est pas le cas, votre extrait de code a quand même aidé.
À quoi utilisez-vous les extraits de code sur votre site?
Article image sélectionnée par magic pictures / shutterstock.com
