WordPress
time_read14mn de lecture

Gutenberg WordPress : comment utiliser le bloc Boutons ?

05 août 2023

Gutenberg WordPress : comment utiliser le bloc Boutons ?

Webmasters et passionnés de WordPress, vous êtes sur le point de découvrir comment utiliser l’un des blocs les plus interactifs de Gutenberg : le bloc Boutons. 🖲️ Utilisés pour diriger les visiteurs vers une page ou un lien spécifique, les boutons sont une composante essentielle de toute conception web réussie. Dans cet article, nous allons vous guider pas à pas dans le processus de création, de personnalisation et de placement de vos propres boutons dans Gutenberg, l’éditeur de blocs de WordPress. Prêts à transformer vos pages avec des appels à l’action impactants ? Suivez le guide et découvrez tout le potentiel du bloc Boutons de Gutenberg. 🎯👀

Objectif

L’objectif de cet article est premièrement de vous aider à vous familiariser avec les fonctionnalités de base du bloc Boutons de Gutenberg. Ensuite, vous allez apprendre comment utiliser les options de style de Gutenberg afin de rendre vos boutons attractifs et susciter davantage de l’engagement.🤗

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Prérequis

Vous devez avoir les droits de modification de contenus sur WordPress en tant qu’auteur ou éditeur de contenus.

Ajouter le bloc Boutons sur Gutenberg : deux méthodes

Les deux méthodes d’ajout du Bloc Boutons dans Gutenberg sont simples.

Premièrement, développez l’outil d’insertion de blocs, puis cliquez sur le bloc Boutons pour l’ajouter dans la zone d’édition de contenus.Ajouter un bloc Boutons dans Gutenberg

Deuxièmement, cliquez sur l’icône « + » de n’importe quel paragraphe, ensuite choisissez le bloc Boutons pour l’ajouter à la zone d’édition.Ajouter rapidement le bloc Boutons dans Gutenberg

Personnaliser le bloc Boutons dans Gutenberg

Comme pour les autres blocs de Gutenberg, le bloc Boutons, est équipé d’une barre d’outils pour le personnaliser.Barre d'outils du bloc Boutons Gutenberg Voyons à présent les différents outils de personnalisation du bloc Boutons :

L’outil “Styles” vous permet de choisir le style à appliquer à votre bouton.Outil Style de barre d'outils du bloc Boutons Gutenberg

Vous avez ensuite l’outil de justification de bouton qui permet de justifier votre bouton à gauche, à droite ou au centre.Outil de justification du bouton Gutenberg

L’outil suivant vous permet d‘ajuster la position de votre bouton dans la page.Outil de positionnement du bloc Boutons Gutenberg

Un autre outil permet d’ajuster la position du texte dans le bouton.Outil de positionnement du texte dans le bloc Boutons Gutenberg Fondamentalement, un bouton doit contenir un lien pour rediriger les visiteurs vers une autre page web. Ainsi, servez-vous de l’outil “Lien” pour ajouter votre lien.Ajouter un lien dans le bloc Boutons Gutenberg

Les autres outils tels que le bouton Gras ou Italique vous permettent de personnaliser davantage votre bouton.Outils supplémentaires de personnalisation du bloc Boutons Gutenberg

Appliquer du style au bloc Boutons Gutenberg

Commencez par cliquer sur le bloc Boutons puis accédez aux paramètres. Dans l’onglet « Réglages », vous pouvez choisir la largeur de votre bouton.Réglages du bloc Boutons Gutenberg Dans l’onglet « Style » vous pouvez choisir une couleur pour le texte de votre bouton et une autre pour l’arrière-plan.Modifier le style du bouton sur Gutenberg

Vous pouvez également choisir une typographie ou ajuster le rayon de bordure de votre bloc Boutons.Choisir les bordures du bloc Boutons Gutenberg

Une fois que vous avez terminé, enregistrez/publiez vos modifications.

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Conclusion

L’éditeur Gutenberg a transformé la manière dont nous créons du contenu sur WordPress. Grâce à des outils puissants comme le bloc Boutons, même des utilisateurs sans aucune connaissance en design peuvent créer des interfaces utilisateur engageantes et professionnelles. En prenant le temps de maîtriser ce bloc, vous vous assurez que votre site Web reste à la fois moderne et fonctionnel. Donc, que vous soyez novice ou professionnel cherchant à parfaire ses compétences, le bloc Boutons a quelque chose à offrir à tous.🤫

Et si vous avez des questions sur la façon d’utiliser le bloc Boutons Gutenberg, n’hésitez pas à nous écrire dans les commentaires. 

Trucs et astuces


Vous voulez en apprendre plus ? N’hésitez pas à consulter notre blog pour des articles, des guides et des conseils qui vous aideront à devenir un véritable du web ! 👩‍💻🚀

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.