codeS­nips

Ges­tion d’extraits de code à affi­cher dans les articles

Si votre blog est orien­té pro­gram­ma­tion, vous êtes ame­nés à affi­cher des mor­ceaux de code (snip­pet) de la manière la plus pra­tique pos­sible. Il existe de nom­breuses exten­sions qui affichent le code colo­ri­sé avec lignes numé­ro­tées mais codeS­nips va encore un peu plus loin en per­met­tant une ges­tion inté­res­sante de ces bouts de code.

Le plu­gin crée un nou­veau type de articles cor­res­pon­dant aux bouts de code. Vous y col­lez votre code – en choi­sis­sant le lan­gage idoine – mais aus­si une des­crip­tion du code que vous pou­vez choi­sir d’afficher ou pas. La page d’affichage colo­rise le code, vous pou­vez choi­sir d’afficher ou pas la numé­ro­ta­tion et un lien vers le code brut est disponible.
Cha­cun des codes peut être affi­ché dans le conte­nu de vos articles à l’aide d’un short­code du type [snippet id=5] avec quelques per­son­na­li­sa­tions en plus.

Et enfin, l’ensemble de ces codes peut être lis­té dans une page d’archive. J’avoue que cette der­nière fonc­tion m’a convain­cu de l’installer ici. Cela fai­sait long­temps que je cher­chais une solu­tion pour sto­cker mes dif­fé­rents mor­ceaux de code utiles pour mes sites – https://​www​.echo​des​plu​gins​.li​-an​.fr/​c​o​de/.

Réglages

codesnip-reglages

Options de présentation

codesnip-txt

Créa­tion d’extrait de code

codesnip-creation

Ren­du visuel

codesnip-affiche

Lis­ting

codesnip-liste

Le plu­gin est four­ni avec deux modèles de tem­plate – archive-snippets.phpet single-snippets.php – pour aider à créer la page d’archive et l’affichage dans une page unique. Le tout est ran­gé dans le réper­toire tem­plate-samples avec le code CSS qui va bien. Il vous fau­dra donc un peu batailler pour obte­nir un ren­du satis­fai­sant sui­vant votre thème parce que sinon, ça ne va rien affi­cher par défaut.

Remarque

Si le champ de des­crip­tion est très basique, il est com­pa­tible avec Mark­down Jet­pack quelque soit l’extension uti­li­sée pour l’appeler.

- site de l’extension : https://​word​press​.org/​p​l​u​g​i​n​s​/​c​o​d​e​s​n​i​ps/
– com­pa­ti­bi­li­té à ce jour : WP 3.9 > WP 4.3.1
– ver­sion tes­tée : 1.1.3

Par­ta­gez

Si vous avez trou­vé une faute d’orthographe, infor­mez-nous en sélec­tion­nant le texte en ques­tion et en appuyant sur Ctrl + Entrée s’il vous plaît,.

2 réponses sur “ codeS­nips ”
  1. J’utilise plu­tot Crayon Syn­tax High­li­ter, je pense que GitHub Gist est inter­es­sant aus­si (vu que ca per­met aux gens de pro­po­ser des ame­lio­ra­tions ou des mods) mais aucune de ces solu­tions ne per­met de faire des archives. Inté­res­sant plu­gin donc :P

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Notifiez-moi les commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.

Aucun support n’est fourni pour les extensions testées. Vous pouvez utiliser Markdown pour les commentaires.