WordPress
time_read20mn de lecture

Comment changer le logo dans WordPress ? Guide complet

21 décembre 2023

Comment changer le logo dans WordPress ? Guide complet

Le logo est un élément important pour l’image de marque de votre entreprise. Vous pouvez ainsi l’intégrer sur vos pages de ventes, vos bannières publicitaires, vos cartes de visite et vos factures. Mais habituellement, le logo est quelque chose que vous voudrez intégrer dans l’en-tête de votre site, afin qu’il joue pleinement son rôle.😇

Objectif

Changer le logo dans WordPress est extrêmement simple. Dans cet article, nous allons détailler les méthodes les plus courantes pour modifier le logo sur un site WordPress. Et cela n’exige pas des connaissances approfondies en développement web comme vous allez le découvrir en lisant ce guide complet jusqu’à la fin.😊

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Prérequis

Pour agir, vous devez pouvoir accéder à l’espace d’administration de votre site WordPress en tant qu’administrateur. Assurez-vous également d’avoir votre logo prêt à l’utilisation. Vous pouvez en commander un chez un graphiste professionnel ou en créer un, en utilisant les différents logiciels d’accès libre en ligne.

Les méthodes courantes pour changer le logo dans WordPress

Nous allons vous montrer dans la partie ci-dessous, les méthodes les plus rapides et les plus courantes pour modifier le logo de votre site WordPress.

1. Utiliser WordPress Customizer pour changer le logo dans WordPress

Depuis la version 5.9, WordPress a introduit un nouveau type de thèmes qui sont basés sur l’utilisation de blocs pour créer un site. Malgré cela, les thèmes intégrants WordPress Customizer sont encore majoritaires.

Ainsi, si vous utilisez un thème qui prend en charge la fonctionnalité Customizer, cette première méthode vous concerne. Nous reviendrons ensuite sur les thèmes de blocs juste après.

Pour les besoins de cet article, nous allons utiliser le thème Astra pour vous montrer comment vous devez procéder. Ainsi, connectez-vous à votre espace d’administration. Ensuite, rendez-vous dans la section « Apparence › personnaliser ».Personnaliser Apparence site WordPress Vous serez redirigé vers l’interface de personnalisation de votre thème. Sur celle-ci, vous avez le panneau de personnalisation à gauche et l’aperçu de modifications en direct dans la section de droite.

Vous devez noter que le processus à suivre pour changer le logo peut varier en fonction de la conception de chaque thème que vous utilisez. Le plus souvent, vous devez rechercher la section en rapport avec l’identité de votre site. Dans le thème Astra par exemple, vous devez développer la section « Site identity ».Identité de site WordPress Lorsque l’interface de l’identité du site est développée, cliquez sur l’option « Réglages de titre du site & logo ».Réglages du titre du site & logo WordPress Vous serez redirigé vers un nouvel écran. Cliquez sur le bouton « Sélectionner un logo ».Sélectionner un logo WordPress

Une fois que vous cliquez sur le bouton indiqué, vous serez redirigé automatiquement vers la médiathèque de votre site pour choisir l’image du logo que vous devez utiliser. Une fois que le logo est choisi, cliquez sur le bouton « Sélectionner » pour l’ajouter à votre site.choisir un logo dans la médiathèqueSi vous souhaitez ajuster votre logo, vous pouvez cliquer sur le bouton « Modifier l’image ».modifier l'image du logo

Une nouvelle interface vous sera présentée. Vous pouvez utiliser les différentes options pour adapter le logo en fonction de vos attentes. Une fois que vous avez terminé, cliquez sur le bouton « Mettre à jour ».Modifier et mettre à jour le logo WordPress Une fois que l’image est modifiée et mise à jour, elle sera directement ajoutée sur votre site. Vous pouvez vérifier les modifications dans la section de droite.Aperçu du logo sur le site WordPress De plus, Astra vous permet d’utiliser l’option « Largeur du logo » pour adapter le logo à la taille de l’en-tête du thème. Une fois que vous avez terminé, cliquez sur le bouton « Publier » pour mettre en ligne vos modifications.

2. Modifier le logo sur un thème de blocs

Si vous utilisez plutôt un thème de blocs, le processus pour changer de logo est complètement différent. Pour ce faire, connectez-vous à votre tableau de bord d’administration. Ensuite, accédez à la section « Apparence › éditeur ».Éditeur de thèmes WordPress Vous serez redirigé vers une nouvelle interface, cliquez sur la section d’en-tête pour activer les possibilités de personnalisation.Activer la personnalisation de l'en-tête WordPress Notez que nous avons utilisé le thème Twenty Twenty-two pour cet exemple de démonstration. Ainsi, une fois que la personnalisation de l’en-tête est activée, localisez la zone d’insertion de logo et faites un clic droit dessus pour afficher le bouton de téléchargement de logo.afficher le bouton de téléchargement de logo WordPress Cliquez ensuite sur le bouton de chargement de logo. Vous serez redirigé vers votre médiathèque. Choisissez l’image à utiliser et cliquez sur le bouton « Sélectionner » pour l’ajouter au site. choisir l'image du logoUne fois que le logo est ajouté à votre site, ajustez les dimensions et cliquez sur le bouton « Enregistrer » pour publier vos modifications. changer le logo dans WordPress et publier les modificationsVotre logo est maintenant publié !

3. Changer le logo avec du CSS personnalisé

En dehors de deux méthodes précédentes, vous pouvez également utiliser du CSS pour personnaliser davantage le style de votre logo. Cependant, vous devez avoir un thème qui prend en charge la fonctionnalité WordPress Customizer.

Pour notre cas, nous utilisons à nouveau Astra. Ainsi, ouvrez la section « Apparence › personnaliser ». Faites un clic droit sur le logo que vous avez ajouté et sélectionnez l’option « Inspecter ».inspecter l'image du logo Notez la classe CSS du logo qui s’affiche dans la partie supérieure dans un endroit sûr. Par exemple, pour notre logo, cette dernière est img.attachment-thumb comme vous le voyez sur l’écran ci-dessous.👇noter la classe CSS du logo Fermez l’outil d’inspection et ouvrez la section « CSS additionnel ».CSS additionnel WordPress Utilisez ensuite le code CSS ci-dessous pour modifier l’apparence de votre logo.

img.custom-logo {
border: 10px solid black;
border-radius:20 px 40px;
height: 150px;
width:auto;
}

Vous pouvez ajuster les valeurs afin qu’elles correspondent à vos souhaits. Une fois que vous avez terminé, n’oubliez pas de publier vos modifications.

Trucs et astuces


Pour plus de guides complets et de conseils pratiques sur la personnalisation de votre site WordPress, n’hésitez pas à explorer notre blog LWS. Vous y trouverez une richesse d’informations pour faire briller votre site !

Conclusion

🥳Toutes nos félicitations, vous venez d’apprendre comment changer le logo dans WordPress. Maintenant, ce processus n’a plus de secret pour vous. Choisissez une des méthodes détaillées dans cet article en fonction de vos besoins et lancez-vous dès aujourd’hui.

Si vous avez des questions sur la façon de changer le logo dans WordPress, utilisez la section Commentaires pour nous écrire.

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.