,

Comment ajouter son logo dans WordPress ? Tutoriel débutant

Auteur : Baptiste PagĂšs
Publié le :

Besoin d'ajouter votre logo dans WordPress mais vous ne savez pas encore comment faire ? Pas de souci 😎

Dans cet article, je vous montre exactement comment ajouter votre logo proprement dans WordPress, et en bonus je vous expliquerai mĂȘme oĂč trouver des logos chouettes pour votre site !

C'est parti !!!

Ajouter son logo dans WordPress - Tutoriel complet

Tout d'abord, il faut aller dans le panneau de personnalisation dans "Apparence" puis "Personnaliser".

Note : Pour ce tutoriel, nous utiliserons GeneratePress, un de mes thĂšmes WordPress favoris, que j'utilise sur beaucoup de sites de clients (et sur le mien Ă  l'heure oĂč j'Ă©cris ces lignes). Les dĂ©tails pourront varier selon votre thĂšme, mais normalement les grandes lignes seront les mĂȘmes pour ajouter votre logo dans WordPress.

Ajouter son logo dans WordPress : Ă©tape 1

Une fois ce panneau ouvert, rendez-vous dans l'onglet "Identité du site".

Ajouter son logo dans WordPress : Ă©tape 2

Maintenant, on va pouvoir ajouter notre logo dans WordPress grùce au bouton "sélectionner un logo".

Ajouter son logo dans WordPress : Ă©tape 3

Choisissez simplement votre logo (1) puis cliquer sur "Sélectionner" (2). Si votre logo n'est pas encore en ligne, utilisez l'onglet "Téléverser des fichiers" (3).

Ajouter son logo dans WordPress : Ă©tape 4

Ensuite, le site vous proposera probablement de recadrer votre logo. Dans la grande majorité des cas, vous pouvez ignorer cette étape en cliquant sur "Pas de recadrage".

Ajouter son logo dans WordPress : Ă©tape 5

Et voilà 😊

Votre logo est désormais fonctionnel, vous devriez le voir apparaitre dans votre menu (1) !

Ajustez sa largeur pour qu'il soit lisible (2) mais attention à ne pas le rendre trop grand ! C'est une erreur de débutant trÚs classique. Les visiteurs sont là pour votre contenu, pas pour votre logo. N'en faites pas trop.

Pensez aussi Ă  ajouter un logo en format Retina. C'est le mĂȘme logo, mais en double dĂ©finition (deux fois plus grand) (3).

Et n'oubliez pas de publier les changements via le bouton bleu en haut du menu vertical du panneau de personnalisation

Vous pouvez aussi modifier le CSS pour ajuster les marges du logo.

Ajouter son logo dans WordPress : Ă©tape 6

Quel format privilégier pour un logo WordPress ?

Sans hĂ©sitation, le SVG đŸ˜€

Le format SVG est le meilleur format d'image pour un logo de site Web WordPress car il s'agit d'un graphique vectoriel, ce qui signifie qu'il peut ĂȘtre facilement mis Ă  l'Ă©chelle Ă  n'importe quelle taille sans perdre sa qualitĂ©.

De plus, il s'agit d'un format de fichier lĂ©ger qui peut ĂȘtre aisĂ©ment compressĂ© pour rĂ©duire sa taille de fichier, ce qui contribue Ă  amĂ©liorer la vitesse de chargement du site Web.

Enfin, les fichiers SVG sont pris en charge par tous les navigateurs Web modernes, ce qui en fait un format polyvalent pour une utilisation Web.

Si vous n'avez pas de logo disponible en SVG, vous pouvez utiliser un PNG compressé à la place.

Les PNG compressĂ©s peuvent ĂȘtre crĂ©Ă©s avec n'importe quel logiciel d'Ă©dition d'images prenant en charge le format. GĂ©nĂ©ralement, cela implique de redimensionner l'image et de rĂ©duire le nombre de couleurs utilisĂ©es pour la crĂ©er. Lisez cet article pour en savoir plus sur la compression d'images WordPress.

Certains logiciels peuvent offrir des options pour optimiser davantage l'image, comme la suppression des mĂ©tadonnĂ©es inutiles ou l'application d'algorithmes de compression pour rĂ©duire la taille du fichier. Une fois que vous avez le PNG compressĂ©, il peut ĂȘtre utilisĂ© Ă  la place d'un fichier SVG pour le logo de votre site, et ainsi Ă©viter de ralentir votre site WordPress.

OĂč trouver des modĂšles de logos pour votre site WordPress ?

Enfin, j'aimerais partager avec vous la bibliothÚque d'éléments graphiques que j'utilise au quotidien avec les projets de mes clients : Envato Elements. Dans la section logos de cette bibliothÚque, vous trouverez des tas de logos réalisés par des graphistes professionnels. Comme c'est une plateforme à abonnement, vous pouvez télécharger et tester autant de logos que vous voulez, sans casser votre tirelire.

Il ne vous restera plus qu'Ă  utiliser un logiciel comme GIMP pour les Ă©diter et rĂ©aliser votre propre logo 😉

Envato elements - BibliothĂšque des logos

À propos des partenaires : sur mon blog, je recommande certains outils partenaires via des liens d'affiliations. Si vous commandez via ces liens, je touche une commission. Ceci Ă©tant, je ne mets en avant que des outils que j'utilise rĂ©ellement et que j'ai testĂ© personnellement. Merci de votre confiance 🙂

Mon Ebook Gratuit :
Mes 77 ressources WordPress Favorites

Rejoignez ma newsletter et obtenez en cadeau les 77 ressources WordPress que j'utilise au quotidien avec les projets de mes clients. Je partage avec vous de vraies pĂ©pites dans cet ebook 😉