Quand on cherche « logo WordPress », deux besoins bien distincts se cachent derrière ce mot-clé. Le premier : trouver le logo officiel du CMS WordPress (la marque, le W emblématique). Le second, bien plus fréquent : ajouter, modifier ou remplacer le logo affiché sur son propre site WordPress. Cet article couvre les deux cas, avec un focus sur les méthodes concrètes pour gérer l’identité visuelle de votre site.
Le logo officiel WordPress : formats et droits d’utilisation
Le logo officiel WordPress est la propriété de la WordPress Foundation. Il se présente sous deux formes principales : le symbole « W » seul (le logo icône) et le logotype complet « WordPress » en texte accompagné du W.
Ces ressources sont disponibles en téléchargement libre sur le site officiel wordpress.org, dans la section « Logos & Graphics ». Vous y trouverez des fichiers SVG, PNG et EPS adaptés à différents usages (web, impression, fond clair ou sombre).
Formats disponibles et usages recommandés :
| Format | Usage principal | Fond | Redimensionnable |
|---|---|---|---|
| SVG | Web, interfaces | Transparent | Oui (vectoriel) |
| PNG | Web, présentations | Transparent | Limité |
| EPS | Impression | Variable | Oui (vectoriel) |
L’utilisation du logo officiel WordPress est encadrée par des directives précises : vous ne pouvez pas le modifier, le recolorer ou l’intégrer dans votre propre logo sans autorisation. Pour tout usage commercial ou institutionnel, consultez les trademark guidelines de la WordPress Foundation.
Ajouter un logo sur WordPress : les méthodes selon votre thème
Passer maintenant à l’essentiel : comment ajouter ou changer le logo de votre site WordPress. La méthode varie selon le thème et la version de WordPress que vous utilisez.
Via le Personnaliseur (thèmes classiques)
La majorité des thèmes WordPress classiques gèrent le logo via Apparence > Personnaliser > Identité du site. C’est la route la plus directe.
- Connectez-vous à votre tableau de bord WordPress.
- Allez dans Apparence > Personnaliser.
- Cliquez sur Identité du site.
- Dans la section « Logo », cliquez sur Sélectionner le logo.
- Importez votre fichier depuis la médiathèque WordPress ou depuis votre ordinateur.
- Recadrez si nécessaire, validez, puis cliquez sur Publier.
Le logo ainsi défini s’affiche généralement dans l’en-tête du site. Si votre thème WordPress ne propose pas cette option dans le Personnaliseur, il ne supporte pas la fonctionnalité native custom-logo — vérifiez dans la documentation du thème.
Dimensions recommandées pour un logo web : entre 200 et 400 px de large, en SVG ou PNG avec fond transparent. Évitez les fichiers trop lourds (au-delà de 200 Ko), qui ralentissent le chargement.
Via l’Éditeur de site (thèmes blocs / Full Site Editing)
Avec les thèmes compatibles Full Site Editing (FSE) comme Twenty Twenty-Three ou Twenty Twenty-Four, le logo se gère depuis l’Éditeur de site.
- Allez dans Apparence > Éditeur.
- Cliquez sur En-tête dans la liste des modèles.
- Sélectionnez le bloc Logo du site dans l’en-tête.
- Cliquez sur l’icône de remplacement pour uploader ou choisir votre logo dans la médiathèque WordPress.
- Ajustez la largeur directement dans le panneau latéral droit.
- Enregistrez.
L’Éditeur de site offre plus de flexibilité sur le positionnement du logo : centré, aligné à gauche, avec ou sans texte du site à côté.
Changer le logo avec Elementor
Si votre site utilise Elementor comme page builder, le logo est souvent géré dans le Header construit avec Elementor. Deux cas de figure :
- Elementor gratuit : le logo dans l’en-tête dépend du thème. Modifiez-le via le Personnaliseur (méthode classique ci-dessus).
- Elementor Pro : si vous avez créé un en-tête personnalisé avec Theme Builder, ouvrez ce template dans Elementor, sélectionnez le widget Logo du site, et remplacez l’image directement dans les options du widget.
Changer le logo avec Divi
Avec le thème Divi de Elegant Themes, le logo se gère dans Divi > Theme Options > General > Logo. Importez votre fichier, enregistrez. Divi propose également des options pour définir un logo différent sur fond sombre (logo clair) et sur fond clair (logo foncé) — utile pour les sites avec un en-tête qui change de couleur au scroll.
Favicon WordPress : l’icône du site à ne pas négliger
La favicon WordPress (aussi appelée icône du site) est la petite image qui s’affiche dans l’onglet du navigateur, dans les favoris et sur les écrans d’accueil mobiles. Elle est distincte du logo principal mais fait partie de l’identité du site.
Où la définir : Apparence > Personnaliser > Identité du site > Icône du site.
WordPress recadre automatiquement l’image en 512 × 512 px. Fournissez idéalement un fichier carré PNG de 512 × 512 px, de préférence avec fond transparent si votre icône n’est pas carrée. WordPress génère ensuite les tailles nécessaires (32 × 32, 192 × 192, 180 × 180 pour Apple Touch Icon).
Avec l’Éditeur de site (FSE), l’icône du site se configure au même endroit, dans les réglages du site accessibles depuis Apparence > Éditeur > Réglages.
Personnaliser le logo de la page de connexion WordPress
Par défaut, la page de connexion WordPress affiche le logo officiel WordPress (le W bleu). Pour renforcer l’identité de votre site ou livrer un projet client professionnel, remplacer ce logo de connexion est une bonne pratique.
Cela ne se fait pas nativement depuis l’interface WordPress : il faut passer par du code ou un plugin.
Solution via un plugin : des extensions comme « Login Logo » ou « Colorlib Login Customizer » permettent de remplacer le logo de connexion WordPress sans toucher au code.
Solution via functions.php : pour les développeurs, le hook login_headerurl et le filtre sur le CSS de la page de connexion permettent de remplacer le logo. Ajoutez dans le fichier functions.php de votre thème enfant :
function custom_login_logo() {
echo '<style>
#login h1 a {
background-image: url(' . get_stylesheet_directory_uri() . '/images/logo-login.png);
background-size: contain;
width: 200px;
height: 80px;
}
</style>';
}
add_action('login_enqueue_scripts', 'custom_login_logo');
Adaptez les dimensions et le chemin du fichier à votre logo. Utilisez toujours un thème enfant pour éviter de perdre vos modifications lors des mises à jour.
Erreurs fréquentes et comment les corriger
Le logo n’apparaît pas après l’upload Vérifiez que votre thème WordPress déclare bien le support du logo personnalisé (add_theme_support('custom-logo')). Si ce n’est pas le cas, le champ n’apparaît pas dans le Personnaliseur.
Le logo est flou ou pixelisé Vous avez uploadé une image trop petite ou un format non vectoriel redimensionné à la hausse. Privilégiez le SVG pour un rendu net à toutes les tailles, ou un PNG exporté en double résolution (2x).
Le logo est trop grand ou mal positionné Ajustez la largeur maximale du logo via les options du thème ou en CSS (.site-logo img { max-width: 180px; }). Avec l’Éditeur de site, réglez directement la largeur dans le panneau du bloc Logo.
L’ancienne favicon s’affiche encore C’est souvent un problème de cache navigateur. Videz le cache de votre navigateur (Ctrl + Maj + R) et celui de votre plugin de cache WordPress.
Le logo disparaît après une mise à jour Si vous avez modifié un fichier de thème parent directement, la mise à jour l’écrase. Travaillez toujours avec un thème enfant pour tout code personnalisé.
Récapitulatif : choisir la bonne méthode pour votre logo WordPress
La gestion du logo sur WordPress dépend avant tout de votre configuration. Thème classique : passez par Apparence > Personnaliser > Identité du site. Thème FSE : utilisez l’Éditeur de site. Page builder Elementor Pro ou Divi : gérez le logo dans le template d’en-tête dédié. Pour la favicon, la démarche est la même quel que soit le thème. Et pour le logo de connexion, un plugin ou quelques lignes de code dans le thème enfant suffisent à professionnaliser l’expérience. Une identité du site cohérente — logo, favicon, logo de connexion — renforce la crédibilité de votre projet WordPress auprès de vos visiteurs.
