skip to Main Content

Comment améliorer le design de vos articles WordPress avec ces shortcodes gratuits

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

L’explosion de plugins générant des shortcodes bien conçus a eu lieu tardivement. Ces plugins mettent facilement en valeur vos articles ou Pages en donnant un aspect très professionnel aux éléments tels que les colonnes, les onglets, les grilles de prix, des en-têtes spéciaux et bien plus encore.

En raison de l’amélioration tardive de ces plugins, d’autres plugins qui n’ont pas évolués avec le temps ont été délaissés. Et même s’ils ont ajouté des fonctionnalités de la librairie « bootstrap » (comme pour certains ci-dessous), ils ne se sont  pas amélioré dans  d’autres domaines.

Et donc, plutôt que d’inclure un certain nombre de plugins qui ne se sont pas vraiment bien conçus, nous allons nous limiter à ceux qui l’ont bien fait.

Easy Boostrap Shortcodes

easy-bootstrap-featured

Info & téléchargement

Le plugin Easy Bootstrap Shortcodes est très bon pour les éléments basiques comme les colonnes, boutons, cases colorées, des barres de progression,  pour donner différents effets aux images, etc…

Un des aspects les plus beaux de ce plugin est qu’il possède des tonnes d’icônes que vous pouvez mettre partout – sur les boutons, boîtes, dans les en-têtes, etc… , vous pouvez facilement modifier la taille et la couleur des icônes pour obtenir exactement l’apparence que vous voulez. Ce plugin dispose idéalement les boutons du shortcode sur l’éditeur visuel comme une troisième rangée.

easy-bootstrap-visual-editor

Quand un de ces boutons est activé, vous obtenez un pop-up avec de nombreuses options (selon le bouton, bien sûr). Lorsque la commande est appropriée, il y a souvent un grand choix d’icônes attrayantes. Et vous pouvez même changer la couleur de ces icônes.

Voici un aperçu partiel sur le pop-up lors de l’insertion d’un bouton.

easy-bootstrap-popup

Il y a toutes sortes de shortcodes que vous pouvez insérer. Et bien sûr, vous pouvez aussi les combiner.

Voici un exemple rapide de quelques shortcodes combinés : une boîte (fond bleu), une icône pour le titre (de couleur et de taille que je voulais), puis un bouton avec une autre icône (aussi coloré que je voulais).

easy-bootstrap-box

Voici une liste de différents shortcodes:

  • Accordion
  • Progress Bars with labels
  • Tabs
  • Icons
  • List
  • Labels
  • Notification
  • Buttons
  • Popover
  • IconHeading
  • Tooltip
  • Tables
  • Panel
  • Resposive image
  • Image effects
  • Button group Toolbar
  • Well
  • Description List
  • ButtonDropdown
  • Service Box
  • Button Group
  • Responsive slider

Voici une vidéo des shortcodes dans action fournie par l’auteur du plugin ici.

Shortcode Ultimate

shortcode-ultimate-featured

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

Info & téléchargement

Le plugin Shortcode Ultimate dispose d’une gamme très impressionnante de shortcodes à utiliser, ainsi qu’un nombre impressionnant d’icônes à ajouter aux différents éléments. En plus de cela, la capacité de contrôler les shortcodes ou les icônes (modifier la taille, couleur, position, etc.) est également impressionnante. Bref, c’était le plus impressionnant plugin shortcode, que j’ai vu. Vous commencez en cliquant sur le bouton placé sur l’éditeur visuel.

shortcode-ultimate-button

Vous obtenez alors une liste de shortcodes possible dans le pop-up.

shortcode-ultimate-selections

Comme vous le remarquerez sans doute, non seulement il y en a plusieurs (51 pour être exact), vous pouvez également les filtrer par type à partir du haut de la page ou même rechercher celui  que vous voulez.

En plus de la quantité de shortcodes et le contrôle que vous avez, il vous permet également de prévisualiser votre shortcode avant son insertion.

Une autre bonne chose que  ce plugin possède est qu’il donne quelques exemples de shortcodes ainsi que leur code pour ceux qui ont moins d’expérience.

Voici une vidéo des shortcodes dans action fournie par l’auteur du plugin ici.

Et voici une liste des codes abrégés disponibles.

  • Heading
  • Divider
  • Pullquote
  • List
  • Lightbox
  • Vimeo
  • Tables
  • Menu
  • Slider
  • Dummy Image
  • Template
  • Tabs
  • Spacer
  • Dropcap
  • Button
  • Tooltip
  • Screenr
  • Permalink
  • Sub pages
  • Carousel
  • Animation
  • Tab
  • Highlight
  • Frame
  • Service
  • Private
  • Dailymotion
  • Members
  • Siblings
  • Gallery
  • Meta
  • Spoiler
  • Label
  • Row
  • Box
  • Youtube
  • Audio
  • Guests
  • Document
  • Posts
  • User
  • Accordion
  • Quote
  • Column
  • Note
  • YouTube Advanced
  • Video
  • RSS Feed
  • Gmap
  • Dummy text
  • Post

Olevmedia

olevmedia-featured

Info & téléchargement

Ce plugin est vraiment très basique par rapport aux deux précédents sur de nombreux éléments, il brille aussi en même temps  de quelques éléments que les autres plugins n’ont pas.

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Par exemple, ce plugin vous permet très bien de faire certaines styles pour les zones de textes. Remarquez l’icône professionnellement placée au milieu. Aucun autre plugin que j’ai vu ne vous permet de faire pareil.

olevmedia-box

Il possède un compteur animé qui commence de zéro jusqu’au nombre que vous avez inséré.

number-counter

Ce plugin vous permet aussi de faire pas mal de style avec des boutons. Vous pouvez aussi facilement ajouter les posts récents dans vos contenus et vos agréables grille de prix.

Un inconvénient de ce plugin est que, lorsqu’il vous propose des icônes à utiliser, il vous montre seulement une liste de noms et non les représentations graphiques des icônes. Certains d’entre eux sont assez faciles à deviner par leurs noms. Et d’autres ne le sont pas.

Mais même si vous pouvez trouver l’icône par son nom, il ne veut pas dire que vous allez aimer le look de celle-ci. Mais vous ne le saurez qu’après avoir inséré puis enregistré le projet et fait un aperçu du post.

Parce que certains plugins sont si performants, vous pourriez ne pas adopter celui-ci comme votre plugin principal; Cependant, rien ne vous empêche d’utiliser celui-ci en plus d’un autre.

Voici une liste des shortcodes principaux qu’il offre.

<

  • Accordion
  • Toogle
  • Tabs
  • Blockquote
  • Box
  • Buttons
  • Columns
  • Counter
  • Divider
  • Dropcaps
  • Icons
  • Infoboxes
  • Lists
  • Logos
  • Map
  • Marker
  • Recent Posts
  • Table
  • Pricing tables
  • Video

CPO Shortcodes

cpo-featured

Info & téléchargement

Ce plugin a un certain nombre de shortcodes basiques que vous pourriez vous attendre à trouver, comme les colonnes et les boîtes.

Cela dit, c’est un peu frustrant de travailler avec. Il insère souvent des shortcodes dans votre post sans vous permettent de faire des choix, comme le choix d’une couleur ou une taille.

Les shortcodes eux-mêmes viennent parfois avec des espaces pour ce genre de choses, mais il n’y a pas d’explication à tout ça. Il serait très facile de mettre hors liste ce plugin; Cependant, il est venu avec quelques éléments qui le rendent différent. Et donc, pour ces éléments, prenez le temps de l’examiner.

Un de ces éléments est  la «section background » qui va mettre un arrière-plan coloré de votre choix tout au long de votre page. Il est à noter que si vous avez une barre latérale présente, il la couvrira également (ce qui n’est pas plaisant bien sûr), si vous voulez seulement l’utiliser en plein affichage sur les pages.

Voici un aperçu d’un élément avec un arrière-plan bleu.

cpo-background

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [Recommandé]

Il a aussi un shortcode pour une section de membres de l’équipe. Il permet vous essentiellement de mettre une image, un nom, un titre, du texte qu’on peut ensuite lier vers des réseaux sociaux.

cpo-team-members

Il comprend également les jolies grille de tarification.

cpo-pricing

Vue d’ensemble

  • Shortcode Ultimate : 5/5
  • Easy Boostrap Shortcodes : 4/5
  • Olevmedia : 3,5/5
  • CPO Shortcodes : 2,5/5

Selon moi, le plugin Shortcode Ultimate était le meilleur que j’avais entre les mains. Bien que certains des autres plugins fussent très bons, il va vraiment de fond en large pour ce qu’il offre.

Cependant, si je cherchais des shortcodes à combiner avec Shortcode Ultimate, je choisirais d’installer Olevmedia comme le plugin complémentaire.

La seule chose que vous devez surveiller lors de l’installation de deux plugins est de vous assurer que les deux n’utilisent pas les mêmes noms de shortcodes.

Cet article comporte 2 commentaires

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
2 Partages
Partagez
Tweetez
Enregistrer2