Personnalisation thème WordPress : guide étape par étape

La personnalisation d’un thème WordPress commence dans le menu Apparence de votre tableau de bord. Selon le thème installé, vous pouvez modifier les couleurs, le logo, les polices et la mise en page avec l’outil de personnalisation ou l’éditeur de site. Pour aller plus loin, un constructeur de pages ou un thème enfant peut être utile.

Choisir et installer un thème WordPress adapté

Le thème détermine une grande partie de l’apparence de votre site et les options disponibles pour le modifier. Avant de le choisir, définissez votre besoin : blog, site vitrine, boutique en ligne ou portfolio. Vérifiez que ses modèles et ses réglages correspondent à l’usage prévu.

Les thèmes gratuits et premium ne proposent pas tous les mêmes fonctions. Consultez leur description, leur aperçu et les informations sur leurs mises à jour. Un thème suivi par son développeur est plus susceptible de recevoir des corrections et de rester compatible avec WordPress.

Pour installer un thème depuis votre administration :

1. Allez dans Apparence > Thèmes, puis cliquez sur Ajouter un thème.
2. Recherchez un thème et consultez son aperçu ou ses informations.
3. Cliquez sur Installer, puis sur Activer lorsque vous êtes prêt à l’utiliser.

Si vous disposez d’un fichier de thème au format ZIP, l’écran d’ajout permet aussi de le téléverser. Sur un site existant, prévoyez une sauvegarde et vérifiez le résultat avant de remplacer le thème actif : les menus, les widgets et certaines mises en page peuvent nécessiter des ajustements.

Pour approfondir cette étape, consultez notre guide pour choisir un thème WordPress.

Modifier l’apparence depuis WordPress

Les menus disponibles dépendent du thème actif. Un thème classique propose généralement Apparence > Personnaliser. Un thème à blocs utilise plutôt Apparence > Éditeur, qui permet de modifier les styles et les modèles du site.

Couleurs, fond, polices et logo

Dans l’outil de personnalisation, parcourez les rubriques proposées par le thème et utilisez l’aperçu pour contrôler vos modifications avant de les publier. Vous pouvez notamment rechercher :

• les couleurs du texte, des liens ou de l’arrière-plan ;
• l’image de fond ou d’en-tête ;
• les réglages de typographie, si le thème les propose ;
• l’identité du site, pour ajouter un logo ou modifier son titre.

Avec le thème classique Twenty Seventeen, par exemple, la couleur d’arrière-plan se règle dans Apparence > Personnaliser > Couleurs et l’image d’en-tête dans Apparence > Personnaliser > Image d’en-tête. Les intitulés peuvent être différents avec un autre thème.

Dans l’éditeur de site, ouvrez les Styles pour ajuster les couleurs et la typographie disponibles. Le logo peut être ajouté ou modifié dans le modèle approprié, à l’aide du bloc Logo du site.

Menus et widgets

Les menus de navigation et les zones de widgets dépendent également du thème. Avec un thème classique, recherchez Apparence > Menus et Apparence > Widgets, ou les options correspondantes dans l’outil de personnalisation. Avec un thème à blocs, la navigation se modifie généralement dans l’éditeur de site.

Après chaque changement, vérifiez l’en-tête, le pied de page et les pages principales. Contrôlez aussi l’affichage sur un écran étroit : un logo trop large ou un menu chargé peut gêner la navigation sur mobile.

Personnaliser les pages avec un constructeur

Un constructeur de pages permet de composer des mises en page par glisser-déposer, sans modifier directement le code. Elementor et Divi proposent notamment des éléments tels que des boutons, des formulaires ou des carrousels d’images, ainsi que des réglages de style.

Pour ajouter un bouton avec Elementor :

1. Installez et activez Elementor, puis allez dans Pages > Toutes les pages.
2. Ouvrez la page souhaitée et cliquez sur Modifier avec Elementor.
3. Ajoutez un conteneur ou une section, puis faites glisser le widget Bouton à l’emplacement voulu.
4. Réglez le texte et le lien du bouton, puis adaptez sa couleur et sa taille.
5. Prévisualisez la page et enregistrez vos modifications.

Vérifiez que le lien mène à la bonne destination et que le bouton reste lisible sur mobile. Les options et leur emplacement peuvent varier selon l’outil et la configuration du site.

Un constructeur modifie principalement le contenu et la mise en page des zones qu’il prend en charge. Pour les éléments communs à tout le site, comme l’en-tête ou le pied de page, vérifiez les possibilités de votre thème et du constructeur choisi. Vous pouvez également personnaliser l’éditeur WordPress pour adapter votre façon de travailler sur les contenus.

Ajouter du CSS ou créer un thème enfant

Le CSS permet d’ajuster l’apparence d’un élément lorsque les réglages du thème ne suffisent pas. Selon votre configuration, une zone CSS additionnel peut être disponible dans l’outil de personnalisation ou dans les réglages de styles de l’éditeur de site. Faites des modifications limitées, puis vérifiez leur effet sur les différentes pages et tailles d’écran.

Pour modifier des fichiers du thème, notamment du PHP ou des modèles, utilisez plutôt un thème enfant. Il hérite du thème parent et permet de conserver vos fichiers personnalisés lors des mises à jour de ce dernier. Ce n’est pas une copie complète du thème : le parent doit rester installé.

Sa création consiste notamment à :

1. Créer un dossier pour le thème enfant dans le répertoire des thèmes.
2. Ajouter un fichier style.css contenant les informations qui identifient le thème enfant et son parent.
3. Ajouter, si nécessaire, un fichier functions.php pour charger les styles ou les fonctionnalités utiles.
4. Tester le thème enfant avant de l’activer sur le site en production.

Les détails dépendent du thème parent. Suivez la documentation officielle sur la création de thèmes enfants et conservez une sauvegarde avant d’intervenir sur les fichiers.

Vérifier les modifications et corriger les problèmes

Une fois vos réglages enregistrés, parcourez votre site comme un visiteur. Vérifiez les couleurs, les polices, le logo, les menus et les liens sur les pages principales. Comparez aussi le résultat sur ordinateur et sur mobile.

Si une modification ne s’affiche pas comme prévu, vérifiez d’abord qu’elle a bien été publiée et que vous travaillez sur le thème actif. Un cache peut également conserver une ancienne version de la page : videz-le si votre site utilise un système de cache, puis rechargez la page.

En cas de difficulté persistante, consultez les pistes pour résoudre les problèmes de personnalisation de thème. Si vous devez annuler des changements, notre guide explique comment restaurer un site WordPress à partir d’une sauvegarde.

Questions fréquentes

Article rédigé avec l’aide d’une IA à partir des sources citées et de notre pratique de la maintenance WordPress. Notre méthode éditoriale.