Comment utiliser le personnalisateur de thème WordPress

Choisir un thème WordPress parfaitement adapté à la marque n'est que le début de la création d'un site Web personnalisé. WordPress dispose d'un personnalisateur de thème intégré, vous permettant de modifier la conception et le style de votre site et de les prévisualiser ( avant de les publier en direct) en temps réel. Même le plus grand thème de site Web peut utiliser des améliorations pour l'adapter parfaitement à vos besoins. Passons en revue le personnalisateur WordPress en détail, de la façon d'y accéder à tout ce qu'il peut faire pour vous.

Abonnez-vous à notre chaîne Youtube

Où se trouve le personnalisateur de thème WordPress ?

Chaque site Web WordPress est livré en standard avec le personnalisateur de thème. Pour y accéder, connectez-vous à votre tableau de bord d'administration WordPress, puis accédez à Apparence > Personnaliser, que vous pouvez trouver dans la barre latérale gauche. Cela ouvre le personnalisateur pour votre thème actuel. (Lorsque vous souhaitez quitter le personnalisateur, cliquez sur le X dans le coin supérieur gauche.)

Quel que soit le thème que vous utilisez, il y a toujours les mêmes panneaux de base par défaut dans le personnalisateur. Et c'est également là que d'autres thèmes avancés et personnalisés ajouteront leurs propres options, ce qui vous permettra d'apporter plus facilement des modifications à partir d'un seul endroit.

Quelles sont les fonctionnalités et fonctions du personnalisateur ?

Une fois que vous avez ouvert le personnalisateur, vous verrez les options de personnalisation sur la gauche de l'écran et l'aperçu de votre site Web sur la droite. N'oubliez pas que cet aperçu n'est pas ce à quoi il ressemble en direct ; à la place, il est ce que votre site ressemblera une fois que les changements ont été publiés.

Pour apporter des modifications à l'aide du personnalisateur, cliquez sur le panneau individuel sur lequel vous souhaitez travailler. Ou, cliquez sur l'icône du crayon bleu pour ouvrir les paramètres de cet élément si l'icône est présente (seuls certains éléments l'auront).

Nous allons maintenant passer en revue les différentes fonctionnalités et paramètres du personnalisateur de thème WordPress que vous pouvez choisir.

Personnalisation du titre, du logo et du favicon

Dans le panneau Identité du site, vous pouvez mettre à jour le titre, le slogan, le logo et le favicon. Les directions sont assez claires dans ce panneau. Par exemple, pour télécharger un logo ou un favicon, choisissez les options Sélectionner le logo ou Sélectionner l'icône du site.

Voici quelques choses à savoir :

• Le titre du site apparaîtra en haut de votre site Web dans la section d'en-tête principale.
• Si vous ne mettez pas à jour ou ne supprimez pas le slogan, votre site Web utilisera la valeur par défaut de WordPress : « Just Another WordPress Site ».
• Seuls certains thèmes prennent en charge les logos. Vous pouvez ajouter votre logo dans ce panneau mais ne pas le voir sur votre site Web, ce qui signifie probablement que votre thème ne les prend pas en charge.
• La favicon, appelée « icône de site » sur WordPress, apparaît dans les barres de favoris, les onglets du navigateur et les applications mobiles.

Ajouter (ou masquer) une image d'en-tête

Vous pouvez voir un panneau Image d'en-tête dans le personnalisateur si votre thème prend en charge les images d'en-tête. Habituellement, ce panneau vous donnera des informations sur la meilleure taille à utiliser pour votre en-tête. Une fois que vous avez téléchargé votre image d'en-tête sur WordPress, vous pouvez la recadrer à la bonne taille pour le meilleur affichage possible. C'est également là que vous pouvez choisir Masquer l'image si vous préférez ne pas en avoir du tout.

Modification du schéma de couleurs du site Web

Le panneau Couleurs vous permet de modifier le schéma de couleurs de votre site Web. Le thème WordPress que vous utilisez affectera les commandes qui vous sont disponibles ici, ce qui signifie que tous les thèmes n'ont pas des options de couleurs infinies. Par exemple, vous pourrez peut-être changer la couleur du texte de l'en-tête, mais pas grand-chose d'autre. Vous pouvez également sélectionner des couleurs pour chaque élément du site, comme l'arrière-plan, le corps du texte, les en-têtes et les liens.

Conseil de pro : si vous n'obtenez pas le contrôle des couleurs souhaité dans le panneau de personnalisation des couleurs, vous pouvez effectuer des mises à jour personnalisées dans l'éditeur de blocs. Chaque bloc peut avoir ses propres paramètres de couleur, vous donnant un contrôle sur votre thème que vous n'obtiendrez peut-être pas dans le personnalisateur de thème WordPress. Lorsque vous êtes dans le bloc que vous souhaitez modifier, cliquez sur Paramètres de couleur sur la droite.

Modification des polices par défaut du site Web

Si vous voyez un panneau Typographie disponible dans le personnalisateur, cela signifie que votre thème vous permet de modifier les options de police par défaut. S'il n'y a pas assez d'options parmi lesquelles choisir, cela signifie généralement que votre thème ne permet pas de modifier les polices par défaut. Cependant, vous n'êtes pas malchanceux. Vous pouvez utiliser un plugin dédié ou ajouter un CSS personnalisé pour modifier les styles de typographie de votre site.

Sélection des paramètres de la page d'accueil

Votre site Web WordPress affichera les articles de blog sur la page d'accueil par défaut, mais cela est facile à modifier si vous préférez plutôt une page d'accueil statique. Sur une page d'accueil statique, vous pouvez ajouter tout contenu que vous souhaitez y conserver dans un avenir prévisible, comme une copie de bienvenue, des liens vers des produits ou des pages spécifiques, des témoignages mis en évidence, etc.

Si vous souhaitez afficher une page statique au lieu de vos récents articles de blog sur la page d'accueil, sélectionnez Une page statique dans le panneau Paramètres de la page d'accueil. Un menu déroulant apparaîtra et vous pourrez sélectionner la page que vous souhaitez utiliser comme page d'accueil. Vous pourrez également sélectionner votre page de blog dans la liste déroulante sous Page des articles.

Si vous n'avez pas de pages que vous souhaitez utiliser pour votre page d'accueil ou votre blog, vous pouvez choisir + Ajouter une nouvelle page dans les menus déroulants pour les créer. Vous pouvez créer une page vierge et la nommer comme vous le souhaitez, puis y revenir plus tard pour personnaliser les pages. Si vous n'avez pas encore de pages publiées, vous devrez d'abord en créer une en allant dans Tableau de bord > Pages > Ajouter une nouvelle. Ce n'est qu'alors que vous verrez le panneau Paramètres de la page d'accueil dans le personnalisateur.

Définir vos options de contenu

Si votre thème a un panneau Options de contenu, vous aurez un contrôle supplémentaire sur la façon dont votre contenu apparaît sur les différentes pages du site Web. Bien que chaque thème ait ses propres options de contenu (le cas échéant), voici quelques options courantes que vous pouvez voir :

• Biographie de l'auteur : activez ou désactivez l'affichage de votre biographie sur les articles de blog.
• Affichage du blog : choisissez d'afficher un extrait d'article de blog ou l'article complet.
• Images en vedette : décidez où les images en vedette s'afficheront, comme sur les articles ou les pages de blog.
• Détails de la publication : décidez des détails à afficher sur chaque publication, tels que l'auteur, les catégories, la date et/ou les balises.

Source : WordPress.com

Si vous ne voyez pas de panneau Options de contenu, vous pouvez accéder à certains de ces contrôles ailleurs dans WordPress. Par exemple, vous pouvez choisir d'afficher le texte intégral ou un résumé de vos articles de blog en allant dans Tableau de bord > Paramètres > Lecture.

Création de menus de navigation

Dans le panneau Menus, vous pouvez créer différents menus de navigation et choisir leur emplacement sur votre site. C'est également là que vous pouvez trouver les menus de navigation existants que vous pouvez laisser tels quels, mettre à jour ou supprimer.

Pour déterminer où les différents menus de navigation peuvent aller, choisissez l'option Afficher tous les emplacements, qui vous montrera les emplacements des menus pris en charge par le thème. Vous pouvez également ajouter un widget Menu de navigation pour l'afficher dans l'une des zones de widgets de votre site. C'est une bonne idée de jouer avec tout cela avant de créer un menu afin que vous puissiez planifier où ira le vôtre.

Pour créer un nouveau menu de navigation, sélectionnez Créer un nouveau menu. Ensuite, nommez le menu. Le nom n'apparaîtra pas sur votre site Web ; c'est juste là pour que vous puissiez mieux gérer vos menus de navigation lorsque vous personnalisez votre site. Ensuite, vous choisirez le menu de localisation. Lorsque vous avez terminé, cliquez sur Suivant.

Il est maintenant temps d'ajouter des liens au menu. Choisissez Ajouter des éléments, ce qui ouvrira un nouveau panneau. C'est ici que vous pouvez ajouter des catégories, des liens, des pages, des articles et des balises à votre menu. Lorsque vous avez terminé d'ajouter tout ce que vous voulez au menu, sélectionnez Réorganiser pour les organiser comme vous le souhaitez.

Conseil de pro : si vous savez que vous voulez que toutes vos pages de niveau supérieur se trouvent dans un menu de navigation spécifique, comme celui qui restera dans votre barre latérale, vous pouvez cocher Ajouter automatiquement de nouvelles pages de niveau supérieur et éviter de les ajouter manuellement à chaque fois. vous créez une nouvelle page de haut niveau.

Personnalisation des widgets de site Web

Dans le panneau Widgets, vous pouvez ajouter, gérer et supprimer les widgets de votre site. Il existe toutes sortes de widgets que vous pouvez choisir d'utiliser sur votre site, comme Calendrier, Galerie et Recherche.

Tout d'abord, vous verrez les emplacements des widgets disponibles. Différents thèmes auront différentes options d'emplacement et de widget. Certains thèmes n'ont que les bases, comme les zones de widgets de pied de page et de barre latérale, tandis que d'autres thèmes ont plus d'options de placement de widgets. En cliquant sur un emplacement, vous verrez les widgets que vous y avez (s'il y en a) et vous pourrez apporter les modifications que vous souhaitez.

Pour ajouter un nouveau widget, sélectionnez un emplacement, puis choisissez Ajouter un widget. Un panneau s'ouvrira pour vous montrer les widgets disponibles pour votre site à cet endroit. Cliquez sur un pour l'ajouter, puis ajustez les paramètres et effectuez des mises à jour dans le widget. Vous pouvez également faire glisser le widget pour modifier sa position dans l'emplacement.

Ajout de CSS personnalisé

Si vous souhaitez ajouter un CSS personnalisé à votre site Web pour y apporter des modifications supplémentaires, vous pouvez utiliser le panneau CSS supplémentaire. Cela vous permet d'apporter des modifications personnalisées à votre site sans modifier directement le fichier style.css, ce qui signifie que c'est un moyen plus sûr d'essayer et de finaliser les modifications, ce qui en fait une option idéale pour les utilisateurs modérément avertis en technologie. De plus, en utilisant le panneau CSS personnalisé, vous pourrez voir les changements en temps réel avant la publication (comme avec le reste du personnalisateur).

Encore plus d'options de personnalisation

Comme nous l'avons mentionné précédemment, les thèmes WordPress avancés et personnalisés peuvent être accompagnés d'options de personnalisation supplémentaires, auxquelles vous pourrez également accéder dans la même zone que les fonctionnalités ci-dessus. Des personnalisations supplémentaires peuvent inclure l'ajout d'une image d'arrière-plan, l'ajout d'images d'en-tête changeant de manière aléatoire, le choix d'une mise en page différente, etc. Et si vous souhaitez ajouter une fonctionnalité qui n'est pas une option, vous pourrez peut-être obtenir cette fonctionnalité avec WordPress plugins.

Prévisualisez vos modifications sur différentes résolutions d'écran

Maintenant que vous avez apporté toutes les modifications souhaitées à votre site Web, il est temps de voir à quoi il ressemblera en direct sur différentes résolutions d'écran - encore une fois, avant de le publier en direct. Au bas du personnalisateur, vous verrez un lien Masquer les contrôles, et à droite de celui-ci, trois icônes d'écran. Ces icônes vous permettent de voir à quoi ressemblera votre site sur un ordinateur de bureau, une tablette et un appareil mobile. Lors de l'affichage en mode bureau, cliquer sur ce lien Masquer les contrôles vous donnera un aperçu complet et correct de votre site sans que le panneau de personnalisation ne s'affiche.

Publication des mises à jour de votre site Web

Aimez-vous ce que vous voyez? Lorsque vous avez terminé d'apporter des modifications à votre site Web, il est temps de les publier – ou prévoyez de les publier. Pour appliquer les modifications immédiatement, cliquez sur le bouton Publier. N'oubliez pas que cela publiera en fait vos modifications en direct, et pas seulement en tant que brouillon.

Si vous n'êtes pas encore prêt à publier vos modifications, vous pouvez les enregistrer en tant que brouillon pour les publier ultérieurement. (Assurez-vous de faire au moins cela, cependant. Sinon, vous pourriez perdre toutes les modifications sur lesquelles vous avez travaillé si dur.) Pour enregistrer vos modifications sans publier, cliquez sur l'icône d'engrenage à droite du bouton Publier. Dans le panneau d'action qui s'ouvre, vous pouvez sélectionner Publier, Enregistrer le brouillon ou Planifier. Si vous ne savez pas quand vous serez prêt à publier les modifications, cliquez sur Enregistrer le brouillon.

Conseil de pro : enregistrer un brouillon de vos modifications pour continuer à travailler dessus à l'avenir ? Vous pouvez partager un lien d'aperçu du site Web révisé et non publié, ce qui est un excellent moyen d'obtenir des commentaires sur votre travail.

Si vous savez que vous souhaitez que les modifications soient mises en ligne à une date (et une heure) spécifiques, cliquez sur Planifier. Vous pouvez également partager un lien d'aperçu à partir du panneau Planification.

Conseil de pro : programmez les modifications pour qu'elles soient mises en ligne à un moment où le trafic est faible, comme au milieu de la nuit. De cette façon, si quelque chose ne va pas, vous n'aurez pas d'impact sur tous ceux qui visitent votre site, et vous aurez le temps de le réparer avant que le trafic ne reparte.

Tester de nouveaux thèmes à l'aide du personnalisateur

Voici quelque chose que beaucoup de propriétaires de sites Web ne savent pas : vous pouvez également utiliser le personnalisateur pour apporter des modifications à un thème installé et inactif. Cela signifie que vous pouvez personnaliser un thème avec lequel vous souhaitez jouer ou que vous pouvez utiliser plus tard (ou pour un autre site Web).

Accédez au personnalisateur et recherchez le thème actif. Cliquez sur le bouton Modifier. Vous verrez tous vos thèmes installés sur la droite. Pour voir à quoi ressemblera un thème s'il est activé pour votre site, cliquez sur Aperçu en direct. Cela ouvrira le personnalisateur et vous pourrez apporter des modifications comme vous le feriez avec un thème activé.

Vous voulez voir d'autres thèmes que vous n'avez pas installés mais qui sont disponibles sur WordPress ? Cochez la case à droite des thèmes WordPress.org. Pour filtrer par spécificités, choisissez Filtrer les thèmes en haut à droite. Lorsque vous trouvez un thème que vous souhaitez essayer, sélectionnez Installer et prévisualiser.

Emballer

Le personnalisateur WordPress est si facile à utiliser que vous pouvez facilement parcourir toutes les mises à jour de votre site en un après-midi ou un week-end. Et si votre thème spécifique a des options supplémentaires, vous trouverez qu'il est facile de comprendre comment les utiliser puisque vous savez déjà comment gérer les fonctionnalités de base du personnalisateur. De plus, avec des fonctionnalités intelligentes telles que le partage de liens d'aperçu, l'enregistrement des modifications dans un brouillon et la planification des mises à jour, vous pouvez également obtenir les commentaires dont vous avez besoin et espacer vos mises à jour comme bon vous semble.

Prêt à concevoir votre site Web sur mesure? Vous pouvez également consulter notre article sur l'utilisation du personnalisateur de thème Divi.

Image en vedette via Creative Shell / shutterstock.com