Le créateur de sites internet Cloudbeds offre de nombreuses options de personnalisation pour optimiser votre site web, en faisant l’espace idéal pour mettre en valeur votre établissement et un excellent canal pour attirer de potentiels clients.
Cet article présente toutes les options de personnalisation disponibles pour vous permettre de créer un site qui reflète vraiment votre marque.
En savoir plus sur le créateur de sites internet Cloudbeds .
Vous cherchez des options pour personnaliser l’arrière-plan de votre site web ? Consultez l’article Personnalisation de l’arrière-plan du site web .
Thèmes
Options de personnalisation du thème
- Texte : Contrôlez le texte de votre site, y compris les titres (H1–H6). Les mises à jour affectent tous les widgets futurs et ceux non modifiés actuellement.
- Couleurs : Définissez une palette et liez-la aux paramètres de couleur des widgets. Les modifications mettent à jour tous les éléments liés.
- Boutons : Stylisez les boutons principaux et secondaires, y compris le texte, le fond, le survol, les bordures et les ombres.
- Images : Modifiez la mise en page des images, les bordures, les coins arrondis et les ombres.
- Lignes et colonnes : Personnalisez l'espacement de la mise en page et la couleur de fond.
Les modifications effectuées sur des lignes ou colonnes individuelles remplaceront les paramètres de ligne et colonne du thème.
- Arrière-plans : Choisissez une couleur ou une image comme arrière-plan.
- Mise en page du site : Définissez la largeur sur bureau (960px ou 1200px) et configurez la mise en page sur tablette/mobile.
Modifier la mise en page de votre navigation peut affecter votre en-tête ou d'autres parties du site. Si le rendu est incorrect, essayez une autre mise en page.
Thème du site
Le panneau Thème du site te permet d’apporter des modifications qui affectent l’ensemble de ton site. Personnalise le texte, les boutons, les images, l’arrière-plan et les widgets de navigation depuis le panneau de design.
Les modifications apportées à des widgets ou pages spécifiques remplaceront le panneau Thème du site. Nous te recommandons de choisir d’abord le thème de ton site, puis de personnaliser les composants individuels selon les besoins.
Pour accéder au thème de ton site web, clique sur l’option Thème dans le panneau latéral, puis applique les modifications nécessaires :
Mettre à jour le texte du thème
- Dans le panneau de gauche, clique sur Thème
- Clique sur la flèche à côté de Texte. Voici les options disponibles :
- DFLT : Contrôle le texte par défaut dans les widgets non attribués à un titre ou un paragraphe. Contrôle également la couleur et le soulignement des liens.
- PAR : Contrôle le style des widgets de paragraphe (texte).
- Titres et sous-titres H1–H6
- Clique sur le type de texte souhaité
- Les modifications effectuées dans la zone de texte du thème affectent tout le texte du site qui n’est pas remplacé.
- Les modifications manuelles sur des éléments individuels remplacent le thème du site et empêchent l’application des mises à jour ultérieures.
Pour les titres et sous-titres : Suis les bonnes pratiques SEO en respectant la hiérarchie des titres (p. ex., H1 pour les titres, H2 pour les sous-sections) et évite de sauter des niveaux (évite de passer de H1 à H4).
Lignes
Configurer les lignes
- Survolez le coin supérieur gauche d’une ligne jusqu’à ce qu’un bouton Ligne apparaisse, puis cliquez sur Ligne. L’éditeur de ligne s’affichera.
- Cliquez sur les flèches déplacer la ligne vers le haut et déplacer la ligne vers le bas pour réorganiser la ligne.
- Pour ouvrir l’éditeur de design de la ligne, cliquez sur Modifier le design.
- Cliquez sur +Ajouter et sélectionnez une des options disponibles.
- Cliquez sur Effacer le padding pour supprimer l’espacement à l’intérieur de la ligne.
- Cliquez sur Revenir à l’espacement global pour restaurer l’espacement par défaut.
- Cliquez sur Animation d’entrée pour ajouter une animation (p. ex., fondu, rebond).
- Cliquez sur Enregistrer comme section pour réutiliser une ou plusieurs lignes ou la page entière.
- Utilisez Masquer sur appareil pour cacher la ligne sur certains appareils.
- Utilisez Copier ou Supprimer pour gérer la ligne.
- Utilisez Définir comme ancre ou Modifier l’ancre pour la liaison.
Éditeur de design de ligne
Utilisez l’éditeur de ligne pour modifier la couleur ou l’image de fond d’une ligne, ajouter une bordure ou ajuster son espacement. Pour modifier le style de fond ou l’espacement :
- Survolez le coin supérieur gauche d’une ligne jusqu’à ce qu’un bouton Ligne apparaisse. Cliquez sur Ligne, puis sur Modifier le design.
- Dans l’onglet Paramètres, vous avez l’option suivante :
- Ligne pleine largeur : Activez cette option pour que la ligne s’étende sur toute la largeur de l’écran. Sinon, le contenu est limité à 960 px.
- Dans l’onglet Style, choisissez une couleur de fond, une image ou une vidéo.
- Dans l’onglet Animation, appliquez des effets spéciaux à la ligne.
- Dans l’onglet Espacement, définissez l’espacement intérieur pour le bureau et la tablette.
- Le défilement parallaxe n’est pas disponible pour les carrousels d’images de fond.
- Configurez la position, la superposition, la bordure et l’ombre des images.
- Vidéo : Collez l’URL de la vidéo dans le champ prévu. Pour plus d’informations, cliquez ici.
Autres options de personnalisation
Sections
Les sections sont des lignes d’éléments préconçues que tu peux ajouter aux sites responsives. Elles t’aident à créer des pages attrayantes plus rapidement en te faisant gagner du temps lors du processus de conception.
Ajouter des sections
- Survole entre les lignes et clique sur le bouton Ajouter une section. Les sections apparaissent dans le panneau de gauche.
- En mode section, le panneau de gauche affiche des galeries catégorisées de sections préfabriquées (Intro, Vide, Fonctionnalités, À propos, etc.).
- Clique sur une section pour la prévisualiser comme une nouvelle ligne. Navigue entre les sections avec les flèches ou en changeant de catégorie.
- Clique sur Enregistrer la section pour l’intégrer. Ou clique sur Enregistrer et ajouter une autre pour continuer à en ajouter. Une fois enregistrée, la section devient une ligne avec des éléments modifiables.
- Les sections n’héritent pas de la couleur du texte ni de la police des paramètres du thème du site. Tu peux effacer la mise en forme et appliquer un style personnalisé.
- Une section peut inclure plusieurs lignes.
- Les sections ne peuvent pas être utilisées dans les en-têtes. Pour modifier l’en-tête complet, utilise l’éditeur d’en-tête. Pour plus d’infos, consulte En-têtes.
- Les sections ne sont pas disponibles pour les modèles avec barre latérale (p. ex. Portfolio, Milk and Cookies).
Modifier les images dans l’éditeur d’images
- Clique sur une image de ton site pour ouvrir l’éditeur de contenu, puis clique sur Modifier le design.
- Dans l’onglet Image, clique sur Modifier.
- Utilise le menu en bas de l’image pour cadrer, ajouter du texte, ajuster, recadrer ou centrer l’image.
- Clique sur Enregistrer et fermer. L’image modifiée sera enregistrée dans ta bibliothèque et appliquée à la page.
Copier et coller du contenu
Créer un site demande du temps et de la patience. Utilise la fonction Copier et coller pour dupliquer des lignes et des widgets afin d’optimiser ton efficacité. Cela permet de maintenir une cohérence dans le design de ton site.
Tu ne peux pas copier ou coller des widgets ou des pages entre différents sites. En revanche, tu peux dupliquer une page au sein d’un même site. En savoir plus sur Pages et fenêtres contextuelles.
Comment copier et coller du contenu
- Fais un clic droit sur un widget et sélectionne Copier.
- Fais un clic droit sur la zone cible et sélectionne Coller. Le widget apparaîtra au-dessus du widget sélectionné.
- Pour copier et coller une colonne : Ouvre le menu Ligne pour coller dans n’importe quelle ligne, en-tête ou pied de page. Jusqu’à quatre colonnes peuvent être ajoutées à une ligne.
- Après le collage, la section devient une ligne avec des éléments modifiables.
- Les sections n’héritent pas des couleurs de texte ni des paramètres de police du thème du site. Efface la mise en forme pour appliquer ton style personnalisé.
- Les sections peuvent contenir plusieurs lignes.
- Les sections ne peuvent pas être placées dans les en-têtes. Pour modifier les en-têtes, utilise l’éditeur d’en-tête. Voir En-têtes.
- Les sections ne sont pas prises en charge dans les modèles de barre latérale (p. ex., Portfolio, Milk and Cookies).
Ancres et liens
Les liens d’ancrage te permettent de diriger les visiteurs vers des sections spécifiques d’une page, facilitant ainsi la navigation sur les pages longues ou pour orienter les utilisateurs vers un contenu clé.
Il est impossible d’ajouter des ancres dans le pied de page ou dans les articles de blog.
Ajouter des ancres
Pour ajouter une ancre sur ta page :
- Clique droit sur un widget ou une ligne pour ouvrir le menu contextuel.
- Clique sur Définir comme ancre.
- Saisis un nom d’ancre. Pour l’inclure dans la navigation du site, sélectionne Ajouter à la navigation du site.
- Clique sur Ajouter.
Lier à une ancre
Pour créer un lien vers une ancre existante :
- Lors de l’ajout d’un lien texte ou bouton, sélectionne l’icône Lien.
- Clique sur l’option Ancre.
- Sélectionne la page et l’ancre dans la liste déroulante.
Modifier ou supprimer une ancre
- Clique droit sur le widget ou la ligne contenant l’ancre pour ouvrir le menu contextuel.
- Clique sur Modifier l’ancre.
- Applique les modifications et clique sur Mettre à jour.
- Pour supprimer l’ancre, clique sur Supprimer.
Commentaires
Vous devez vous connecter pour laisser un commentaire.