Comment personnaliser un thème WordPress pour l'adapter à votre marque

Les thèmes WordPress se présentent sous différentes formes et tailles, mais les techniques de personnalisation des thèmes restent similaires. Si vous savez comment personnaliser un thème, il vous sera beaucoup plus facile de gérer un autre.

Dans cet article, nous aimerions couvrir le thème WordPress Cloe Brooks pour les sites Web médicaux et vous montrer comment vous pouvez personnaliser sa conception, sa mise en page et, en gros, vous l'approprier.

Thème vide vs contenu de démonstration

Une fois que vous avez installé un thème, vous avez deux options, soit créer vos pages et mises en page à partir de zéro, soit installer des données factices prédéfinies qui rempliraient les pages pour vous et rendraient votre site magnifique dès le départ.

Chaque méthode a ses avantages et ses inconvénients, par exemple, si vous choisissez d'importer les données de démonstration, vous devrez peut-être nettoyer votre site par la suite et supprimer les pages, articles, catégories, etc. inutiles. Cependant, avec l'installation propre, il est peut-être trop temps consommer pour recréer les mises en page et les paramètres d'origine.

Nous vous conseillons d'opter pour l'option de contenu de démonstration et d'installer les données de démonstration complètes du site. Il serait beaucoup plus facile de remplacer le texte et les images par les vôtres et de supprimer le reste des données, plutôt que de tout créer à partir de zéro. Après tout, il est plus facile de supprimer du contenu que de le créer.

Logo et favicon du site

Après l'installation du contenu de démonstration, nous pouvons commencer à personnaliser notre site. Le moyen le plus simple de le faire est de télécharger votre logo et votre favicon.

Ces deux éléments séparent votre site des autres et le rendent distinctif.

Si vous n'avez pas encore de logo, ne vous inquiétez pas. Vous pouvez utiliser un titre de site à la place. Un titre de site accompagné d'un slogan peut toujours donner un aspect professionnel à votre site et serait plus préférable qu'un logo d'image mal fait.

Un favicon est un autre élément d'identité de marque que vous pouvez configurer ici. Il s'affiche au début d'un onglet dans votre navigateur. Pour télécharger un favicon, utilisez une image .png de 512 pixels de large.

Pour télécharger un logo, allez dans Apparence > Options du thème > Personnalisation et dans la section « Logo principal », sélectionnez l'image de votre logo. Si votre logo semble trop grand ou trop petit, vous pouvez changer cela en ajustant la valeur « Hauteur du logo ».

Schéma de couleur

La palette de couleurs fait partie intégrante de toute conception, et la possibilité de la modifier vous donne la liberté de personnaliser votre site dans une large mesure.

Par défaut, le thème Cloe Brooks présente une combinaison de couleurs pastel chaudes et bleues. Ces teintes de couleur conviennent bien à un site Web médical. Cependant, s'ils ne correspondent pas aux couleurs de votre marque ou si vous souhaitez simplement que le schéma de couleurs soit légèrement différent, vous pouvez les ajuster dans le panneau d'options du thème.

Accédez à Apparence > Polices et couleurs et sélectionnez Jeux de couleurs . Vous pouvez voir que Cloe Brooks est livré avec deux schémas de couleurs par défaut, clair et foncé. Ils sont utiles si vous souhaitez modifier rapidement l'apparence de votre site et que vous souhaitez qu'il conserve les choix de couleurs d'origine du concepteur.

Cependant, vous pouvez également modifier les couleurs d'origine et redessiner complètement un jeu de couleurs. La solution la moins longue serait probablement de changer les couleurs d'accent du thème. De cette façon, vous pouvez voir instantanément des changements considérables dans la palette de couleurs du site. Pour un changement plus radical, vous pouvez également ajuster les couleurs d'autres éléments du site, tels que les champs de saisie, les couleurs d'arrière-plan principales et alternatives, les couleurs d'accentuation des bordures, etc. Ce sont des changements subtils, mais nécessaires si vous envisagez de changer complètement le design .

Une autre bonne chose est que vous pouvez prévisualiser vos changements de couleur et les voir en combinaison avec d'autres éléments du site Web dans le panneau des paramètres de couleur.

Dans certains cas, vous pourriez voir que certains des éléments de la démo du thème ne semblent pas avoir les couleurs que vous venez d'attribuer. Cela signifie que les couleurs de ces éléments sont attribuées via Visual Composer. Vous pouvez soit ouvrir les pages correspondantes avec ces éléments et les corriger, soit les ignorer jusqu'à ce que vous commenciez à télécharger votre contenu.

Une option pratique consiste à enregistrer vos paramètres de schéma de couleurs actuels en tant que nouveau schéma de couleurs ou à dupliquer un schéma existant pour l'enregistrer au cas où vous souhaiteriez passer aux couleurs d'origine du thème.

Une fois que vous avez terminé de personnaliser votre palette de couleurs, attribuez-la dans l'onglet Style de corps dans Apparence > Options du thème > Personnalisation.

Typographie

Bien que la typographie puisse sembler moins importante que la palette de couleurs ou les images pour votre site, en réalité, les polices ont un impact encore plus important sur vos téléspectateurs. Si votre contenu n'est pas mal stylé, vos lecteurs auront du mal à comprendre votre message.

Cloe Brooks présente une élégante police de caractères sans empattement personnalisée, mais si nécessaire, vous pouvez la changer pour toute autre police que vous préférez. Vous pouvez soit sélectionner une police disponible dans la collection Google Fonts, soit télécharger la vôtre.

Vous pouvez trouver les paramètres de police du thème dans Apparence > Polices et couleurs > Polices. Les paramètres sont polyvalents et vous donnent un excellent contrôle sur le style du texte de votre site. Ajustez les polices pour des éléments tels que les en-têtes, le corps du texte, les liens, les champs de saisie, les boutons, les éléments de menu, etc. Vous pouvez sélectionner le style de police, l'épaisseur, la hauteur de ligne, la décoration et même spécifier les marges supérieure et inférieure d'un élément.

La typographie est un domaine subtil, et si vous êtes débutant, il peut être facile de tout gâcher. Si vous n'avez jamais traité de typographie auparavant, mais que vous souhaitez tout de même donner à votre thème un aspect différent, nous vous recommandons de faire attention aux choix de polices du thème d'origine et de les remplacer par des polices du même style. Par exemple, si le thème d'origine utilise une police sans-serif, il est préférable de la remplacer par une autre police sans-serif.

Une autre astuce consiste à maintenir le contraste entre les différents groupes de polices, par exemple les titres et la police du corps. Le contraste peut être obtenu à l'aide de la taille, de la couleur, du poids et du style de la police.

Comptes sociaux et coordonnées

La prochaine étape serait de remplir vos coordonnées et d'ajouter des comptes de médias sociaux à votre site Web.

Vous pouvez trouver les paramètres des réseaux sociaux en allant dans Apparence > Options du thème > Réseaux sociaux .

Vous êtes libre d'ajouter autant de comptes que vous le souhaitez en spécifiant le lien d'adresse et une icône de votre réseau social.

Afin d'intégrer votre flux Twitter dans votre site, vous devez ici remplir les détails de l'API Twitter, tels que la clé du consommateur, le secret du consommateur, etc.

Vos coordonnées peuvent être saisies dans Apparence > Options du thème > Coordonnées. Vous pouvez y spécifier votre adresse e-mail, l'adresse de votre entreprise, vos heures d'ouverture, votre numéro de téléphone, etc. Ces informations seront utilisées dans les sections d'en-tête et de pied de page de votre site Web.

Emballer

Bien qu'il y ait beaucoup plus de choses que vous pouvez personnaliser dans le thème Cloe Brooks, nous avons couvert ici les plus importantes.

Nous avons couvert des étapes telles que si nous devons ou non installer les données de démonstration et comment télécharger un logo et un favicon. Nous avons également appris à peaufiner la palette de couleurs et la typographie de notre site. Enfin, nous avons appris où exactement dans notre thème nous pouvons spécifier nos informations de contact et des liens vers les comptes de médias sociaux.

Comme vous pouvez le voir, la personnalisation du thème n'est pas aussi intimidante que cela puisse paraître à première vue. Cela demande un peu de temps et de patience, mais si votre thème est construit correctement, le processus devient simple et intuitif. Quelle est votre expérience avec la personnalisation des thèmes WordPress ? Partagez avec nous vos réflexions dans les commentaires.