Aller au contenu
Partagez cette page sur : Facebook LinkedIn WhatsApp E-mail

Ajouter votre logo, l'icône du site et l'image de partage

← Centre d'aide · Tutoriel · Apparence

Dans Apparence, onglet « Logo » : votre logo en haut des pages, la petite icône de l'onglet du navigateur (favicon) et l'image affichée lors d'un partage.

Ajouter ou changer le logo

  1. Ajoutez d'abord votre logo dans la Médiathèque (de préférence un fichier PNG ou SVG sur fond transparent).
  2. Dans Apparence, onglet Logo, cliquez sur Choisir un logo (ou « Changer le logo »), sélectionnez l'image, puis Utiliser ce fichier.
  3. Réglez la Hauteur du logo (de 20 à 300 pixels) avec ses trois jauges : Ordinateur, Tablette et Téléphone. Le logo est affiché à la hauteur choisie sur chaque type d'appareil ; vérifiez le résultat avec les boutons Ordinateur, Tablette et Téléphone placés au-dessus de l'aperçu.
  4. Choisissez la Position du logo dans l'en-tête : Gauche, Centre ou Droite ; « Thème » garde la position prévue par votre thème. Sur tablette et téléphone, le bouton du menu se place à l'opposé du logo (logo à gauche, bouton à droite, et inversement), ou en dessous quand le logo est centré.
  5. Indiquez le Texte alternatif du logo, en général le nom de votre entreprise.
  6. Cliquez sur Enregistrer.
Écran Apparence, onglet Logo : bouton Changer le logo, hauteur du logo sur ordinateur, tablette et téléphone, position du logo et texte alternatif du logo
Onglet « Logo » : ② choisir ou changer le logo, ③ sa hauteur sur ordinateur, tablette et téléphone, ④ sa position dans l'en-tête, ⑤ son texte alternatif.

Si le logo est trop large pour tenir dans l'écran ou à côté du menu à la hauteur demandée, il est réduit en gardant ses proportions : diminuez alors la hauteur, ou placez le logo au Centre : il passe au-dessus du menu et dispose de toute la largeur. Sur un téléphone, un grand logo occupe sa propre ligne et les boutons (langues, menu) passent en dessous. Une hauteur supérieure à celle de votre image l'agrandit et peut la rendre moins nette : un message vous en avertit.

Sans logo, le nom du site est affiché à la place. Le bouton Retirer enlève le logo.

Si votre site propose le mode sombre, vous pouvez ajouter un Logo pour le mode sombre : une version de couleur claire, affichée sur fond sombre (et sur les images du bandeau avec le thème Immersif).

L'icône du site (favicon)

C'est la petite image affichée dans l'onglet du navigateur et dans les favoris. Cliquez sur Choisir une icône et prenez une image carrée, au format PNG ou ICO, idéalement de 64 × 64 pixels. Enregistrez.

L'image de partage par défaut

Elle s'affiche quand une page de votre site est partagée sur Facebook, LinkedIn, WhatsApp… Cliquez sur Choisir une image (idéalement 1 200 × 630 pixels), puis enregistrez. Chaque page peut avoir sa propre image (éditeur de la page, onglet « Référencement ») ; sans image, c'est le logo qui est utilisé.

Astuce : pour un logo différent à Noël ou pendant les soldes, utilisez l'onglet « Périodes ».

Cet article ne répond pas à votre question ? Contactez-nous.