Comment utiliser l’Outil de personnalisation du thème WordPress comme un pro (Guide ultime)

Saviez-vous que WordPress est doté d’un outil de personnalisation de thème intégré qui vous permet d’apporter facilement des modifications à la conception de votre site en temps réel ?

Bien que chaque thème dispose d’un certain niveau de support pour les options du personnalisateur par défaut, de nombreux thèmes incluent des onglets et des options supplémentaires au personnalisateur de thème WordPress, afin que vous puissiez facilement personnaliser votre thème sans aucune connaissance en matière de codage.

Dans cet article, nous vous ferons découvrir les panneaux par défaut et nous vous afficherons comment utiliser le personnalisateur de thème WordPress comme un pro.

Comment accéder au personnalisateur de thème de WordPress ?

L’Outil de personnalisation du thème est une fonctionnalité par défaut de WordPress, et il fait partie de chaque site WordPress.

Vous pouvez y accéder en vous connectant à votre zone d’administration WordPress, puis en allant dans Apparence  » Personnaliser à partir de la colonne latérale gauche de votre panneau d’administration WordPress. Cela ouvrira l’interface de l’Outil de personnalisation avec votre thème actuel.

Vous pouvez également utiliser la page du personnalisateur de thème de WordPress pour n’importe lequel des thèmes installés sur votre site, même s’ils ne sont pas activés.

Cela vous permet de voir une Prévisualisation directe de ce thème et d’y apporter des modifications avant de l’activer.

Pour ce faire, vous devez vous rendre sur la page Apparence  » Thèmes.

Ensuite, survolez le curseur de votre souris sur n’importe quel thème installé et cliquez sur le bouton Prévisualisation directe pour ouvrir la page du personnalisateur de thème WordPress.

Outil de personnalisation du thème WordPress

Après avoir ouvert le personnalisateur de thème WordPress, vous verrez tous les réglages de personnalisation sur le côté gauche de votre écran, et la prévisualisation en direct de votre site sur le côté droit.

Le personnalisateur de thème de WordPress est livré avec un ensemble de panneaux par défaut, quel que soit le thème que vous utilisez.

Vous devez cliquer sur les différents panneaux pour y apporter des modifications. Vous pouvez également cliquer sur l’une des icônes représentant un crayon bleu sur le côté droit de votre écran pour ouvrir les Réglages de cet article particulier.

Note : Les thèmes WordPress avancés ajouteront des panneaux de réglage supplémentaires pour des options de personnalisation supplémentaires (plus d’informations à ce sujet ultérieurement).

Jetons un coup d’œil aux options par défaut disponibles dans le personnalisateur de thème WordPress.

Panneau d’identité du site : Ajouter un titre, un logo et une image de marque

Le panneau Identité du site dans le personnalisateur de thème WordPress vous permet d’ajouter ou de modifier le titre et le slogan de votre site.

Par défaut, WordPress ajoute « Just Another WordPress Site » comme slogan du site.

Il est recommandé de le modifier après l’installation de WordPress sur votre site. Vous pouvez également le laisser vide si vous le souhaitez.

Le panneau Identité du site dans le personnalisateur de thème WordPress vous permet également d’ajouter le logo de votre site. Il suffit de cliquer sur l’option Sélectionner un logo pour téléverser le logo de votre site.

Vous souhaitez ajouter une icône à votre site ? Vous pouvez le faire en cliquant sur l’option Sélectionné l’icône du site. Pour des instructions détaillées, vous pouvez suivre notre guide sur la création et l’ajout d’une favicon à votre site.

Outil de personnalisation du thème WordPress : Modifier les couleurs sur votre site

Les commandes du panneau Couleurs varieront principalement en fonction du thème WordPress que vous utilisez.

Par exemple, le thème Twenty Seventeen vous permet de choisir la couleur du texte de l’en-tête et de sélectionner un jeu de couleurs pour l’ensemble de votre site.

D’autres thèmes WordPress peuvent offrir différentes options de couleur pour les éléments du site tels que les titres, les liens, le corps du texte et l’arrière-plan de votre site.

Ajout de menus de navigation dans l’Outil de personnalisation du thème

Le panneau Menus vous permet de créer des menus de navigation et de contrôler leur emplacement sur votre site.

Sur cet onglet, vous trouverez tous les menus WordPress existants que vous avez créés précédemment. Vous pouvez cliquer sur le bouton « Voir tous les Emplacements » pour vérifier les emplacements de menu disponibles que votre thème supporte.

Pour créer un nouveau menu, vous devez cliquer sur le bouton Créer un nouveau menu.

Ensuite, vous devrez donner un nom à votre menu, afin de pouvoir le gérer ultérieurement. Vous pouvez également sélectionner l’emplacement du menu, puis cliquer sur Suivant pour continuer.

Pour ajouter des éléments à ce menu, vous devez cliquer sur le bouton Ajouter des articles pour ouvrir un nouveau panneau. Vous pouvez désormais ajouter des liens personnalisés, des pages, des publications, des catégories et des identifiants en tant qu’éléments de menu.

Pour réorganiser les articles, vous pouvez cliquer sur le lien Réorganiser, puis utiliser les icônes de flèches pour ajuster les éléments du menu.

Contrôlez les widgets sur votre site dans le personnalisateur de thème

Le panneau Widgets vous permet d’ajouter et de gérer les widgets de votre site.

En cliquant dessus, vous afficherez les différents Emplacements où vous pouvez ajouter des widgets. Cela variera en fonction du thème que vous utilisez.

Par exemple, le thème Twenty Seventeen propose 3 emplacements de widgets, alors que le thème Twenty Nineteen n’en propose qu’un seul.

Lorsque vous cliquez sur l’un d’entre eux, vous voyez apparaître les widgets que vous avez précédemment ajoutés à cet Emplacement.

Pour ajouter un nouveau widget, vous devez cliquer sur le bouton « Ajouter un widget ». Cela ouvrira un nouveau panneau où vous verrez une liste de tous les widgets disponibles.

Vous devez cliquer sur celui que vous souhaitez ajouter. Vous pouvez également apporter des modifications aux widgets nouvellement ajoutés et ajuster leur position en les faisant glisser vers le haut ou vers le bas.

Panneau de réglages de la page d’accueil dans l’Outil de personnalisation du thème

Par défaut, WordPress affiche les dernières publications de votre blog sur votre page d’accueil.

Cependant, pour les sites professionnels, les utilisateurs/clientes préfèrent utiliser une page d’accueil personnalisée. Elle vous permet d’avoir une page d’atterrissage appropriée qui présente vos produits et services.

Pour utiliser une page d’accueil personnalisée, vous devez sélectionner le bouton radio « Une page statique » dans le panneau Réglages de la page d’accueil.

Cela ouvrira deux nouveaux menus déroulants que vous pouvez utiliser pour sélectionner une page pour votre page d’accueil et une autre pour afficher vos publications de blog.

Si vous ne disposez pas de ces pages sur votre site, vous pouvez en créer une nouvelle en cliquant sur le lien « + Ajouter une nouvelle page » présent sous le menu déroulant. Cela créera une page vierge avec le nom de votre choix.

Panneau CSS supplémentaire pour ajouter des feuilles de style CSS personnalisées

Souhaitez-vous ajouter un code CSS personnalisé pour donner du style à votre site ? Vous pouvez le faire dans le panneau CSS supplémentaire.

Les utilisateurs/utilisatrices WordPress intermédiaires et avancés personnalisent souvent leurs sites en ajoutant du code CSS directement dans le fichier style.css de leur thème. Cela ajoute des étapes supplémentaires comme avoir un accès FTP à votre hébergeur WordPress, modifier les fichiers du thème, etc.

Une solution plus facile pour les débutants est d’ajouter votre code CSS personnalisé au panneau CSS supplémentaire dans le personnalisateur de thème WordPress. Cela vous permettra d’apporter des modifications à votre site et de les voir en direct sur le côté droit de votre écran.

Lorsque vous commencez à écrire du code CSS, WordPress vous suggère automatiquement des attributs en fonction des lettres que vous tapez. Il affichera également des messages d’erreur si vous n’avez pas écrit une déclaration CSS correcte.

Note : Si vous souhaitez personnaliser votre site sans écrire de code, continuez à lire. Nous partagerons avec vous trois options adaptées aux débutants qui vous permettront de personnaliser facilement votre thème et même de créer un thème WordPress personnalisé.

Autres options de l’Outil de personnalisation du thème

Certains thèmes gratuits et premium offrent plus d’options de personnalisation du thème.

Selon le thème que vous utilisez, vous pouvez changer le style de police, ajouter une image d’arrière-plan, modifier la mise en page, modifier les couleurs, ajouter des images d’en-tête aléatoires, et bien d’autres choses encore.

Vous pouvez également ajouter des fonctionnalités spécifiques au personnalisateur de votre thème à l’aide d’extensions. Par exemple, vous pouvez ajouter des polices personnalisées dans WordPress à l’aide de l’extension Easy Google Fonts.

Prévisualisation de votre site sur différentes résolutions d’écran

Il est important pour tout propriétaire de site web de s’assurer que son site est mobile responsive et qu’il s’affiche bien sur toutes les tailles d’écran.

Grâce au personnalisateur de thème WordPress, vous pouvez facilement vérifier l’apparence de votre site sur différentes tailles d’écran.

En bas du panneau de l’Outil de personnalisation du thème, vous trouverez trois icônes et le lien « Masquer les contrôles ».

Ces icônes vous permettent de tester votre site sur différentes résolutions d’écran comme les ordinateurs de bureau, les tablettes et les appareils mobiles.

Le lien Masquer les contrôles est utile pour masquer le panneau de l’Outil de personnalisation de WordPress afin que vous puissiez visualiser correctement votre site en mode ordinateur.

Publier, enregistrer ou planifier vos réglages personnalisés

Une fois que vous avez apporté les modifications nécessaires, vous devez les appliquer à votre site. Sinon, tout votre travail sera perdu.

Allez-y et cliquez sur le bouton Publier pour appliquer les modifications. Une fois cela fait, vous pouvez cliquer sur le bouton de fermeture, présent en haut à gauche de votre écran, pour quitter le personnalisateur de thème.

Et si vous avez besoin de plus de temps pour finaliser votre nouveau design ? Dans ce cas, vous pouvez l’enregistrer en tant que brouillon et même partager votre nouveau design avec quelqu’un sans lui donner accès à votre zone d’administration.

Pour ce faire, vous devez cliquer sur l’icône en forme d’engrenage située juste à côté du bouton Publier. Cela ouvrira le panneau Action.

Vous y trouverez trois options : Publier, Enregistrer le brouillon et Planifier.

Vous devez sélectionner le bouton radio Enregistrer le brou illon dans le panneau Action, puis cliquer sur le bouton Enregistrer le brouillon pour stocker vos modifications.

Vous pouvez désormais copier le lien de prévisualisation et le partager avec d’autres personnes pour obtenir un retour d’information.

D’autre part, l’option Planifier vous permet de publier vos modifications à une date et une heure précises. Vous pouvez utiliser cette option pour planifier la mise en direct des modifications de votre thème au moment où vous recevez le moins de trafic.

Dernier point, si vous souhaitez réinitialiser les modifications non publiées, vous pouvez cliquer sur le lien Rejeter les modifications dans le panneau Action.

Prévisualisation de différents thèmes sans En direct

Il arrive que vous souhaitiez vérifier l’aspect d’un nouveau thème sur votre site. Cependant, vous ne voulez pas les activer sur votre site direct.

Dans ce cas, vous pouvez ouvrir l’Outil de personnalisation de WordPress pour tester de nouveaux thèmes sans les mettre en direct.

Dans le panneau de l’Outil de personnalisation, vous trouverez le nom de votre thème activé et le bouton Modifier.

Si vous cliquez sur ce bouton, WordPress affichera tous les thèmes installés sur le côté droit de la page.

Pour vérifier un thème particulier, vous devez cliquer sur le bouton de Prévisualisation directe.

Vous pouvez également prévisualiser les thèmes à partir du Dépôt de thèmes de WordPress. Pour ce faire, vous devez sélectionner la case à cocher « WordPress.org themes » dans le panneau de gauche.

Cela affichera les thèmes du répertoire WordPress.org. Vous pouvez cliquer sur le bouton « Installer et Prévisualiser » pour vérifier le thème qui vous plaît.

Vous pouvez également filtrer les thèmes en cliquant sur le bouton Filtrer les thèmes qui se trouve dans le coin supérieur droit de votre écran.

Note : Nous recommandons d’utiliser un site WordPress staging pour tester les nouveaux thèmes au lieu d’utiliser le personnalisateur sur un site direct.

Importer ou exporter les réglages de l’Outil de personnalisation du thème

Saviez-vous que vous pouviez importer et exporter les Réglages du personnalisateur de votre thème ?

Ceci est extrêmement utile lorsque vous apportez des modifications à votre thème sur votre serveur local ou sur un site de staging. Au lieu de copier manuellement les réglages sur votre site direct, vous pouvez simplement exporter les réglages du personnalisateur de thème pour enregistrer votre temps.

Pour des instructions détaillées, vous pouvez suivre notre guide sur la façon d’importer et d’exporter les réglages du personnalisateur de thème dans WordPress.

Alternatives à l’Outil de personnalisation du thème WordPress

Bien que l’Outil de personnalisation de WordPress vous permette d’apporter des modifications à votre site, le nombre de commandes varie en fonction du thème que vous utilisez.

Et si vous aimez votre thème, mais que vous aimeriez qu’il ait des options de personnalisation supplémentaires ?

Dans ce cas, la meilleure solution consiste à utiliser l’une des trois extensions de personnalisation qui fonctionnent parallèlement au personnalisateur de thème de WordPress.

SeedProd

SeedProd est le meilleur constructeur de sites WordPress par glisser-déposer. Vous pouvez utiliser SeedProd pour créer facilement des thèmes WordPress personnalisés et des mises en page sans modifier aucun code.

SeedProd propose des centaines de mises en page prédéfinies pour les pages d’atterrissage, les pages de vente, les pages d’inscription aux webinaires, les pages « coming soon », les pages en mode maintenance, et bien plus encore.

La personnalisation est facile avec des blocs prêts à l’emploi comme les formulaires d’optin, les profils sociaux, les boutons, les comptes à rebours, les formulaires de contact, et plus encore.

Vous pouvez également définir des jeux de couleurs, enregistrer des combinaisons de polices et réutiliser des pages et des éléments de page afin de ne pas avoir à les créer à nouveau.

Constructeur de thème Thrive

Thrive Theme Constructeur est une autre extension populaire de construction de thème par glisser-déposer pour WordPress. Vous pouvez l’utiliser pour créer facilement un thème WordPress personnalisé, sans codage nécessaire.

Il est livré avec quatre modèles de thèmes différents prêts à l’emploi pour vous permettre de démarrer rapidement. Chaque modèle de thème comprend une variété de pages prédéfinies que vous pouvez ajouter à votre site.

Vous pouvez modifier chaque partie de votre thème, y compris l’en-tête, le pied de page, les publications de blog, les pages de catégorie et plus encore, simplement en pointant et en cliquant.

De plus, il y a plus de 100 éléments de conception et de construction de sites que vous pouvez rapidement ajouter à votre thème en les faisant glisser et en les mettant en place.

La bannière d’accroche CSS

CSS Hero est une extension WordPress qui vous permet de personnaliser votre site sans écrire une seule ligne de code. Vous avez la liberté de styliser chaque élément de votre site sans aucune difficulté.

Voulez-vous personnaliser la page de connexion de votre site WordPress? CSS Hero vous permet de le faire en quelques minutes.

Vous pouvez également modifier et prévisualiser les modifications dans l’interface publique pour vous assurer que votre design est parfait sur tous les appareils.

Constructeur Beaver

Beaver Constructeur est un autre des meilleurs constructeurs de pages pour WordPress. Il vous permet de construire des pages étonnantes pour votre site à l’aide d’une interface glisser-déposer.

La meilleure partie est que Beaver Constructeur fonctionne avec presque tous les thèmes WordPress. Cela vous permet de l’utiliser avec votre thème actuel.

Beaver Constructeur supporte l’utilisation de codes courts et de widgets. Il propose également différents types de modules que vous pouvez utiliser pour styliser facilement votre site. Consultez notre guide sur la création de mises en page personnalisées sur WordPress pour obtenir des instructions détaillées.

Nous espérons que ce guide vous a aidé à apprendre à utiliser l’Outil de personnalisation du thème WordPress comme un pro. Vous pouvez également consulter notre guide sur la façon de créer une page personnalisée dans WordPress, ou nos choix d’experts des meilleures extensions et outils WordPress pour votre site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.