Comment personnaliser le thème WordPress par Customizer

La personnalisation d'un thème WordPress est une étape nécessaire pour utiliser n'importe quel thème après l'avoir activé. Et avec l'aide du personnalisateur du thème, vous pouvez le faire plus facilement que jamais. Cependant, cela peut être un peu difficile lorsque vous vous habituez à cet outil. Donc, si vous êtes confus, cet article vous sera vraiment utile.

Après avoir choisi un thème WordPress et l'avoir installé, vous devez utiliser l'outil de personnalisation pour personnaliser l'apparence du site Web en suivant la démo du thème ou votre propre style. L'avantage de cet outil est le mode de prévisualisation en direct qui vous permet de voir directement les résultats tout en personnalisant. Cela vous fait gagner du temps et est beaucoup plus facile à manipuler que l'édition dans le backend (Admin Dashboard).

Voici les étapes de base pour personnaliser un thème WordPress avec Customizer afin de créer un site Web qui se rapproche le plus du thème de la démo ou de votre désir.

Ouvrez l'outil de personnalisation

Tout d'abord, accédez à Personnaliser dans la barre d'administration en haut de la page, ou Tableau de bord > Apparence > Personnaliser pour ouvrir cet outil.

L'interface de personnalisation se compose de deux parties principales : la colonne de gauche contient les options de personnalisation et l'écran de droite affiche l'aperçu en direct. Voici l'interface la plus courante de Customizer.

La colonne de gauche comprend :

1 : Le bouton Publier pour enregistrer les résultats après personnalisation. Si vous fermez le site sans cliquer dessus, votre personnalisation ne sera pas enregistrée. Donc après chaque changement, n'oubliez pas d'appuyer sur ce bouton.
2: Cette zone affiche le thème que vous utilisez. Comme vous pouvez le voir dans mon exemple, j'utilise le thème Memory. (Vous pouvez télécharger ce thème ici).
3: Options de personnalisation du thème. Notez que les options de thème varient en fonction des différents thèmes.
4: Cliquez sur Masquer les contrôles pour masquer cette colonne. De plus, si vous souhaitez voir à quoi ressemble l'aperçu en direct sur d'autres appareils, cliquez simplement sur les icônes d'appareil correspondantes ici.

Après s'être familiarisé avec l'interface de personnalisation, examinons chaque option de personnalisation de base pour personnaliser une apparence qui ressemble le plus à la démo ou à votre idée. N'oubliez pas de lire attentivement la documentation du thème, car il peut avoir des exigences de personnalisation différentes.

Personnaliser le thème par personnalisateur

Après avoir activé un thème, votre site Web n'a pas encore ressemblé à la démo. À moins que votre thème ne prenne en charge l'importation de démo, vous devez personnaliser manuellement le thème. Les sections personnalisées courantes incluent :

Paramètres de la page d'accueil

C'est la section la plus importante pour déterminer l'affichage de votre page d'accueil.

Dans les paramètres de la page d'accueil , il existe deux options pour afficher la page d'accueil : les derniers messages et la page statique. Selon les exigences de chaque thème, vous pouvez choisir une option appropriée.

Pour un site de lecture comme les blogs, vous devez choisir Vos derniers articles .

Pour les pages d'affaires, vous devez choisir une page statique, puis sélectionnez une page pour la page d' accueil dans la section d'accueil et une page archive dans la section page Messages. Cliquez simplement sur l'icône du menu déroulant dans chaque section pour en sélectionner un parmi les articles et pages disponibles, ou cliquez sur Ajouter une nouvelle page pour en créer une nouvelle pour ces deux éléments.

Cependant, si la page d'accueil choisie n'a pas été personnalisée et configurée, elle peut manquer de fonctionnalités spéciales telles que le curseur, l'appel à l'action, l'image du héros, etc. et vous aurez besoin de plus de personnalisation. Vous feriez mieux de lire les directives du thème pour ces paramètres.

Identité du site

Cette section vous aide à modifier les informations sur le site Web, telles que la modification du logo, du titre, du slogan.

Choisissez le logo, écrivez le titre et le slogan de votre site Web. En outre, il peut avoir des options pour personnaliser le logo, le titre ou masquer/afficher ces éléments.

Couleur, image d'arrière-plan et polices

La plupart des thèmes, une fois activés, configureront automatiquement des couleurs, des arrière-plans et des polices similaires à la démo. Cependant, si les éléments ci-dessus ne sont pas encore prêts, vous devez les configurer.

Couleur

La plupart des thèmes prennent en charge la section Couleur. Cependant, alors que certains thèmes vous permettent de changer la couleur de nombreux éléments, certains thèmes se limitent à quelques-uns.

Tout d'abord, cliquez sur l'élément que vous souhaitez recolorer (1) (comme la couleur principale, la couleur du titre ou la couleur du texte). Vous pouvez choisir une couleur directement sur la palette (2), ou saisir le code couleur ici (3).

Police de caractère

La section Police ou Typographie vous permet de modifier les styles de police, les polices familiales, la taille du texte, etc. en fonction de chaque thème.

Le choix d'une police familiale dépend également des exigences du thème. Le moyen le plus simple consiste à sélectionner une police disponible dans le menu déroulant comme l'image ci-dessous. Les thèmes comme celui-ci ne prennent généralement en charge que certaines polices de base.

Si vos thèmes prennent en charge les polices Google, vous devrez peut-être obtenir le code, le nom ou le lien de la police sur fonts.google.com, puis le coller dans les cases comme celle-ci.

L'avantage de la deuxième méthode est que vous avez de nombreux choix de polices parmi Google Fonts.

Image de fond

La plupart des thèmes vous permettent de choisir une photo pour définir l' image de fond . Dans la section Image d'arrière-plan, cliquez sur Sélectionner une image et sélectionnez une photo dans votre bibliothèque ou téléchargez-en une.

Ensuite, vous pouvez modifier le style, l'emplacement et la taille de l'image pour l'adapter parfaitement à votre site Web.

Pour modifier l'image d'arrière-plan, cliquez sur le bouton Modifier l'image . Si vous souhaitez supprimer une photo d'arrière-plan, appuyez sur le bouton Supprimer .

Lorsque vous choisissez Répéter l'image d'arrière-plan , l'image d'arrière-plan sera répétée du début à la fin de la page. Si vous choisissez Faire défiler avec la page , elle sera déplacée avec la page lorsque vous faites défiler comme ci-dessous.

Menu

La section Menu répertorie tous les menus et leurs emplacements actuels. Traditionnellement, le menu principal se trouve sur l'en-tête. En particulier, certains thèmes vous permettront d'afficher plusieurs emplacements, tels que le pied de page, la barre supérieure, le menu des diapositives, etc. Pour connaître le nombre d'emplacements de menu dont vous disposez, regardez le texte sous Emplacement du menu .

Le thème de la mémoire, par exemple, n'a qu'un seul emplacement pour le menu. Vous pouvez le voir en cliquant sur l'onglet Afficher l'emplacement . Ensuite, appuyez sur un emplacement de menu et sélectionnez un menu disponible que vous souhaitez y afficher. Pour modifier un menu, cliquez sur Modifier le menu , puis sur Créer un nouveau menu pour en créer un autre.

Qu'en est-il du détail de la création et de l'édition d'un menu ? Vous pouvez vous référer à notre article précédent ici.

Widget

Les widgets sont des blocs de contenu ou des fonctions ajoutés à certaines zones prenant en charge les widgets tels que la barre latérale ou le pied de page. Il existe 15 widgets WordPress par défaut qui vous permettent d'insérer des vidéos, des photos, des galeries, les derniers articles, des pages, etc. Surtout, certains thèmes proposent même leurs propres widgets spéciaux, vous devez donc trouver exactement les widgets dont vous avez besoin, puis les sélectionner correctement.

Dans la section Widget , vous verrez les zones qui prennent en charge les widgets sur la page actuelle. Le nombre et l'emplacement de ces zones varient également selon les thèmes.

Pour ajouter un widget, cliquez sur l'emplacement où placer le widget tel que le pied de page, puis cliquez sur le bouton Ajouter un widget . Vous pouvez en choisir un dans la liste ou utiliser la barre de recherche pour trouver le widget que vous souhaitez.

Après avoir choisi un widget, certains comme l'image, la galerie, la vidéo, l'audio et les pages peuvent nécessiter une configuration supplémentaire pour les afficher comme vous le souhaitez. Ce faisant, vous devez lire attentivement la demande du widget et la suivre. Ne vous inquiétez pas, ces étapes sont assez simples.

Pour supprimer un widget, accédez à celui souhaité et cliquez sur Supprimer .

Le bouton Réorganiser vous aidera à déplacer les widgets vers une autre zone du thème. Plus précisément, cliquez sur (1), sélectionnez la nouvelle zone de widget (2) et cliquez sur le bouton Déplacer (3). De plus, les boutons fléchés haut et bas (4) aideront à déplacer les widgets dans une zone. Une fois terminé, appuyez sur Terminé (5).

Ça y est, nous avons fait avec les widgets.

Derniers mots

La personnalisation de ces sections ci-dessus avec le personnalisateur sont des étapes générales et de base pour personnaliser votre site Web afin qu'il ressemble à une démo ou à votre imagination. En outre, il existe de nombreuses autres sections différentes pour chaque thème. Si vous rencontrez des difficultés dans la personnalisation, vous devez lire la documentation ou contacter immédiatement l'auteur du thème.

J'espère que cet article vous a aidé à créer votre propre apparence fascinante pour votre site.