Comment utiliser la gestion des thèmes ?

La gestion des thèmes dans un CMS permet de gérer les fichiers de thème, le thème actif et les paramètres qui déterminent l'apparence de votre site web. Cette section vous permet de consulter les thèmes disponibles, d'activer un thème, d'examiner ses fichiers et de modifier ses paramètres de conception de base.

La gestion des thèmes est un aspect crucial du design visuel de votre site web. Par conséquent, la prudence est de mise, notamment lors du changement de thème, de la modification de fichiers ou de la mise à jour des paramètres de thème.

À quoi sert la gestion des thèmes ?

La gestion des thèmes (Webayt) est la section du CMS permettant de gérer l'infrastructure graphique de votre site web. Elle détermine le thème affiché, la modification des fichiers de thème et certains paramètres de couleur et de police.

Dans cette section, les opérations suivantes peuvent généralement être effectuées :

• Afficher les thèmes chargés dans le panneau
• Activation d'un thème
• Affichage du thème actif
• Utilisation temporaire du mode thème
• Gestion des fichiers de thème
• Modifier les paramètres du thème
• Mise à jour des variables de couleur et de police utilisées dans le thème.

Comment accéder à la page de gestion du thème ?

Pour accéder à la page de gestion du thème, vous pouvez cliquer sur le lien Gestion du thème dans le menu de gauche du panneau d'administration Webayt.

 Gestion des thèmes

Cette page contient deux onglets principaux : Thèmes et Paramètres du thème .

• Thèmes : Cette section répertorie les thèmes installés sur le panneau.
• Paramètres du thème : C’est ici que vous pouvez ajuster les paramètres généraux de police et de couleur disponibles dans le thème actif.

Comment utiliser l'onglet Thèmes ?

Dans l'onglet Thèmes , les dossiers de thèmes installés sur le système sont affichés sous forme de fiches. Chaque fiche de thème contient le nom et l'état du thème correspondant.

Le thème actif est généralement mis en évidence par une couleur ou un indicateur différent. Cela permet de voir facilement quel thème est actuellement utilisé sur votre site web.

Le menu de contrôle du thème est accessible via les fiches du thème. Selon l'état du thème, ce menu peut contenir des options telles que Activer et Gérer les fichiers .

Comment activer le thème ?

Pour activer le thème que vous souhaitez utiliser sur votre site web, vous pouvez utiliser l'option Activer du menu Actions de la fiche du thème correspondant.

Lorsqu'un thème est activé, l'interface publique de votre site web s'affiche selon la structure du thème sélectionné. Il est donc recommandé de vérifier que le thème choisi fonctionne correctement et est compatible avec la structure de votre site avant d'apporter des modifications.

Le thème actif est généralement indiqué en vert ou par une icône spécifique dans la liste des thèmes. Cela vous permet de voir rapidement quel thème est actuellement utilisé.

Qu'est-ce que le mode Thème ?

Dans certains cas, un thème spécifique peut être affiché pour votre session. Cette structure permet de tester ou d'examiner un thème particulier avant de le modifier pour l'ensemble du site.

Lorsque le mode thème est activé, une notification peut apparaître dans le panneau indiquant que le thème concerné est affiché exclusivement pour votre session. Dans ce cas, le thème ne sera visible que temporairement pour votre session et non pour tous les visiteurs.

Pour désactiver le mode thème, vous pouvez utiliser le bouton « Désactiver le mode thème » affiché à l’écran.

À quoi sert l'option « Gérer les fichiers » ?

L'option « Gérer les fichiers » permet d'afficher et de modifier l'arborescence des fichiers du thème. Cette section vous permet d'examiner les fichiers du thème ainsi que leur structure de dossiers.

Dans la fenêtre Gérer les fichiers, les dossiers du thème sont généralement affichés à gauche et le contenu du fichier sélectionné à droite. Cela permet de visualiser et de modifier directement les fichiers du thème depuis ce panneau.

Les types de fichiers suivants peuvent être visualisés dans cette zone :

• theme.json : Il s'agit du fichier de configuration général du thème.
• Ressources : Ce dossier contient les fichiers CSS, JS, images ou autres ressources similaires utilisés dans le thème.
• défini : Peut contenir des fichiers incluant du texte défini ou des valeurs système utilisées dans le thème.
• module : Ce dossier contient les fichiers d’apparence des modules de thème.
• Fichiers CSS : utilisés pour les couleurs du thème, les arrière-plans, la typographie et les paramètres d’apparence.
• Fichiers JS : utilisés pour les comportements interactifs au sein du thème.

Quels sont les éléments à prendre en compte lors de la modification des fichiers de thème ?

Les fichiers de thème peuvent avoir un impact direct sur l'apparence de votre site web. Il convient donc d'être prudent, notamment lors de la modification des fichiers HTML, CSS, JS ou de configuration du thème.

• Avant de modifier le fichier, assurez-vous de bien savoir ce que vous allez modifier.
• Évitez les modifications inutiles qui pourraient rompre la structure du code.
• Vérifiez que le fichier est le bon avant de l'enregistrer.
• Vérifiez l'interface utilisateur du site après avoir effectué des modifications CSS ou JS.
• Si nécessaire, sauvegardez le contenu du fichier avant d'effectuer toute modification.
• Si la mise en cache est utilisée, n'oubliez pas d'actualiser le cache concerné après avoir effectué des modifications.

Les modifications apportées aux fichiers du thème actif, en particulier, peuvent affecter instantanément l'apparence du site web. Par conséquent, toute modification de fichiers sur un site web en production doit être effectuée avec précaution.

À quoi sert l'onglet Paramètres du thème ?

L'onglet Paramètres du thème permet de modifier certaines variables de conception générales utilisées dans le thème actif.

Les valeurs de cet onglet peuvent être utilisées comme variables dans les thèmes. Cela permet de personnaliser la structure définie dans les fichiers du thème en fonction des paramètres de police et de couleur saisis dans le panneau.

La section Paramètres du thème comprend généralement les paramètres suivants :

• Sélection du thème : Affiche le thème actuellement sélectionné.
• Police : Permet de déterminer la famille de polices à utiliser sur le site.
• Couleur principale : Il s’agit de la couleur principale de la marque qui peut être utilisée sur l’ensemble du site.
• Couleur d'arrière-plan de l'en-tête : Peut être utilisée pour la couleur d'arrière-plan de l'en-tête du thème.
• Couleur d'arrière-plan du module : Permet de définir la couleur d'arrière-plan des modules.
• Couleur d'arrière-plan du module 2 : Peut être utilisée comme deuxième couleur d'arrière-plan dans certaines zones du thème.

Comment utiliser les paramètres de police ?

Le champ Police permet de spécifier les informations relatives à la police utilisable dans le thème. Par exemple, vous pouvez y saisir une définition de police telle que Arial ou sans-serif .

Si les fichiers du thème sont configurés pour utiliser cette valeur comme variable, la valeur de police saisie dans le panneau de contrôle peut être reflétée dans les zones concernées du site.

Lors de la saisie d'une valeur de police, il est recommandé d'utiliser une définition conforme à la structure actuelle des familles de polices CSS.

Comment utiliser les paramètres de couleur ?

Les schémas de couleurs situés dans la section Paramètres du thème servent à gérer les variables visuelles utilisées au sein du thème.

Par exemple, la couleur saisie dans le champ Couleur principale peut être appliquée aux boutons, liens, icônes ou zones d'accentuation du thème. De même, les couleurs d'arrière-plan de l'en-tête et des modules peuvent également affecter les éléments correspondants du thème.

Les valeurs de couleur sont généralement saisies au format HEX. Par exemple :

 #0F5B99
#ffffff
#f3f6fa

Lors du choix des couleurs, il convient de tenir compte de l'identité de marque du site web, de sa lisibilité et de l'expérience utilisateur.

Comment utiliser les paramètres de thème dans un thème ?

Les champs de police et de couleur de l'onglet « Paramètres du thème » sont utilisés comme variables dans les fichiers du thème. Cela permet au développeur du thème d'utiliser dynamiquement les valeurs saisies dans ce panneau.

Par exemple, si des valeurs telles que la couleur principale, la couleur d'arrière-plan de l'en-tête ou la couleur d'arrière-plan du module sont définies comme des variables dans les fichiers du thème, les modifications apportées dans le panneau peuvent se refléter dans les zones correspondantes du thème.

Cette structure permet de gérer certains paramètres de conception de base via le panneau, au lieu de modifier directement les fichiers du thème à chaque changement.

Que faire après la mise à jour des paramètres du thème ?

Après avoir effectué des modifications dans la section Paramètres du thème, vous devez enregistrer les paramètres en cliquant sur le bouton Enregistrer .

Il est recommandé de vérifier l'interface publique du site web après avoir effectué les modifications. Cela vous permettra de voir si les couleurs, la police et les autres variables du thème s'affichent correctement.

Si les modifications ne sont pas immédiatement visibles sur le site et que la mise en cache est utilisée, il peut être nécessaire d'actualiser la page ou le cache du site concerné.

Quels sont les points à prendre en compte lors de l'utilisation de la gestion de thèmes ?

La gestion des thèmes est un aspect crucial qui influe sur la structure visuelle d'un site web. Par conséquent, les processus mis en œuvre dans ce domaine doivent être planifiés avec soin.

• Vérifiez le thème actuel avant de modifier le thème actif.
• Si vous utilisez le mode thème, n'oubliez pas qu'il peut être spécifique à votre session.
• Veuillez noter que les modifications que vous apportez dans la section « Gérer les fichiers » peuvent affecter l’apparence de votre site.
• Lors de la modification des fichiers de thème, veillez à ne pas altérer les structures HTML, CSS, JS et JSON.
• Lors du choix des couleurs dans les paramètres de votre thème, tenez compte de la lisibilité et de la cohérence de votre marque.
• Saisissez la valeur de la police en respectant la structure de famille de polices CSS valide.
• Vérifiez l'interface publique du site web après les modifications.
• Si la mise en cache est utilisée, actualisez le cache lorsque cela est nécessaire.

Résumé

La gestion des thèmes est la section du CMS Webayt permettant de gérer l'apparence et l'infrastructure des thèmes de votre site web. Vous pouvez y consulter les thèmes installés, activer un thème, gérer ses fichiers et modifier ses paramètres.

Les valeurs de police et de couleur, accessibles dans l'onglet « Paramètres du thème », peuvent être utilisées comme variables dans les fichiers du thème. Cela permet de gérer plus facilement certains paramètres de conception du thème via le panneau de contrôle.