Comment ajouter un logo personnalisé WordPress
Table des matiĂšres
Conseils et astuces de WordPress
Comment ajouter un logo personnalisé à votre site WordPress
DerniĂšre mise Ă jour : Octobre 2022
Ajouter un logo personnalisé à votre site WordPress semble simple. Mais alors comment faire pour intégrer votre logo, vecteur de votre image de marque ? Il y a tellement de maniÚres différentes que nous comprenons que vous soyez un peu perdu.
La rĂ©ponse est simple : cela dĂ©pend du thĂšme que vous choisissez lorsqu’il s’agit de tĂ©lĂ©charger une image sur votre site WordPress. Pour commencer, activez votre thĂšme et partez Ă la recherche de la zone qui vous permet de tĂ©lĂ©charger une image.
La plupart du temps, vous pouvez trouver un onglet sur le cÎté gauche de votre tableau de bord WordPress. Selon que vous choisissiez un thÚme gratuit, un thÚme payant ou un thÚme enfant, vous pouvez généralement vous attendre à trouver la zone de téléchargement du logo dans ParamÚtre > Apparence > Téléchargement.
Cependant, puisque tout dĂ©pend de ce que votre dĂ©veloppeur de thĂšme a spĂ©cifiĂ©, nous allons couvrir quelques-unes des façons les plus courantes d’ajouter un logo personnalisĂ© Ă votre site WordPress.
Je sais que parmi vous, il y a beaucoup de dĂ©veloppeurs qui vendent leurs services Ă plusieurs clients. Vous souhaitez probablement marquer chaque zone de connexion de WordPress pour offrir des avantages en marque blanche Ă chacun de vos clients. Donc, nous allons aussi parler de la façon de supprimer la marque WordPress lorsque les gens se connectent afin qu’ils puissent voir leur propre logo.
Au cours de cet article, nous aborderons donc :
- L’ajout d’un logo personnalisĂ© Ă l’interface de votre site WordPress
- Une mĂ©thode alternative 1 – Chercher l’onglet “Upload”
- Une mĂ©thode alternative 2 – Modifier le code
- L’ajout d’une marque blanche pour les clients du site Web
Ajouter un logo personnalisé sur le front-end de votre site WordPress
Commençons par télécharger un logo sur un thÚme WordPress gratuit. Vous pouvez trouver ces thÚmes en allant sur Apparence > ThÚmes.
La plupart d’entre eux sont gratuits et vous pouvez trouver de jolis thĂšmes, mais vous ne bĂ©nĂ©ficiez gĂ©nĂ©ralement pas de la stabilitĂ© ou du support que vous obtiendriez avec un thĂšme premium. Quoi qu’il en soit, la mĂ©thode la plus courante pour ajouter un logo sur ces thĂšmes gratuits (ainsi que sur certains thĂšmes premium) est assez simple.
Ătape 1
Connectez-vous Ă votre tableau de bord WordPress et cliquez sur l’onglet Apparence sur la gauche. Allez dans le menu dĂ©roulant En-tĂȘte et cliquez sur ce bouton.
Ătape 2
Trouvez l’option qui vous permet de tĂ©lĂ©charger une image. Certains thĂšmes ont des suggestions pour la taille du logo et de l’en-tĂȘte, mais vous pouvez gĂ©nĂ©ralement les recadrer ou les laisser tels quels et tout ira bien. Cliquez sur le bouton Choisir un fichier pour localiser le fichier sur votre ordinateur. Choisissez votre fichier et tĂ©lĂ©chargez-le sur le tableau de bord.
Le tableau de bord devrait vous montrer un aperçu de l’image.
Ătape 3
De nombreux thĂšmes placent un texte de remplissage dans la zone du logo jusqu’Ă ce que vous tĂ©lĂ©chargiez votre image. Pour supprimer ce texte, dĂ©cochez la case Afficher le texte de l’en-tĂȘte avec votre image. Cliquez sur le bouton Enregistrer les modifications pour continuer.
Ătape 4
Allez sur la page d’accueil de votre site web pour visualiser le logo. J’ai remarquĂ© que certains thĂšmes placent l’image au bon endroit, tandis que d’autres ont tendance Ă placer le logo sous le menu (comme on le voit ci-dessous). Cela peut ne pas poser de problĂšme pour certaines personnes, mais les sites typiques ont le logo au-dessus du menu, dans le coin supĂ©rieur gauche. C’est tout pour cette mĂ©thode.
MĂ©thode alternative 1 – Creuser pour trouver l’onglet de tĂ©lĂ©chargement
Comme citĂ© prĂ©cĂ©demment, la plupart des thĂšmes premium, et mĂȘme certains thĂšmes gratuits, varient dans la zone oĂč vous tĂ©lĂ©chargez votre logo. Ces dĂ©veloppeurs essaient de rendre le tĂ©lĂ©chargement rapide un peu plus facile, mais vous devrez chercher un peu pour trouver le bon onglet. Je vais vous prĂ©senter la mĂ©thode la plus courante pour les thĂšmes premium, mais si cela ne fonctionne pas, cherchez simplement dans les onglets Ă gauche de votre tableau de bord une option de personnalisation de l’en-tĂȘte, du logo ou du thĂšme.
Ătape 1
Allez dans l’onglet Options du thĂšme sur le cĂŽtĂ© gauche de votre tableau de bord. Une fois encore, ce nom peut varier en fonction de votre thĂšme.
Ătape 2
Ce thĂšme comporte une section gĂ©nĂ©rale oĂč se trouve la zone de tĂ©lĂ©chargement du logo. Il est courant pour les dĂ©veloppeurs d’inclure des onglets de type accordĂ©on afin que vous puissiez passer d’une prĂ©fĂ©rence Ă l’autre. Localisez la zone oĂč vous pouvez tĂ©lĂ©charger le logo et tout devrait bien se passer.
Ătape 3
Trouvez le logo sur votre ordinateur et tĂ©lĂ©chargez-le sur le site. Vous pouvez dĂ©poser et modifier l’image aprĂšs l’avoir tĂ©lĂ©chargĂ©e, comme ci-dessous, mais je vous recommande d’utiliser un Ă©diteur d’images avant de la tĂ©lĂ©charger. N’hĂ©sitez pas Ă ajouter un texte alternatif et un titre… Et c’est tout !
MĂ©thode alternative 2 – Modification du code
Je vous la prĂ©sente en derniĂšre mĂ©thode parce que je sais que les gens prĂ©fĂšrent gĂ©nĂ©ralement cliquer sur un bouton et tĂ©lĂ©charger l’image que de s'”embĂȘter” Ă coder… mais modifier votre code est le meilleur moyen d’obtenir le logo exactement oĂč vous voulez et comme vous le voulez.
Ătape 1
Allez dans l’onglet Media et tĂ©lĂ©chargez votre image sur le serveur.
Ătape 2
Trouvez votre fichier En-tĂȘte.php. Il n’est pas recommandĂ© de le modifier dans votre tableau de bord, essayez donc de modifier le code dans vos fichiers WordPress enregistrĂ©s localement.
Ătape 3
Trouvez la ligne qui contient les crochets <h1> ;. Vous pouvez gĂ©nĂ©ralement utiliser la fonction Ctrl +F et taper “h1” pour la localiser.
Ătape 4
Supprimez tout ce qui se trouve aprĂšs la balise <h1> ; ainsi que tout ce qui se trouve avant la balise </h1> ;. Vous remarquerez que dans le mien, il y a <h1 class=”site-title”> ;. Si cela se produit, vous pouvez laisser tout cela en place. Collez le code entre les balises pour que cela ressemble Ă ceci : <h1><img src=”image_name.jpg” border=0 alt=”Mon site” /></h1> ;
Ătape 5
Changez l’endroit oĂč il est Ă©crit nom_image.jpg par l’URL de votre logo tĂ©lĂ©chargĂ©. Modifiez le champ Mon site en mettant ce que vous voulez que le texte alternatif soit, peut-ĂȘtre le nom de votre site. VoilĂ , c’est fait !
Ajouter une marque blanche pour les clients du site Web
Si vous dirigez une entreprise de conception de sites Web et que vous livrez des sites Web Ă vos clients, en les laissant ensuite gĂ©rer les sites eux-mĂȘmes, il est agrĂ©able de changer le logo WordPress par dĂ©faut qui s’affiche lorsqu’ils se connectent au tableau de bord. Il existe quelques façons de modifier le code et d’obtenir ce rĂ©sultat. De nombreux plugins fournissent Ă©galement cette solution, mais je vous conseille un plugin en particulier, car il est simple, lĂ©ger et efficace : Login Logo.
Ătape 1
Installez et activez le plugin Login Logo sur votre site WordPress.
Ătape 2
Assurez-vous que le nom du fichier de votre logo est login-logo.png.
Ătape 3
TĂ©lĂ©chargez le fichier dans votre dossier WP-Content/. Une fois qu’il est tĂ©lĂ©chargĂ©, votre page de connexion devrait ressembler Ă ceci :
Ătape 4
La seule amĂ©lioration pour ce plugin serait un simple bouton pour tĂ©lĂ©charger l’image dans votre tableau de bord, mais comme les dĂ©veloppeurs ont Ă©videmment accĂšs aux dossiers WP-Content, cela ne devrait pas ĂȘtre un problĂšme. Vous pouvez Ă©galement essayer certains des autres plugins de logo de connexion personnalisĂ© disponibles si cela ne fonctionne pas pour vous.
Outils pour la création de logos
Nous avons appris comment obtenir un logo sur votre site WordPress, sur le front-end et la page de connexion, mais qu’en est-il des outils pour crĂ©er vos propres logos ? Si vous avez de l’expĂ©rience en matiĂšre de design, je n’ai probablement pas besoin de vous dire d’utiliser des options telles que Adobe Illustrator, Photoshop ou GIMP. Pour ceux d’entre vous qui ne sont pas aussi versĂ©s dans la conception de logos, voici quelques suggestions :
1. Tailor Brands
Tailor Brands est un gĂ©nĂ©rateur de logo populaire qui propose des designs Ă©lĂ©gants. Vous commencerez par entrer quelques dĂ©tails sur votre entreprise, comme son nom, son secteur d’activitĂ©, etc.
Vous pourrez Ă©galement choisir parmi diffĂ©rents styles de logos, tels que ceux basĂ©s sur le nom ou sur des icĂŽnes. Ensuite, l’outil vous montrera tout un ensemble de suggestions. Une fois que vous aurez choisi un modĂšle, vous pourrez en personnaliser le style, la police, le texte, etc.
Tailor Brands vous propose également de nombreux aperçus de ce à quoi pourrait ressembler le logo dans différentes situations. Vous pouvez télécharger gratuitement des versions basse résolution de votre logo, mais vous devrez payer pour des versions haute résolution, à partir de 3,99 $ par mois.
Utilisez notre code de réduction Tailor Brands : WPKUBE pour obtenir une réduction de 25%.
Avantages
- Il génÚre automatiquement des logos pour vous.
- Pour des logos générés automatiquement, les rendus sont assez élégants.
- Vous pouvez personnaliser l’apparence du logo.
Inconvénients
- Vous ne disposez pas d’un Ă©diteur complet par glisser-dĂ©poser pour des ajustements complets.
- Vous devrez payer pour télécharger des images en haute résolution.
2. Hatchful
Hatchful est un outil gratuit de crĂ©ation de logo de Shopify, bien que vous n’ayez pas besoin d’ĂȘtre propriĂ©taire d’une boutique Shopify pour l’utiliser.
Il vous offre un processus de configuration facile oĂč vous ajoutez votre secteur d’activitĂ©, choisissez un style visuel et entrez le nom de votre entreprise. Ensuite, il vous donnera quelques suggestions.
Si vous trouvez un logo qui vous plaßt, vous pourrez alors choisir parmi différentes palettes de couleurs et icÎnes en fonction de vos besoins.
Avantages
- Il est 100% gratuit.
- Les logos ne sont pas tape-Ă -l’Ćil, et certains d’entre eux sont plutĂŽt Ă©lĂ©gants.
- Vous pouvez personnaliser les icĂŽnes et le texte.
Inconvénient
- Vous n’avez pas un contrĂŽle total. Par exemple, si vous pouvez choisir diffĂ©rentes palettes de couleurs, vous ne pouvez pas saisir de codes hexadĂ©cimaux de couleurs spĂ©cifiques.
3. Logomakr
Logomakr est un outil de création de logo vraiment sympa qui parvient à vous donner une interface assez simple, tout en offrant beaucoup de contrÎle.
Vous pouvez crĂ©er votre logo Ă partir de texte, de formes, de couleurs et de plus d’un million de graphiques. Ensuite, vous pouvez tĂ©lĂ©charger gratuitement une version basse rĂ©solution (pour une utilisation non commerciale) ou payer une petite somme pour tĂ©lĂ©charger des formats haute rĂ©solution sans aucune limitation d’utilisation.
Avantages
- Vous pouvez parcourir plus d’un million de graphiques Ă inclure dans votre logo.
- Vous pouvez inclure des formes dans les logos.
- Si vous ĂȘtes prĂȘt Ă payer 19 $, vous pouvez tĂ©lĂ©charger des fichiers vectoriels SVG et PDF haute rĂ©solution.
Inconvénient
- Le logo est uniquement gratuit pour les utilisations non commerciales (et vous devez fournir une attribution dans ces cas).
4. MarkMaker
MakerMaker est un gĂ©nĂ©rateur de logo gratuit formidable qui utilise l’intelligence artificielle pour vous aider Ă obtenir un logo qui retranscrit vraiment votre idĂ©e. Vous commencez par saisir le nom de votre entreprise ou de votre site web. Ensuite, MarkMaker va gĂ©nĂ©rer un tas de logos basĂ©s sur votre nom.
Maintenant – la partie cool. Vous pouvez cliquer sur les “coeurs” des styles de logos qui vous plaisent. Ensuite, en faisant dĂ©filer la page qui se charge Ă l’infini, MarkMaker continuera Ă gĂ©nĂ©rer de nouvelles idĂ©es basĂ©es sur les idĂ©es que vous aimez dĂ©jĂ .
L’idĂ©e est qu’au fur et Ă mesure que vous lui fournissez des informations, il vous propose des suggestions de logos de plus en plus personnalisĂ©es. Lorsque vous en trouvez un qui vous plaĂźt, vous pouvez en personnaliser le texte et les couleurs, puis le tĂ©lĂ©charger gratuitement.
Avantages
- L’outil gĂ©nĂšre des logos pour vous, ce qui est gĂ©nial si vous n’ĂȘtes pas un expert en design.
- Les logos deviennent plus personnalisés au fur et à mesure que vous ajoutez vos goûts.
- Vous pouvez télécharger les logos gratuitement.
Inconvénient
- Les logos sont assez basiques – juste du texte et peut-ĂȘtre quelques formes. Ne vous attendez pas Ă quelque chose de super unique.
5. Designapp
Designapp est un outil gratuit de crĂ©ation de logo qui vous permet de construire votre propre logo Ă l’aide d’une interface graphique dĂ©taillĂ©e et d’Ă©lĂ©ments utiles, comme des formes et des icĂŽnes. Si vous ĂȘtes prĂȘt Ă construire votre logo Ă partir de zĂ©ro, l’outil est gratuit.
Cependant, vous pouvez Ă©galement payer pour utiliser (et personnaliser) des modĂšles prĂ©Ă©tablis, ce qui vous permet de partir d’un produit dĂ©jĂ bien avancĂ©.
Avantages
- Vous pouvez créer votre propre logo gratuitement.
- Il comprend beaucoup de formes et d’icĂŽnes.
- Vous avez un contrĂŽle parfait du pixel sur votre conception.
Inconvénient
- Vous partez d’une ardoise blanche si vous n’ĂȘtes pas prĂȘt Ă payer pour les modĂšles – il ne vous aide pas Ă gĂ©nĂ©rer un point de dĂ©part comme certains autres fabricants de logos.
6. Canva
Canva est un outil de conception graphique en ligne populaire qui est probablement plus connu comme un outil pour créer des images pour les médias sociaux et les blogs. Cependant, il constitue également une excellente option pour créer un logo et il comprend de nombreux modÚles de logos que vous pouvez utiliser pour commencer.
Vous aurez besoin de la version payante de Canva si vous voulez télécharger votre logo avec un fond transparent.
Toutefois, Canva propose un essai gratuit de 30 jours, ce qui devrait vous laisser largement le temps de créer un logo gratuitement.
Avantages
- Canva vous offre une grande flexibilité en ce qui concerne les polices, les couleurs, les mises en page, etc.
- Il existe une infinité de modÚles préétablis parmi lesquels vous pouvez choisir.
- Vous pouvez télécharger votre logo dans de nombreux formats différents.
Inconvénients
- Vous avez besoin de la version payante pour télécharger votre logo avec un fond transparent (mais il y a un essai gratuit).
- Canva n’est pas spĂ©cialisĂ© dans les logos comme d’autres outils, mais il fonctionne bien pour eux.
Faites-nous savoir si vous avez des questions sur la façon d’ajouter un logo personnalisĂ© Ă votre site WordPress. Ou peut-ĂȘtre avez-vous trouvĂ© une autre mĂ©thode ? Dans tous les cas, on serait ravi d’en entendre parler !
Â