Shortcodes Ultimate, un plugin de mise en forme pour WordPress

Vous recherchez un plugin de mise en forme pour WordPress, afin de mieux présenter vos contenus sans coder et sans changer de thème WordPress ? Alors je vous propose de partir à la découverte de Shortcodes Ultimate, un plugin qui offre de nombreuses options pour mettre en forme ses articles : signaler un spoiler, mettre du contenu sous forme d'accordéon ou d'encadré, créer des tableaux, des carrousels d'images, surligner du texte, mettre en avant une citation et j'en passe…

Vous pouvez avoir un aperçu de tout ce que permet ce plugin sur cette page qui récapitule les possibilités de mise en forme (les exemples dotés d'un point violet sont ceux de la version payante).

Je vous propose de découvrir son fonctionnement à travers quelques exemples de mise en forme utilisés sur mon blog voyage.

Installation de Shortcodes Ultimate et principe général

L'installation du plugin s'effectue via le menu Extensions > Ajouter de WordPress.

En version gratuite, le plugin Shortcodes Ultimate propose 52 raccourcis différents pour la mise en forme des articles. Vous pouvez les découvrir via le menu Shortcodes Ultimate > Codes courts disponibles, en cliquant sur chaque code pour accéder à toutes les options disponibles.

Mais vous pourrez aussi, beaucoup plus facilement, insérer un raccourci directement depuis votre article au cours de la rédaction.

Il y a très peu de réglages à effectuer sur ce plugin et dans la plupart des cas, vous n'aurez même pas besoin de vous servir du menu Shortcodes Ultimate > Réglages.

Seule option assez utile dedans : vous pouvez activer les shortcodes dans les widgets texte, en cochant la case Activer les codes courts dans > Widgets texte. Ça vous permettra d'optimiser la mise en forme de vos widgets, sur le côté de votre blog ou dans le pied de page par exemple.

Utiliser Shortcodes Ultimate pour mettre en forme ses articles

L'article que je dois retravailler grâce au plugin fait plus de 7000 mots. Il est donc très complet pour le visiteur… mais aussi très "dense", si bien que la mise en forme est essentielle pour que les gens trouvent rapidement l'information qu'ils recherchent.

Un terrain de jeu parfait pour vous montrer quelques-unes des possibilités offertes par le plugin !

Mettre en avant des éléments avec "Service"

Le shortcode Service permet de mettre en avant certains éléments clés d'une page. Je me place dans mon article à l'endroit où je souhaite l'utiliser et je clique sur le bouton "Insérer le shortcode".

On accède alors à toutes les options de personnalisation. Ici, je souhaite utiliser le raccourci pour orienter l'internaute vers chaque partie de mon article.

Je dois personnaliser le gros titre, je peux choisir l'icône qui s'affichera à côté ainsi que sa couleur et sa taille, et écrire un petit texte descriptif du gros titre.

Mettre en relief différents aspects avec des encadrés

Pour faire ressortir certaines idées, on peut utiliser le code court "Zone" afin de créer un encadré avec du texte.

Là encore, on clique sur le bouton "Insérer le shortcode" à l'endroit où l'on souhaite l'utiliser dans l'article. On choisit le titre de l'encadré, la couleur du fond et celle du texte, le radius (l'encadré a-t-il des bords droits ou des bords arrondis) et le contenu de l'encadré.

Créer une liste à puces

L'extension Shortcodes Ultimate vous permet de créer une liste à puces personnalisée très facilement. Là aussi, cliquez sur "Insérer le shortcode" et choisissez le type "Liste". Vous avez juste à sélectionner une icône, puis à renseigner chaque élément de la liste à la place des mots "Contenu".

Vous pouvez à chaque fois prévisualiser le rendu en direct.

Insérer une note

Là encore, c'est une manière de mettre en forme du texte comme vous le souhaitez. L'occasion de vous montrer l'outil de sélection des couleurs intégré à Shortcodes Ultimate : il vous permet de choisir très facilement une couleur de fond par exemple.

La mise en forme "note" permet simplement de créer un fond coloré sous une zone de texte afin de faire ressortir le texte en question.

Insérer des informations sur un article

Le plugin Shortcodes Ultimate peut aussi vous permettre de récupérer certaines informations clés sur un article, comme le nombre de commentaires ou la date à laquelle l'article a été modifié. Ça fait appel au shortcode "Données de l'article".

Pour ma part, je voulais m'en servir à la fin du contenu, afin de dire aux lecteurs "il y a déjà XXX commentaires sur cet article, n'hésitez pas à poser votre question à votre tour".

On suit là encore le même processus : bouton "Insérer un shortcode", choix du code court souhaité (ici "Données de l'article"). Puis vous renseignez le type d'information à insérer via le menu déroulant "Champ" (dans mon cas, il s'agit du nombre de commentaires).

Vous pouvez aussi indiquer quel texte doit apparaître avant/après l'information... et ce qui s'affiche quand l'information est manquante.

En fonction du type de shortcode choisi, vous pouvez avoir des options supplémentaires ou différentes mais ce tutoriel vous aura montré comment les adapter à vos besoins !

Aller plus loin avec l'extension Shortcodes Ultimate

Shortcodes Ultimate est un plugin de mise en forme pour WordPress que je trouve très fonctionnel et pratique.

Je vous ai ici montré quelques exemples dans le cas d'un article riche en contenu mais il peut aussi trouver toute sa place pour créer de bonnes landing pages, très claires et percutantes, pour vendre un produit, un service ou pour inciter les gens à s'abonner à votre newsletter.

Si la version gratuite de l'extension Shortcodes Ultimate ne vous suffit pas, sachez qu'il existe des add-ons payants pour obtenir davantage de fonctionnalités. Vous payez chaque add-on une seule fois, en fonction du nombre de sites où vous voulez l'utiliser, et cela vous permet de bénéficier de mises à jour à vie.

Voici les add-ons disponibles :

• Un lot de raccourcis supplémentaires - Pour disposer par exemple de barres de progression, d'un effet d'ombrage sous un bloc de texte, d'une mise en forme de type "témoignage" ou d'un tableau permettant de comparer des prix. Vous pouvez voir les tarifs ici.
• Shortcode Creator - Cet add-on vous permet de créer vos propres raccourcis de mise en forme, en utilisant HTML et/ou PHP, et de les exporter pour les importer ensuite sur un autre site. Plus d'informations ici.
• Additional skins - Ce sont des styles supplémentaires pour les mises en forme de type onglet, citation, spoiler ou titre. Voici un aperçu ici.

Il est enfin possible d'acheter ces trois extensions en une seule fois pour bénéficier d'une réduction intéressante.

C'est un plugin que je trouve assez complet et facile à prendre en main, notamment quand on ne souhaite pas (ou qu'on ne sait pas !) coder à la main tous ces types de mise en forme dans son thème WordPress.