Généralement, lorsque vous placez du contenu dans des publications WordPress, ce que vous voyez est ce que vous obtenez ou WYSIWYG. Si vous tapez: "Le renard brun rapide a sauté par-dessus la clôture blanche", voilà ce que vous verrez. Mais WordPress offre également la possibilité de développer des références abrégées. En programmation, on appelle cela des macros. essentiellement des programmes informatiques courts. Dans WordPress, cela s'appelle des shortcodes.
Par exemple, si vous deviez taper [quickfox]
, un shortcode WordPress pourrait élargir ceci à "Le renard brun rapide a sauté par-dessus la clôture blanche." De même, si vous deviez taper [quickphrase animal = "lapin" animal_color = "jaune" objet = "clôture" object_color = "rouge"]
, cela pourrait s'étendre à "Le lapin jaune rapide a sauté par-dessus la clôture rouge." Bien que cela puisse sembler peu utile pour le moment, cette capacité est en réalité très utile.
Vous avez peut-être rencontré précédemment des codes abrégés WordPress de quatre manières différentes:
WordPress.com propose ses propres codes abrégés pour les blogs hébergés avec son service. L'un des inconvénients de l'utilisation de ces codes abrégés est qu'il est très difficile de migrer à l'avenir vers un autre hôte ou un autre hôte. C'est ce que j'appelle le "verrouillage de l'hôte"..
De nombreux thèmes proposent des codes courts. Par exemple, le créateur de mon thème de site Web, MySiteMyWay, possède une liste énorme de codes courts. Je utilise l [onglets]
shortcodes pour permettre le tri dynamique de mes clips d'écriture par année et par sujet (aucun rafraîchissement de page nécessaire):
Voici le code qui fait ceci:
[tabs] [tab title = "Par année"]… contenu trié par année… [/ tab] [tab title = "Par sujet"]… contenu trié par sujet… [/ tab] [/ tabs]
J'utilise aussi des colonnes sur cette page:
Voici le code qui accomplit cela:
[one_half]… la première colonne va ici… [/ one_half] [one_half_last]… le contenu de la deuxième colonne va ici… [/ one_half_last]
L'un des inconvénients de l'utilisation des codes abrégés de votre thème est qu'il est très difficile de migrer vers un nouveau thème à l'avenir, le "verrouillage du thème"..
Les plugins Shortcode sont des plugins qui fournissent une pléthore de codes courts pour améliorer l'apparence de votre blog. Voici une revue de nombreux articles par WPMU, et Shortcodes Ultimate en est un bon exemple. Ces plugins peuvent vous aider à éviter le verrouillage du thème et de l'hôte, mais vous obtenez alors le "verrouillage du plugin". Et les shortcodes de plugins n'interagiront pas toujours bien avec votre thème.
De nombreux plugins implémentent leurs fonctionnalités sous forme de shortcode. Par exemple, le plugin Social Locker, dont j'ai récemment parlé pour Tuts +, est implémenté en tant que shortcode. Mon article sur la protection de votre Mac contre le vol potentiel verrouille le contenu des dernières suggestions afin d'encourager les gens à partager l'article sur les réseaux sociaux..
Le code qui implémente ceci est un shortcode:
[sociallocker]… le contenu des éléments 7 à 10 va ici… [/ sociallocker]
Comme vous pouvez le constater, l'utilisation de codes courts offre de nombreux avantages, mais peut également accroître la complexité de la migration de votre site ou de la mise à niveau de votre thème à l'avenir..
Dans ce tutoriel, je souhaite introduire un cinquième type de shortcode: celui que vous créez vous-même, non pas en écrivant un plugin (qui est une option pour les développeurs), mais en utilisant un plugin gratuit appelé Shortcoder. Et vous n'avez pas besoin d'être un programmeur pour le faire.
Shortcoder fournit une base de données interne vous permettant de créer et de stocker vos propres extraits de code de shortcode (HTML, JavaScript, etc.). Vous pouvez ensuite utiliser vos shortcodes personnalisés sur des publications ou des pages. Shortcoder les développe sur place..
Ceci est particulièrement utile pour les extraits de contenu ou de code que vous pouvez réutiliser ou répéter sur de nombreuses pages, et encore plus si vous souhaitez modifier le contenu ou le code et le refléter partout à la fois..
Voici quelques exemples d'utilisation de Shortcoder:
Sur mes tutoriels multi-pages (comme celui-ci), je code la table des matières de manière statique en tant que shortcode et le place sur chaque page..
Au lieu de coller manuellement la table des matières sur toutes les pages du tutoriel, j’utilise shortcoder et place le [sc: MainTutorial]
shortcode sur chaque page. Chaque fois que je dois mettre à jour ma table des matières, je le fais dans la zone des paramètres de Shortcoder et celle-ci sera automatiquement mise à jour sur toutes mes pages. Je n'ai jamais à modifier manuellement la table des matières sur chaque page.
Lisez à ce sujet sur Tuts +: Ajoutez une belle table des matières à vos publications WordPress (dans la seconde moitié du didacticiel).
Si vous n'avez aucune expérience en programmation, l'écriture de ces macros shortcode peut sembler un peu inhabituel; Cependant, la plupart des blogueurs WordPress les ont probablement déjà rencontrés - ou peuvent en tirer profit en les apprenant..
J'utilise également Shortcoder pour les emplacements d'annonces tels que AdSmallBanner. Je peux placer l'annonce sur de nombreuses pages de mon site. Si je souhaite remplacer l'annonceur (ainsi qu'une nouvelle bannière et un nouveau lien), je peux le modifier une fois dans Shortcoder, ce qui sera répercuté sur toutes les pages de mon site. en utilisant le shortcode AdSmallBanner.
Voici un exemple d'annonce dans un post sur mon site Web:
Je peux facilement modifier les annonces partout sur mon site en modifiant simplement le shortcode:
Sur mon pied de page de didacticiel, j’aime donner aux gens un texte de présentation amical à me suivre. Et, parfois, j'aime changer cela. Sans Shortcoder, une multitude de pages de mon site devront être modifiées ou obsolètes. Avec Shortcoder, je modifie le pied de page du tutoriel une fois et il se reflète partout:
Shortcoder prend également en charge les paramètres afin que vous puissiez créer un shortcode pour afficher une vidéo ou une carte spécifique. Vous pouvez voir ceci illustré dans cette vidéo, à 50 secondes.
Si je veux changer d'hôtes ou de thèmes, mes shortcodes Shortcoder fonctionneront probablement encore ou nécessiteront simplement de petits ajustements..
Utilisé judicieusement, Shortcoder peut être un plugin extrêmement puissant à ajouter à votre arsenal d'édition..
N'hésitez pas à poster des corrections, des questions ou des commentaires ci-dessous. Vous pouvez également me joindre sur Twitter @reifman ou m'envoyer un email directement.
Ces tutoriels de Tuts + traitent de la création et de l'utilisation de codes abrégés pour les tâches de blogging courantes: