Vue d'ensemble
Après avoir activé un thème, vous pouvez personnaliser son apparence: couleurs, typographie, mise en page, en-tête, pied de page, mode sombre, et même injecter du CSS et JavaScript personnalisés: le tout depuis le panneau d'administration sans modifier aucun code.
Accéder aux paramètres du thème
- Allez dans Apparence → Thèmes.
- Trouvez votre thème actif (marqué d'un badge).
- Cliquez sur le bouton « Paramètres » sur la carte du thème.
Paramètres de couleurs
Changez la palette de couleurs globale de votre site :
| Paramètre | Description | Utilisé pour |
|---|---|---|
| Couleur principale | La couleur de marque principale. | Boutons, liens, états actifs, accents. |
| Couleur secondaire | Une couleur complémentaire. | Boutons secondaires, badges, états survol. |
| Couleur d'accentuation | Pour les éléments attirant l'attention. | Badges, mises en évidence, appels à l'action. |
| Couleur du texte | La couleur principale du texte. | Paragraphes, libellés, contenu général. |
Paramètres de typographie
| Paramètre | Description |
|---|---|
| Police des titres | Google Font pour les titres (H1–H6). Choix parmi : Inter, Poppins, Montserrat, Playfair Display, Roboto, Open Sans, Lato, Source Sans Pro. |
| Police du corps | Google Font pour le texte courant. Choix parmi : Inter, Poppins, Roboto, Open Sans, Lato, Source Sans Pro, Nunito, Work Sans. |
| Taille de police de base | La taille de police racine (14px, 16px ou 18px). |
Conseil : Pour un look professionnel, utilisez des familles de polices contrastantes pour les titres et le corps: par exemple, une police serif pour les titres (Playfair Display) avec une sans-serif propre pour le corps (Inter).
Paramètres de mise en page
| Paramètre | Description |
|---|---|
| Style de mise en page | Large: Le contenu s'étend jusqu'à une largeur maximale. Boîte: Le contenu est dans une boîte centrée. |
| Largeur du conteneur | Largeur maximale du contenu en pixels. Ajustable de 960px à 1920px. |
Paramètres de l'en-tête
| Paramètre | Description |
|---|---|
| En-tête pleine largeur | L'en-tête s'étend d'un bord à l'autre quand activé. |
| Style d'en-tête | Par défaut, Transparent (se superpose au hero) ou Collant (reste visible au défilement). |
| Hauteur | Hauteur en pixels (ex. 70px). |
| Couleur / Image de fond | Fond de l'en-tête (masqué en mode Transparent). |
| Couleur du texte | Couleur des liens de navigation et du texte. |
| Couleurs des boutons | Couleurs du libellé et du fond du bouton CTA de l'en-tête. |
| Hauteur du logo | Hauteur du logo dans l'en-tête (ex. 40px). |
| Ombre du texte | Ombre subtile pour une meilleure lisibilité sur les images. |
| Bordure inférieure | Largeur et couleur d'une ligne de bordure en bas de l'en-tête. |
Paramètres du pied de page
| Paramètre | Description |
|---|---|
| Style | Par défaut, Sombre ou Minimal. |
| Couleur / Image de fond | Fond du pied de page. |
| Couleurs titres / texte / liens | Sélecteurs individuels pour les éléments du pied de page. |
| Bordure supérieure | Largeur et couleur de la bordure en haut du pied de page. |
| Bouton retour en haut | Afficher ou masquer le bouton « retour en haut de page ». |
Mode d'apparence (mode sombre)
| Paramètre | Description |
|---|---|
| Mode par défaut | Clair: Apparence lumineuse standard. Sombre: Fond sombre avec texte clair. |
| Autoriser le basculement | Les visiteurs voient une icône soleil/lune pour basculer entre les modes. Leur préférence est enregistrée dans le navigateur. |
CSS et JavaScript personnalisés
CSS personnalisé
Entrez du CSS brut injecté dans chaque page. Utile pour ajuster des styles spécifiques, ajouter de petites modifications visuelles ou remplacer des styles du thème par défaut.
JavaScript personnalisé
Entrez du JavaScript brut qui s'exécute sur chaque page. Utile pour les intégrations tierces (widgets de chat, analytique), le comportement interactif personnalisé.
Attention : Le JavaScript personnalisé s'exécute sur chaque page pour tous les visiteurs. Testez minutieusement avant d'enregistrer: une erreur JavaScript peut casser tout le front-end.
Réinitialiser les valeurs par défaut
Pour repartir de zéro ou annuler toutes vos personnalisations :
- Allez dans Apparence → Thèmes → Paramètres.
- Cliquez sur le bouton « Réinitialiser les valeurs par défaut » en bas.
- Confirmez l'action.
Prévisualiser les thèmes
Vous pouvez prévisualiser un thème avant de l'activer en ajoutant ?theme=nom-du-theme à n'importe quelle URL publique :
https://votresite.com/?theme=creative
https://votresite.com/a-propos?theme=elegantCela charge la page avec le thème spécifié sans changer le thème actif pour les autres visiteurs.
Changer de thème
- Allez dans Apparence → Thèmes.
- Cliquez sur « Activer » sur le thème souhaité.
- Le changement est instantané.
Note : Chaque thème a ses propres paramètres indépendants. Quand vous changez de thème, le nouveau thème utilise ses propres paramètres sauvegardés. Les paramètres de votre thème précédent sont conservés et seront restaurés si vous revenez dessus.