Ce que fait cette page

Le gestionnaire de thème vous permet de contrôler l'apparence de votre site Web. Vous pouvez basculer instantanément entre différents styles de couleurs, créer des thèmes personnalisés pour votre marque ou construire plusieurs thèmes pour différentes occasions. Pensez aux thèmes comme des "looks" complets pour votre site - chacun a ses propres couleurs, polices et style que vous pouvez changer en un seul clic.

[Screenshot: page-overview]

Comment arriver ici

Naviguez vers Panneau d'administration > Gestionnaire de modèles > Thèmes

Comprendre la page

Lorsque vous ouvrez le gestionnaire de thèmes, vous verrez tous vos thèmes affichés sous forme de cartes ou dans une table (vous pouvez basculer entre ces vues). En haut de la page, vous trouverez des boutons pour créer de nouveaux thèmes ou importer des thèmes d'autres installations.

Statistiques et actions rapides

En haut, vous verrez :

• Importation bouton - Apporter des thèmes d'autres sites ou sauvegardes
• Nouveau thème bouton - Créer un nouveau thème à partir de zéro

Onglets de navigation

En dessous de l'en-tête, il y a neuf onglets pour différents outils de gestion de gabarit. Les Thèmes l'onglet est surligné lorsque vous êtes sur cette page. Les autres onglets vous permettent de gérer les fichiers, les fonctionnalités, les styles, les mises en page, les traductions, les médias et votre base de données.

Zone d'affichage thématique

La zone principale montre tous vos thèmes. Chaque thème affiche :

• Une image de prévisualisation (ou une icône de palette si aucune image n'est définie)
• Nom et description du thème
• Numéro de version et nom de l'auteur
• Insignes montrant si le thème est "Active" (actuellement en direct sur votre site) ou "Défaut" (le thème de repli)
• Boutons d'action pour travailler avec le thème

Options d'affichage

Vous pouvez basculer entre deux façons de visualiser vos thèmes :

• Affichage de la grille - Affiche les thèmes comme des cartes visuelles avec des images de prévisualisation. Idéal pour naviguer et obtenir un aperçu rapide de chaque thème.
• Affichage de la liste - Affiche les thèmes dans un tableau détaillé. Mieux quand vous avez besoin de voir les numéros de version et les auteurs en un coup d'oeil.

Tâches communes

Comment créer un nouveau thème

Créer un nouveau thème est votre première étape pour personnaliser l'apparence de votre site.

1. Cliquez sur le Nouveau thème bouton en haut de la page.
2. Dans la fenêtre contextuelle qui apparaît, remplissez les détails :

• Nom du thème - Donnez à votre thème un nom mémorable comme « Thème de vente d'été » ou « Mode nuit foncée »
• Version - Il est prérempli avec "1.0.0" mais vous pouvez le changer si nécessaire
• Auteur - Entrez votre nom ou votre nom d'entreprise
• Désignation des marchandises - Écrivez une brève note sur ce thème
• Thème de base - Si vous voulez commencer par les paramètres d'un autre thème, choisissez-en un dans cette liste. Sinon, laissez-le comme "Démarrer de zéro"

1. Cliquez sur Créer un thème.

Votre nouveau thème apparaît dans la grille. Il ne sera pas encore en direct sur votre site - vous devrez l'activer séparément.

[Screenshot: créer-thème-modal]

Comment activer un thème

Activer un thème le rend en direct sur votre site Web pour tous les visiteurs à voir.

1. Trouvez le thème que vous voulez activer dans la grille ou la liste.
2. Cliquez sur le vert Activer bouton.
3. Un message de confirmation apparaît demandant si vous êtes sûr. Cliquez sur Très bien..
4. La page se recharge automatiquement après un instant.

Le thème que vous avez activé montre maintenant un badge vert "Active", et votre site Web utilise immédiatement les couleurs et le style de ce thème.

[Screenshot: active-thème-bouton]

Comment modifier les couleurs et les paramètres des thèmes

Une fois que vous aurez créé un thème, vous voudrez personnaliser ses couleurs, polices et autres éléments visuels.

1. Trouvez votre thème dans la grille ou la liste.
2. Cliquez sur le gris Modifier bouton (icône de crayon).
3. La page change pour afficher l'éditeur de thème.

Pour modifier l'information de base :

• Modifier les champs Nom de thème, Version, Auteur ou Description en haut.
• Cliquez sur Enregistrer les modifications Quand vous aurez fini.

Pour changer de couleur :

• Faites défiler vers le bas à la section « Paramètres de thème ».
• Trouvez la couleur que vous voulez changer (comme « Couleur primaire » ou « Page Background »).
• Cliquez sur le carré coloré à côté du nom du paramètre.
• Le sélectionneur de couleurs de votre navigateur s'ouvre - choisissez votre nouvelle couleur.
• Le changement enregistre automatiquement - vous verrez un message de confirmation dans le coin inférieur droit.

Pour modifier les polices ou les tailles :

• Trouvez le paramètre que vous souhaitez modifier dans la section Paramètres de thème.
• Saisissez votre nouvelle valeur directement dans la zone de texte.
• Cliquez à l'extérieur de la boîte ou appuyez sur Tab pour enregistrer.
• Un message de confirmation apparaît lorsque le changement est enregistré.

1. Lorsque vous avez terminé l'édition, cliquez sur Retour aux thèmes en haut pour revenir à la liste principale.

[Screenshot: éditer-thème-panel]

Comment faire des changements apparaissent sur votre site Web

Après avoir modifié les paramètres du thème, vous devez générer un fichier CSS pour que ces modifications apparaissent sur votre site en direct.

1. Lors de l'édition d'un thème, cliquez sur Générer des CSS bouton.
2. Un fichier nommé themevariables.css téléchargements sur votre ordinateur.
3. Placez ce fichier dans le dossier thématique de votre site Web à : themes/{theme-name}/css/variables.css

Votre site Web frontend affiche maintenant les couleurs et le style mis à jour.

Comment cloner un thème

Cloning crée une copie exacte d'un thème, qui est parfait pour créer des variations sans affecter votre original.

1. Trouvez le thème que vous voulez copier.
2. Cliquez sur le Clone bouton (icône de recouvrement des carrés).
3. Un popup apparaît avec un nom suggéré comme "Mon thème (Copier)".
4. Changez le nom si vous voulez quelque chose de différent.
5. Cliquez sur Thème clone.
6. La page recharge et votre nouveau thème copié apparaît dans la liste.

Le nouveau thème a toutes les mêmes couleurs et paramètres que l'original. Vous pouvez maintenant modifier la copie sans changer le thème original.

[Screenshot: clone-thème-modal]

Comment exporter un thème

Exporter enregistre votre thème comme un fichier que vous pouvez partager ou utiliser sur un autre site Web.

Cliquez sur Modifier sur le thème que vous voulez exporter. Cliquez sur le Thème d'exportation bouton.

1. Un fichier nommé themeYYYY-MM-DD.json téléchargements sur votre ordinateur.

Gardez ce fichier en sécurité - vous pouvez l'importer sur d'autres installations de votre logiciel ou l'utiliser comme sauvegarde.

Comment importer un thème

Importation apporte un thème d'une autre installation ou d'un fichier de sauvegarde.

1. Cliquez sur le Importation bouton en haut de la page.
2. Ouvrez le fichier JSON que vous voulez importer dans un éditeur de texte.
3. Copiez tout le texte du fichier.
4. Collez-le dans la grande boîte de texte de la fenêtre d'importation.
5. Cliquez sur Thème d'importation.

Si l'importation réussit, le nouveau thème apparaît dans votre liste de thèmes. Si elle échoue, vous verrez un message d'erreur expliquant ce qui s'est mal passé.

[Screenshot: import-theme-modal]

Comment supprimer un thème

Suppression supprime définitivement un thème de votre système.

1. Trouvez le thème que vous voulez supprimer.
2. Cliquez sur le rouge Supprimer bouton (icône de corbeille).
3. Un message de confirmation apparaît. Cliquez sur Très bien. Si vous êtes sûr.
4. Le thème est supprimé immédiatement.

Affichage des modes

Le gestionnaire de thème offre deux façons de visualiser vos thèmes, et vous pouvez les changer à tout moment.

Affichage de la grille montre des thèmes comme des cartes avec des images de prévisualisation. C'est la vue par défaut et il est facile de naviguer visuellement. Vous pouvez voir en un coup d'oeil à quoi ressemble chaque thème et rapidement repérer celui que vous voulez.

Affichage de la liste présente les thèmes sous forme de tableau avec des informations détaillées en colonnes. Cette vue est meilleure lorsque vous devez comparer des numéros de version, voir qui a créé chaque thème, ou travailler avec de nombreux thèmes à la fois.

Pour changer de vue, cliquez sur l'icône de la grille ou sur les boutons de la liste en haut à droite de la zone d'affichage du thème.

Paramètres et options

Chaque thème a des paramètres qui contrôlent différents aspects de l'apparence de votre site:

Lorsque vous modifiez un thème, ces paramètres sont regroupés par catégorie pour les rendre plus faciles à trouver.

Conseils pour les nouveaux utilisateurs

Dépannage

Mes changements de thème ne sont pas affichés sur mon site

Ce que vous voyez : Vous avez changé de couleur dans l'éditeur de thème et activé le thème, mais votre site Web semble toujours le même.

Comment le réparer :

1. Assurez-vous de cliquer Générer des CSS après avoir apporté des changements.
2. Télécharger le produit theme_variables.css fichier.
3. Téléchargez-le sur votre site themes/{theme-name}/css/ dossier.
4. Effacer le cache de votre navigateur en appuyant sur Ctrl+Shift+R (Windows) ou Cmd+Shift+R (Mac).
5. Vérifiez que le thème correct est activé en cherchant le badge vert "Active".

Je ne peux pas supprimer un thème

Ce que vous voyez : Le bouton Supprimer n'apparaît pas sur un thème, ou cliquez sur Supprimer affiche une erreur.

Comment le réparer :

• Vous ne pouvez pas supprimer le thème qui est actuellement actif. Activer d'abord un thème différent, puis revenir et supprimer celui-ci.
• Vous ne pouvez pas supprimer le thème par défaut. Le thème par défaut est votre retour et doit toujours exister pour la stabilité du système.

Le bouton Importer ne fonctionnera pas

Ce que vous voyez : Cliquez sur Importer n'ouvre pas la fenêtre contextuelle, ou le bouton Importer est grisé.

Comment le réparer :

1. Vérifiez si vous voyez une bannière jaune en haut disant "Mode Demo" - si oui, vous êtes dans une démonstration et ne pouvez pas faire de changements.
2. Rafraîchir la page au cas où votre session aurait expiré.
3. Assurez-vous que votre navigateur ne bloque pas les popups du panneau d'administration.

Mes changements de couleur ne sont pas enregistrés

Ce que vous voyez : Vous choisissez une nouvelle couleur, voyez un message de succès, mais lorsque vous rechargez la page, l'ancienne couleur est de retour.

Comment le réparer :

1. Ouvrez les outils de développement de votre navigateur ( appuyez sur F12).
2. Regardez l'onglet Console pour tout message d'erreur en rouge.
3. Vérifiez l'onglet Réseau pour voir si la requête de sauvegarde a échoué.
4. Si vous voyez des messages "Mode Demo" dans les réponses réseau, vous êtes dans un mode de démonstration où les changements ne peuvent pas être enregistrés.
5. Essayez de vous déconnecter et de revenir dans - votre session peut avoir expiré.

L'importation affiche l'erreur "Données de thème invalides"

Ce que vous voyez : Vous avez collé les données de thème et cliqué sur Importer, mais a obtenu une erreur disant que les données sont invalides.

Comment le réparer :

1. Assurez-vous de copier l'intégralité du contenu du fichier JSON, à partir du premier { jusqu'au dernier }.
2. Vérifiez que le fichier est en fait une exportation de thème - il devrait avoir des champs comme "nom", "version" et "settings".
3. Coller le JSON dans un site Web valide comme jsonlint.com pour vérifier s'il est valide au format JSON.
4. Si quelqu'un vous a envoyé le fichier thème, demandez-leur de le réexporter car il y a peut-être eu un problème avec l'exportation originale.

Pages connexes

Dernière mise à jour: 4 février 2026