Personnalisez votre site Cloudbeds avec le Thème du site

Introduction

Utilise le Thème du site dans l’éditeur Cloudbeds Websites pour gérer le style visuel global de ton site depuis un seul endroit. Le Thème du site t’aide à garder les couleurs, les boutons, la typographie, le style des images et les arrière-plans cohérents sur toutes les pages.

Utilise le Thème du site lorsque tu souhaites qu’un changement de design s’applique largement sur le site. Les modifications faites directement sur un widget ou une page individuelle remplacent le paramètre correspondant du Thème du site.

Table des matières

• Accéder au thème du site
• Comprendre les styles globaux et les remplacements
• Personnaliser les couleurs du thème
• Personnaliser les styles des boutons
• Personnaliser le texte du thème
• Personnaliser les styles des images
• Personnaliser les arrière-plans
• Autres options du thème du site

Accéder au thème du site

Ouvre le thème du site depuis le panneau latéral gauche de l’éditeur Cloudbeds Websites lorsque tu souhaites gérer les paramètres globaux de design du site.

1. Ouvre ton Site Cloudbeds dans l’éditeur Cloudbeds Websites.
2. Dans le panneau latéral gauche, sélectionne l’icône Thème.
3. Utilise les sections disponibles du thème du site pour mettre à jour les paramètres globaux de design.

Le panneau Thème du site inclut des contrôles globaux pour les Couleurs, les Boutons, le Texte, la Largeur & Espacement, les Images et les Arrière-plans :

La partie supérieure du thème du site affiche les contrôles globaux Couleurs, Boutons et Texte :

Plus bas, le thème du site inclut les styles de titres ainsi que Largeur & Espacement, Images et Arrière-plans :

Comprendre les styles globaux et les remplacements

Les modifications effectuées dans le thème du site s’appliquent à l’ensemble du site web afin que tu puisses maintenir un style visuel cohérent sans avoir à modifier le même paramètre sur chaque page.

Personnaliser les couleurs du thème

Utilise la section Couleurs pour créer et gérer la palette de couleurs globale utilisée sur l’ensemble du site.

1. Dans Thème du site, développe la section Couleurs.
2. Sélectionne la nuance de couleur que tu souhaites mettre à jour.
3. Saisis une valeur HEX ou RVB, ou utilise l’outil pipette pour choisir une couleur.
4. Répète l’opération pour les autres couleurs du thème selon tes besoins.
5. Pour renommer une couleur du thème, survole le nom de la couleur et sélectionne l’icône crayon, puis saisis le nouveau nom.

Personnalise les styles des boutons

Utilise la section Boutons pour gérer les styles globaux des boutons Primaires et Secondaires utilisés sur le site.

1. Dans Thème du site, développe la section Boutons.
2. Sélectionne le style de bouton Primaire ou Secondaire que tu souhaites modifier.
3. Ajuste les paramètres disponibles pour les boutons afin qu’ils correspondent au design de ton site.

Personnalise le texte du thème

Utilise la section Texte pour gérer la typographie globale du texte par défaut, des paragraphes et des niveaux de titres.

1. Dans Thème du site, développe la section Texte.
2. Sélectionne le type de texte que tu souhaites modifier :
   • DFLT : Définit le thème pour le texte dans les widgets qui n’est pas attribué à un style de paragraphe ou de titre. L’apparence des liens peut aussi être personnalisée ici.
   • PAR : Définit le thème pour le contenu des paragraphes ou des widgets de texte.
   • H1-H6 : Définit le thème pour les niveaux de titres 1 à 6.
3. Ajuste les paramètres de texte disponibles, qui peuvent inclure la police, le poids, la taille, l’échelle du texte, la couleur, le format de police, la direction du texte, la hauteur de ligne, l’espacement des lettres, les majuscules et l’ombre du texte.

Personnalise les styles d’image

Utilise la section Images pour gérer le style global des widgets d’image. Les contrôles disponibles peuvent inclure la mise en page de l’image, le style de bordure, les coins arrondis et les effets d’ombre.

Pour téléverser, organiser et réutiliser des médias, consulte Gérer les images et médias dans Cloudbeds Websites.

Personnalise les arrière-plans

Utilise la section Arrière-plans pour définir un arrière-plan par défaut du site ou appliquer un arrière-plan différent à une page spécifique.

Définir l’arrière-plan par défaut

1. Dans Thème du Site, développe Arrière-plans.
2. Développe Arrière-plan Par Défaut.
3. Sélectionne l’option Couleur ou Image.
4. Choisis l’arrière-plan que tu souhaites utiliser comme arrière-plan par défaut du site.

Définir un arrière-plan pour une page spécifique

1. Dans Thème du Site, développe Arrière-plans.
2. Développe Arrière-plan par page.
3. Sélectionne la page que tu souhaites personnaliser.
4. Sélectionne l’option Couleur ou Image.
5. Choisis l’arrière-plan que tu souhaites utiliser pour cette page.

Autres options du thème du site

Le panneau Thème du Site inclut également des contrôles de Largeur et Espacement. Ces contrôles apparaissent avec les autres catégories globales du Thème du Site dans l’interface actuelle de l’éditeur 2.0.

Articles liés

Maintenant que tu sais comment gérer les paramètres globaux du Thème du Site, utilise ces ressources pour une orientation et une navigation plus larges dans l’éditeur Cloudbeds Websites :

• Présentation et prise en main de l’éditeur Cloudbeds Websites
• Naviguer dans l’éditeur Cloudbeds Websites