Ajouter son logo dans WordPress : le guide complet

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.

Et voilà, votre logo est prêt à s’afficher sur votre site. Rien de bien compliqué. Nous verrons ensuite comment changer le logo dans l’onglet du navigateur pour que tout soit parfait. Mais avant ça, voyons comment ajouter son logo dans WordPress quand on utilise un thème FSE.

Ajouter son logo dans WordPress avec un thème FSE

Dans le menu « Apparence » de l’administration de WordPress, sélectionnez « Éditeur » :

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.

Cliquez sur l’option « Général » du menu d’administration :

Sélectionnez votre logo en cliquant sur le bouton « Modifier l’icône du site » et sauvegardez les modifications :

Vous devriez voir votre logo s’afficher dans les onglets du navigateur :

Le mot de la fin

Vous devriez voir votre logo et l’icône s’afficher sur chaque page de votre site web. Ajouter son logo sur dans WordPress permet d’avoir une identité visuelle unique qui représente votre entreprise. Ne négligez pas cette étape, mais ne choisissez pas votre logo par hasard. Il doit refléter le message que vous voulez transmettre auprès de votre public.