C’est parfois les trucs tout bêtes qui ralentissent notre production. Vous avez sans doute passé de longues minutes à chercher comment ajouter son logo dans WordPress à vous demander où est cachée cette option. C’est ce que je vous propose de voir dans cet article. Nous verrons comment ajouter le logo dans un thème classique, dans un thème FSE et comment ajouter le logo de votre site dans l’onglet du navigateur. Vous aurez toutes les solutions pour mettre votre site web à l’image de votre entreprise. Allons-y !
Quelle est la différence entre un thème classique et un thème FSE pour ajouter son logo ?
Si vous ne savez pas quel type de thème est installé sur WordPress, vous le saurez rapidement en allant sur l’onglet « Apparence » de la colonne de gauche dans l’administration WordPress. Un thème FSE ne propose que deux options :
- Thèmes
- Éditeur
Si vous avez plus d’options, c’est que votre thème est dit « classique ». Je vous présente comment ajouter votre logo pour les deux configurations. Commençons par le thème classique.
Ajouter son logo dans WordPress avec un thème classique
Pour ajouter son logo dans WordPress sur un thème classique, rendez-vous sur l’onglet « Apparence » puis sélectionnez « personnaliser » :
Sélectionnez ensuite l’option « Identité du site » :
Il ne vous reste plus qu’à changer les images dans la partie « logo ». Une image pour un affichage normal et une image pour le logo retina de 512 x 512 pixels. Pensez à cliquer sur le bouton « Publier » pour sauvegarder les changements.
Ajouter son logo dans WordPress avec un thème FSE
Cliquez ensuite sur « Compositions » :
Choisissez la composition « Entête » :
Vous pouvez maintenant sélectionner l’entête utilisée sur votre site en cliquant dessus.
Ici tout va dépendre de votre entête. En général, vous verrez l’emplacement du logo représenté par un cercle gris à côté du nom du site si aucune image n’est définie. Dans ce cas il suffit de cliquer sur le cercle pour choisir l’image de votre logo.
Si ce n’est pas le cas, vous pouvez définir ou placer votre logo en utilisant les blocs d’édition de Gutenberg. Pour cela, cliquez sur le « + » bleu situé en haut à gauche et rendez-vous dans la partie « Thème » pour sélectionner le bloc « Logo du site« .
Une fois l’image définie pour votre logo, elle sera disponible chaque fois que vous voudrez utiliser le bloc « logo du site« .
Ajouter son logo dans WordPress pour les navigateurs
Votre logo est bien présent partout sur votre site, seulement vous avez peut-être remarqué que le logo de WordPress apparaît dans l’onglet du navigateur au lieu du vôtre. Voyons comment corriger ce problème.