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és dans d’autres domaines.

Dans ce tutoriel, 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.

Mais avant de vous lancer, prenez la peine de jeter un coup d’œil sur Comment installer un thème WordPressCombien de plugins faut-il installer sur WordPress.

Ensuite, mettons-nous au travail !

1. Easy Boostrap Shortcodes

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…

easy-bootstrap-featured

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.

Lisez aussi : Comment ajouter des boutons sur WordPress sans utiliser de shortcodes

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
  • Responsive 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.

TéléchargerDémoHébergement Web

2. Shortcode Ultimate

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.

shortcode-ultimate-featured

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.

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 ]

Découvrez aussi : Comment ajouter un style à l’éditeur visuel de WordPress

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

TéléchargerDémoHébergement Web

3. Olevmedia

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

olevmedia-featured

Par exemple, ce plugin vous permet très bien de faire certains 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.

Consultez aussi : Comment distinguer des liens externes sur un blog WordPress

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

TéléchargerDémoHébergement Web

4. CPO Shortcodes

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.

cpo-featured

Comment utiliser des shortcodes dans les widgets de WordPress est à lire absolument.

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.

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]

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

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

TéléchargerDémoHébergement Web

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.

Lisez également Pourquoi WordPress et votre nom de domaine doivent être séparés

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.

Découvrez aussi quelques plugins WordPress premium  

Vous pouvez utiliser d’autres plugins WordPress pour donner une apparence moderne et pour optimiser la prise en main de votre blog ou site web.

Nous vous proposons donc ici quelques plugins WordPress premium qui vous aideront à le faire.

1. tPlayer

Le plugin WordPress tPlayer responsive, vous aide à intégrer un lecteur audio et radio sur votre site Web. Il est très fonctionnel et prend en charge de nombreuses possibilités de personnalisation. Il peut également afficher des détails sur le flux audio et radio, ainsi que des statistiques sur les habitudes d’écoute audio des utilisateurs.

tPlaye Audio Player plugins wordpress premium ajouter lecteur audio

Ce plugin prend en charge des playlists illimitées et un nombre illimité de pistes sur chaque playlist. Vous aurez la possibilité de récupérer ses chansons à partir de systèmes de stockage externes tels que Google Drive, Amazon S3, etc…

Lire aussi notre article sur les 10 plugins WordPress pour protéger efficacement votre blog

Il y a aussi la fonctionnalité de lecture automatique qui lancera la radio, ou un fichier audio particulier dès qu’un visiteur visitera une page ou un message. Il propose aussi d’autres options de personnalisation pour aider à modifier l’apparence du lecteur audio.

Télécharger | Démo | Hébergement Web

2. xili-language

xili-language est un puissant plugin WordPress de traduction disponible sur le répertoire officiel de plugins WordPress. Pour pouvoir utiliser xili-language avec succès, vous devez utiliser un thème WordPress prêt à être traduit sur votre site web.

xili language

Étant donné que tous les thèmes WordPress ne supportent pas le multilingue, il est vivement recommandé de s’assurer que le vôtre prend en charge cette fonctionnalité avant d’installer ce plugin.

Lire aussi notre article sur Comment traduire votre blog WordPress en plusieurs langues

Xili-language vous permet non seulement de créer un contenu multilingue, mais également de modifier les fichiers de langue de votre thème WordPress en fonction de la langue du contenu. Il est convivial pour les développeurs et vient avec une liste de points d’ancrage et d’API qui vous permettent de personnaliser le comportement de votre site web.

Télécharger Démo | Hébergement Web

3. WooCommerce Table Rate Shipping Plugin

Le plugin Table Rate Shipping for WooCommerce a la possibilité d’ajouter plusieurs taux pour un client donné en fonction d’une variété de conditions fixées par l’administrateur. Ceux-ci peuvent inclure la destination de l’expédition, le sous total du panier, la catégorie de l’article expédié, le prix, le poids, et bien plus encore.

Table Rate Shipping for WooCommerce 2

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é]

Ce plugin WordPress ajoutera une nouvelle méthode d’expédition directement aux paramètres de WooCommerce.

Découvrez aussi 7 plugins WordPress pour améliorer votre système de livraison

Il est utile pour toute personne qui a besoin de calculer des frais d’expédition par rapport à la destination, au poids et/ou à la totalité du panier.

Télécharger | Démo | Hébergement Web

Ressources recommandées

Découvrez d’autres ressources recommandées qui vous accompagneront dans la création et la gestion de votre site web.

Conclusion

Voilà ! C’est tout pour ce tutoriel, j’espère qu’il vous permettra d’améliorer le design de vos articles WordPress avec ces shortcodes gratuits. N’hésitez pas à le partager avec vos amis sur vos réseaux sociaux préférés

Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress.

Si vous avez des suggestions ou des remarques, laissez-les dans notre section commentaires.

… 

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