A quoi sert ce bloc ?

Un bouton permet d’afficher un lien vers un contenu de votre site ou une ressource externe sous la forme d’un bouton.

Créer un bouton

Pour créer un bouton, rendez-vous dans la rubrique « Contenus » dans la barre latérale de l’administration de WordPress, puis, cliquez sur le bouton « Ajouter » qui se trouve à deux endroits :

  • Dans la barre latérale, dans le sous-menu qui s’est affiché
  • A côté du titre « Contenus »

Dans la liste déroulante « Type de contenu », choisissez « Bloc Bouton ». L’éditeur de bouton s’affiche.

Il se divise en deux onglets : le premier onglet concerne le contenu du bouton, et le deuxième concerne son apparence.

Onglet « Contenu »

Dans l’onglet « Contenu », vous pouvez renseigner le texte du bouton, et le lien vers lequel le bouton est censé pointer. Choisissez « Lien vers un contenu du site » pour pointer vers une page ou un article de votre site : un sélecteur de contenus avec moteur de recherche s’affichera en-dessous. Choisissez « Lien vers un contenu externe au site » pour pointer vers toute autre ressource. Renseignez le lien dans le champ qui apparaît en-dessous.

Onglet « Options »

Les options du bouton permettent de gérer son apparence.

Couleur du texte et de la bordure

Permet de choisir le couleur du texte et de la bordure selon trois options :

  • Couleur personnalisée de votre site : recommandé dans la plupart des cas
  • Blanche : utile si votre bouton est affiché au-dessus d’une image et qu’il doit ressortir
  • Noire

Couleur de fond du bouton

Même principe que pour le texte et la bordure, sauf que là on gère la couleur de fond du bouton, qui par défaut est réglée sur « Transparent », ce qui est satisfaisant la plupart du temps.

Icone

Cette option est facultative, mais si vous souhaitez ajouter une touche graphique, vous pouvez choisir une icone via la librairie « FontAwesome » installée sur le site.

Type d’icone

Choisissez l’apparence de l’icone selon cinq options : Solid, Regular, Light, Duotone, Brand (seulement si vous affichez un logo de marque).

Alignement horizontal

Permet de choisir si votre bouton devra se trouver à gauche de votre page ou centré horizontalement.

Exemple de bouton

A lire aussi dans cette rubrique