Les boutons peuvent sembler anodins, mais ils peuvent jouer un rôle important sur votre site web. Les boutons sont l'un des moyens les plus simples de guider les visiteurs vers l'action que vous souhaitez qu'ils entreprennent.
Qu'il s'agisse de diriger les internautes vers votre page produit ou de les inciter à lire la suite ou à s'inscrire, un beau bouton peut faire toute la différence. La bonne nouvelle, c'est qu'il n'est pas nécessaire d'avoir des compétences en codage pour les concevoir.
WordPress dispose d'options intégrées, et avec un peu d'aide d'un plugin de bloc, vous pouvez contrôler encore davantage l'aspect et la convivialité de vos boutons.
Dans cet article, je vais vous présenter trois méthodes simples pour créer des boutons élégants dans WordPress.
Nous commencerons par l'éditeur par défaut, nous passerons à un plugin qui offre plus de flexibilité et nous terminerons par une méthode bonus pour ajouter des boutons à l'intérieur des tableaux. Nous allons nous lancer dans l'aventure.
Créer de belles tables
Avec l'éditeur de blocs
Méthode 1 : Utiliser le bloc de boutons par défaut
WordPress dispose d'un bloc de boutons intégré qui fonctionne bien dans la plupart des cas. Vous le trouverez dans l'éditeur de blocs en cliquant sur la petite icône (+) et en recherchant "Buttons".
Lorsque le bloc de boutons est inséré, il vous demande d'ajouter du texte à l'intérieur du bouton.
Une fois le bloc inséré, vous pouvez ajouter un ou plusieurs boutons côte à côte. Chaque bouton peut être personnalisé directement à partir de la barre latérale droite. Vous trouverez des options pour :
- Largeur du bouton (complète ou automatique)
- Couleur du texte et de l'arrière-plan
- Rembourrage et alignement
- Rayon de la bordure (pour les coins arrondis)
C'est un bon point de départ, surtout si vous vous en tenez à un design minimaliste.⚠️Mais vous atteindrez rapidement une limite si vous avez besoin de plus d'options de style comme les effets de survol, les dégradés ou l'espacement réactif.
🛠️ Conseil de pro : Vous voulez un bouton parfaitement arrondi ? Réglez le rayon de la bordure sur 100 pour un bouton de type pilule.
✅Méthode 2 : Utiliser le bloc Buttons d'Ultimate Blocks
Si vous voulez plus de contrôle sans écrire de CSS, Blocs ultimes est un fantastique plugin Gutenberg à essayer. Il ajoute une fonction Bloc de boutons qui a été conçu dans un souci de personnalisation.
L'installation d'Ultimate Blocks est une tâche facile.
-
Naviguez jusqu'à Plugins
-
Cliquez sur Ajouter des plugins
-
Rechercher "Tableberg"
-
Cliquez sur Installeralors Activer
Après l'installation et l'activation des Ultimate Blocks, ajouter le bloc "Boutons (Ultimate Blocks)".
Pour insérer les boutons des Ultimate Blocks, cliquez sur la petite icône (+) et recherchez "Bouton (amélioré)".
Vous remarquerez immédiatement la différence lorsque vous ajouterez le bouton Ultimate Blocks. Voici ce que vous pouvez modifier dans les paramètres du bloc :
-
Justification et orientation des boutons
-
Taille du bouton
-