Gutenberg WordPress : comment utiliser le bloc Logo du site dans l’éditeur de thème ?

L’identité d’un site web repose en grande partie sur son logo 🖼. Avec l’évolution constante de WordPress et son éditeur de blocs Gutenberg, intégrer, personnaliser et afficher votre logo n’a jamais été aussi simple et intuitif 🛠. Dans cet article, nous allons plonger au cœur de l’éditeur de thème de Gutenberg pour découvrir comment utiliser le bloc Logo du site afin d’optimiser l’apparence et la cohérence de votre site 🌐. Que vous soyez un utilisateur débutant ou expérimenté, cette fonctionnalité va sans aucun doute transformer votre expérience de conception web 🚀.

Objectif

L’objectif de cet article 👇est de vous guider à travers les étapes précises pour intégrer le logo du site dans une publication ou un article WordPress en utilisant l’éditeur Gutenberg. Que vous soyez un blogueur, un propriétaire de petite entreprise ou un administrateur de site expérimenté, 👩‍💻 ce guide vous permettra de mettre en valeur votre marque directement dans le contenu que vous créez.🤭

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

Pour utiliser le bloc Logo de Gutenberg, vous devez avoir la possibilité d’accéder à l’espace d’administration de votre site et modifier le contenu en tant qu’éditeur ou auteur.

Comment ajouter le bloc Logo du site dans Gutenberg ? 2 méthodes

Le logo est un élément inséré le plus souvent dans l’en-tête ou dans le pied de page d’un site dans le but de mettre en avant l’identité visuelle d’une entreprise. Mais vous pouvez aussi l’insérer dans une page ou dans une publication avec le même objectif. Et dans tous les cas, le processus d’intégration demeure similaire.

Pour ajouter le bloc Logo du site, vous pouvez utiliser deux techniques. L’une consiste à cliquer sur l’icône « + » de la page et sélectionner le bloc Logo du site.

La deuxième technique consiste à taper /Logo du site et sélectionner le bloc correspondant.

Insérer le logo dans le bloc Logo du site sur Gutenberg

L’étape suivante consiste à charger votre logo dans la page. Cliquez sur la flèche pour choisir une image du logo.

Vous serez redirigé vers la médiathèque pour choisir une image du logo ou téléverser une nouvelle depuis l’espace de stockage système.

Vous pouvez ensuite utiliser votre curseur pour agrandir la dimension du logo ou la diminuer.

Personnaliser le bloc Logo du site Gutenberg

La barre d’outils du bloc Logo du site dispose de quelques fonctionnalités que vous pouvez utiliser. Vous pouvez par exemple appliquer un filtre duotone.

Vous pouvez également modifier la position de votre logo en utilisant l’outil « Position ».

Vous pouvez ensuite ajuster la dimension du logo en utilisant l’outil de redimensionnement de la barre.Mais vous pouvez aussi remplacer l’actuelle image du logo par une nouvelle grâce à l’outil « Remplacer ».

Appliquer les règles de style au bloc Logo du site

Accédez aux paramètres pour trouver quelques options de style et de réglages supplémentaires pour rendre votre logo attrayant.

Dans l’onglet « Réglages », vous pouvez ajuster la largeur de l’image du logo, faire un lien vers votre page d’accueil ou utiliser cette image comme l’icône de votre site si vous n’en avez pas encore.

Et dans l’onglet « Style », vous pouvez appliquer quelques règles de style à votre logo.

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

Intégrer votre logo dans une publication ou un page sur WordPress n’est pas seulement une question esthétique, 😇il s’agit aussi d’une stratégie de branding efficace. Avec l’éditeur Gutenberg, ce processus devient encore plus simple et plus flexible. 😌En suivant les directives et les astuces présentées dans cet article, vous pourrez maximiser l’impact de vos publications et renforcer l’identité de votre marque.🤗 N’oubliez pas, chaque détail compte lorsque vous cherchez à créer une expérience utilisateur mémorable. Alors, pourquoi ne pas profiter des fonctionnalités avancées de Gutenberg pour donner à votre contenu la touche professionnelle qu’il mérite ?

Et si vous avez des questions en rapport avec l’utilisation du bloc Logo du site, n’hésitez pas à nous écrire dans la section Commentaires.