Cela semble simple, mais il y a tellement de façons de le faire : Comment ajouter un logo personnalisé à votre site WordPress ?

Cela dépend vraiment du thème que vous choisissez lorsqu'il s'agit de télécharger une image sur votre site WordPress. Pour commencer, vous activez votre thème et partez à la recherche de la zone qui vous permet de télécharger votre image.

La plupart du temps, vous pouvez trouver un onglet sur le côté gauche de votre tableau de bord WordPress. Selon que vous choisissez un thème gratuit, un thème payant ou un thème enfant, vous pouvez généralement vous attendre à localiser la zone de téléchargement du logo dans le Apparence des onglets Paramètres.

Cependant, comme 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 qu'il existe également de nombreux développeurs qui vendent leurs services à plusieurs clients. Vous souhaitez probablement personnaliser chaque zone de connexion de WordPress pour offrir des avantages en marque blanche à chacun de vos clients.

Donc, nous parlerons également de la façon de supprimer la marque WordPress lorsque les gens se connectent afin qu'ils puissent également voir leur logo.

Regardons.

Ajouter un logo personnalisé au 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 n'obtenez généralement pas la stabilité ou le support comme vous le feriez 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 (et certains thèmes premium) est assez simple.

Étape 1

Connectez-vous à votre tableau de bord WordPress et cliquez sur l'onglet Apparence à gauche. Allez dans le menu déroulant En-tête et cliquez sur ce bouton.

Apparence et en-tête

Étape 2

Localisez l'option qui vous permet de télécharger une image. Certains thèmes proposent des suggestions de tailles de logo et d'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.

Téléchargez votre image

Le tableau de bord devrait vous montrer un aperçu de l'image.

Étape 3

De nombreux thèmes placent du 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 d'en-tête avec votre image. Cliquez sur le bouton Enregistrer les modifications pour continuer.

Supprimer le texte d'en-tête

Étape 4

Accédez au front-end de votre site Web pour pré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 indiqué 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.

Sous le logo du menu

Méthode alternative 1 – Creuser pour l'onglet de téléchargement

Comme je l'ai déjà dit, certains thèmes premium, et même des thèmes gratuits, varient dans la zone où vous téléchargez votre logo. Ces développeurs essaient de faciliter un peu le téléchargement rapide, mais vous devez faire une petite recherche pour trouver le bon onglet. Je couvrirai la méthode la plus courante que j'ai trouvée dans les thèmes premium, mais si cela ne fonctionne pas, recherchez simplement dans les onglets à gauche de votre tableau de bord une option de personnalisation d'en-tête, de logo ou de thème.

Étape 1

Accédez à l'onglet Options de thème sur le côté gauche de votre tableau de bord. Encore une fois, ce nom peut varier en fonction de votre thème.

Bouton d'options de thème

Étape 2

Dans ce thème, il a une section générale où réside la zone de téléchargement du logo. Il est courant pour les développeurs d'inclure des onglets de style 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.

Télécharger un logo dans les options de thème

É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'image pour cela avant le téléchargement. N'hésitez pas à ajouter un texte alternatif et un titre également. C'est ça!

Modifier le logo

Méthode alternative 2 – Modification du code

J'ai laissé cela comme ma dernière méthode car je sais que les gens préfèrent généralement cliquer sur un bouton et télécharger l'image, mais modifier votre code est le meilleur moyen d'obtenir le logo exactement où vous voulez et à quoi vous voulez qu'il ressemble.

Étape 1

Accédez à l'onglet Média et téléchargez votre image sur le serveur.

Étape 2

Trouver votre Header.php fichier. Il n'est pas recommandé de le modifier dans votre tableau de bord, alors essayez de modifier le code dans vos fichiers WordPress enregistrés localement.

Étape 3

Trouvez la ligne qui contient des crochets

. Vous pouvez généralement exécuter une fonction Ctrl + F et taper “h1” pour le localiser.

Trouver le H1

Étape 4

Supprimez tout après la balise

et avant la balise

. Vous remarquerez dans le mien qu'il inclut

Si cela se présente, vous pouvez simplement laisser tout cela dedans. Collez le code entre les balises pour qu'il ressemble à ceci :

”Mon

Étape 5

Remplacez l'emplacement de nom_image.jpg par l'URL de votre logo téléchargé. Changer la Mon site texte à ce que vous voulez que le texte alternatif soit, peut-être le nom de votre site. C'est ça!

Ajout d'une marque blanche pour les clients du site Web

Si vous dirigez une entreprise de conception de sites Web et que vous fournissez des sites Web à des clients, puis que vous les laissez gérer les sites eux-mêmes, il est agréable de modifier le logo WordPress par défaut qui apparaît chaque fois qu'ils se connectent au tableau de bord. Il existe plusieurs façons de modifier le code et de recevoir ce résultat, et il existe également de nombreux plugins qui fournissent des solutions, mais il existe un plugin simple, léger et efficace.

Logo de connexion WordPress

Étape 1

Installez et activez le Logo de connexion plugin à votre site WordPress.

Étape 2

Assurez-vous que le nom de fichier de votre logo est login-logo.png.

Étape 3

Téléchargez le fichier dans votre dossier WP-Content/. Une fois téléchargée, votre page de connexion devrait ressembler à ceci :

Image de marque en marque blanche

É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 poser de problème. Vous pouvez également essayer certains des autres plugins de logo de connexion personnalisés disponibles si cela ne fonctionne pas pour vous.

Outils pour créer des 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 conception, je n'ai probablement pas à vous dire d'utiliser des options telles qu'Adobe Illustrator, Photoshop ou GIMP. Pour ceux d'entre vous qui ne connaissent pas bien la conception de logo, voici quelques suggestions :

1. Marques sur mesure

tailor brands - Sabma Digital

Tailor Brands est un autre 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 pouvez également choisir parmi différents styles de logo, tels que le nom ou l'icône. Ensuite, l'outil vous montrera un tas de suggestions. Une fois que vous aurez choisi un design, vous pourrez personnaliser son style, sa police, son texte, etc.

Tailor Brands vous donnera également de nombreux aperçus de ce à quoi cela pourrait ressembler dans différentes situations. Vous pouvez télécharger gratuitement des versions basse résolution de votre logo, mais vous devrez payer pour les versions haute résolution, à partir de 3,99 $ par mois.

Utilisez notre code promo Tailor Brands – WPKUBE pour bénéficier de 25 % de réduction.

Avantages

  • Il génère automatiquement des logos pour vous.
  • Les suggestions de logo sont assez élégantes pour être générées automatiquement.
  • Vous pouvez personnaliser l'apparence du logo.

Les 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 haute résolution.

2. Éclosion

hatchful - Sabma Digital

Hatchful est un outil de création de logo gratuit 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 dans lequel vous ajouterez votre industrie, choisirez un style visuel et saisirez 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 selon vos besoins.

Avantages

  • C'est 100% gratuit.
  • Bien que les logos ne soient pas flashy, certains d'entre eux sont assez élégants.
  • Vous pouvez personnaliser les icônes et le texte.

Les inconvénients

  • Vous n'avez pas le contrôle à 100 %. Par exemple, bien que vous puissiez choisir différentes palettes de couleurs, vous ne pouvez pas saisir de codes hexadécimaux de couleur spécifiques.

3. Logomark

logomakr - Sabma Digital

Logomakr est un très bon outil de création de logo 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 un usage non commercial) ou payer une somme modique pour télécharger des formats haute résolution sans 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 SVG et PDF vectoriels haute résolution.

Les inconvénients

  • Le logo n'est gratuit que pour des utilisations non commerciales (et vous devez fournir une attribution dans ces cas).

4. Marqueur

markmaker - Sabma Digital

MakerMaker est un générateur de logo gratuit vraiment cool qui utilise l'intelligence artificielle pour vous aider à obtenir un logo que vous aimez. Vous commencez par entrer le nom de votre entreprise/site Web. Ensuite, MarkMaker générera un tas de logos basés sur votre nom.

Maintenant – la partie cool. Vous pouvez cliquer sur “coeurs” sur les styles de logo que vous aimez. Ensuite, au fur et à mesure que vous faites défiler la page de chargement 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 donnez plus d'informations, il vous donne de plus en plus de suggestions de logo personnalisées. Une fois que vous en avez trouvé un que vous aimez, vous pouvez 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 très bien si vous n'êtes pas une personne avertie en matière de 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.

Les inconvénients

  • Les logos sont assez basiques – juste du texte et peut-être quelques formes. Ne vous attendez pas à quelque chose de super unique.

5. Application de conception

designapp - Sabma Digital

Designapp est un outil de création de logo gratuit qui vous permet de créer votre propre logo à l'aide d'une interface graphique détaillée et d'éléments utiles, tels que des formes et des icônes. Si vous êtes prêt à créer votre logo à partir de zéro, l'outil est gratuit.

Cependant, vous pouvez également payer pour utiliser (et personnaliser) des modèles prédéfinis, ce qui vous permet de commencer à partir d'un produit déjà fini.

Avantages

  • Vous pouvez créer votre propre logo gratuitement.
  • Il comprend de nombreuses formes et icônes.
  • Vous obtenez un contrôle parfait au pixel près de votre conception.

Les inconvénients

  • Vous partez d'une ardoise vierge si vous n'êtes pas prêt à payer pour les modèles – cela ne vous aide pas à générer un point de départ comme certains autres créateurs de logo.

6. Toile

canva - Sabma Digital

Canva est un outil de conception graphique en ligne populaire qui est probablement plus connu comme outil pour créer des images de médias sociaux et de blogs. Cependant, il constitue également une excellente option pour créer un logo et comprend de nombreux modèles de logo que vous pouvez utiliser pour commencer.

Vous aurez besoin de la version payante de Canva si vous souhaitez télécharger votre logo avec un fond transparent.

Cependant, Canva propose un essai gratuit de 30 jours, ce qui devrait vous laisser suffisamment de temps pour 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 des tonnes de modèles prédéfinis parmi lesquels choisir.
  • Vous pouvez télécharger votre logo dans de nombreux formats différents.

Les 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 certains autres outils, bien que cela fonctionne bien pour eux.

Faites-nous savoir dans la section des commentaires si vous avez des questions sur la façon d'ajouter un logo personnalisé à votre site WordPress. Ou peut-être avez-vous trouvé une méthode alternative ? En tout cas, j'aimerais tout savoir !

Laisser un commentaire