Naviguer dans l'éditeur Cloudbeds Websites

Gabriela Garcia

Mise à jour 30 septembre 2026 08:59

Objectif	Comprendre les principales zones et commandes de l’éditeur Cloudbeds Websites 2.0.
Idéal pour	Les Clients qui gèrent ou mettent à jour un Site web Cloudbeds.
À utiliser lorsque	Tu travailles dans l’éditeur de site web et tu as besoin d’identifier où se trouvent les outils de navigation, de design, de contenu, de publication et de collaboration.
Prérequis	Un Site web Cloudbeds que tu peux ouvrir dans l’éditeur.
Résultat attendu	Tu peux identifier les principales zones de l’éditeur 2.0 et choisir les commandes appropriées pour la tâche que tu souhaites réaliser sur le site web.

Introduction

L’éditeur Cloudbeds Websites rassemble les outils de navigation, de contenu, de design, de publication et de collaboration dans un seul espace de travail. Comprendre où se trouve chaque commande t’aide à naviguer dans l’éditeur avec plus de confiance et à choisir le bon outil pour la modification que tu souhaites effectuer.

Ce guide se concentre sur l’orientation dans l’interface. Les workflows détaillés pour personnaliser le site, gérer les médias, travailler avec les widgets et utiliser les commentaires du site se trouvent dans leurs guides dédiés.

Table des matières

Aperçu de l’éditeur 2.0
Barre de navigation supérieure
Travaille sur les vues bureau, tablette et mobile
Panneau latéral
Panneau de design
Commandes des widgets et éléments

Aperçu de l’éditeur 2.0

L’espace de travail de l’éditeur 2.0 est organisé autour de la barre de navigation supérieure, du panneau latéral, du panneau de conception et des contrôles qui apparaissent lorsque tu sélectionnes un élément ou un widget sur la page. Ensemble, ces zones te permettent de naviguer sur le site, de gérer les outils à l’échelle du site et de modifier les éléments individuels de la page.

Utilise la vue complète de l’éditeur pour te familiariser avec l’emplacement de ces zones avant de travailler avec les contrôles individuels décrits ci-dessous.

La vue complète de l’éditeur affiche la zone de travail du site web ainsi que les contrôles de navigation et d’édition qui restent disponibles pendant que tu travailles.

Utilise la barre de navigation supérieure pour changer de page et de vue par appareil, revoir ou publier le site, accéder aux outils de collaboration et ouvrir les ressources au niveau du site.

Menu hamburger : Ouvre des options telles que le tableau de bord du projet, la langue de l’éditeur et l’Aide.
Tableau de bord du projet : Ouvre des informations au niveau du site comme les détails de l’aperçu du site, l’activité, les métriques et les réponses aux formulaires.
Langue : Change la langue de l’interface de l’éditeur. Cela ne modifie pas la langue du contenu de ton site web.
Aide : Ouvre les ressources d’aide et de support disponibles.
Sélecteur de page : Permet de passer d’une page à l’autre de ton site web.
Vues par appareil : Permet de basculer entre les vues bureau, tablette et mobile pour que tu puisses revoir et ajuster l’affichage de la page sur chaque type d’appareil. Consulte Travailler sur les vues bureau, tablette et mobile pour comprendre comment les modifications se répercutent entre les mises en page des appareils.
Annuler et Rétablir : Annule ou réapplique les modifications récentes.
Statut d’enregistrement : Indique si tes dernières modifications ont été enregistrées.
Commentaires du site : Ouvre le panneau de commentaires pour que tu puisses ajouter ou consulter des retours directement sur le site.
Partager : Ouvre les options disponibles pour partager le site.
Aperçu : Ouvre un aperçu pour que tu puisses revoir le site et tester ses fonctionnalités avant de publier les modifications.
Publier ou republier : Publie le site ou applique tes dernières modifications à un site déjà publié.
Accueil : Te ramène à la zone principale du site ou du tableau de bord.

La barre de navigation supérieure garde la navigation entre les pages, les aperçus par appareil, les outils de révision et les contrôles de publication disponibles pendant que tu travailles.

Travaille sur les vues Bureau, tablette et mobile

Cloudbeds Websites utilise un design responsive pour que ton site puisse s’adapter à différentes tailles d’écran. Utilise les vues Bureau, Tablette et Mobile dans la barre de navigation supérieure pour Afficher comment ton contenu et ta mise en page apparaissent sur chaque type d’appareil.

Lorsque tu apportes des modifications aux colonnes dans la vue Bureau, ces modifications s’appliquent aussi aux mises en page correspondantes Tablette et Mobile.

Si tu effectues une modification spécifique à un appareil dans la vue Tablette ou Mobile, cette modification n’affecte pas la mise en page Bureau. Une fois que cette vue d’appareil a été personnalisée, les modifications ultérieures dans la vue Bureau ne s’appliqueront plus automatiquement à cette mise en page personnalisée.

Vérifie les trois vues d’appareil avant de terminer tes modifications afin de confirmer que la mise en page, les images et le contenu s’affichent correctement sur toutes les tailles d’écran.

Panneau latéral

Le panneau latéral est le centre de commande principal pour construire, organiser et gérer ton site web. Chaque icône ouvre un groupe d’outils différent, allant de l’ajout d’éléments de page à la gestion des paramètres globaux du site.

Ajouter : Ajouter des éléments et des widgets à la page.
Pages : Construire et organiser la structure du site et gérer les paramètres spécifiques à chaque page.
Couches : Examiner la hiérarchie visuelle de la page, y compris la façon dont les éléments sont organisés et imbriqués.
Thème : Gérer les paramètres de design globaux du site tels que les couleurs globales, la typographie, les boutons, les images et les arrière-plans. Les modifications apportées aux éléments ou pages individuelles peuvent remplacer les paramètres du thème du site. Pour des workflows de design détaillés, consulte Personnaliser ton Site Cloudbeds avec le thème du site.
CMS / Gestion de contenu : Accéder aux outils de gestion de contenu, y compris le gestionnaire de médias et les données commerciales.
Gestionnaire de médias : Téléverser et organiser les médias réutilisables du site. Pour des conseils sur les images et médias, consulte Gérer les images et médias dans les Sites Cloudbeds.
Données commerciales : Gérer les informations commerciales structurées pouvant être connectées aux éléments du site.
SEO / AEO : Examiner la visibilité dans les recherches et l’IA, le trafic, le statut d’optimisation et les recommandations pour améliorer le SEO et l’AEO.
Blog : Créer, publier et gérer des articles de blog.
Plus / Paramètres : Accéder à des paramètres et outils supplémentaires au niveau du site, y compris favicon et images sociales, outils Google, redirections d’URL, sauvegardes du site, paramètres de confidentialité, réponses aux formulaires, paramètres de page 404, export du site et paramètres de Progressive Web App.
Assistant IA : Utiliser des outils alimentés par l’IA pour aider à créer, affiner et optimiser le contenu du site. Consulte Assistant IA de l’éditeur des Sites Cloudbeds pour un guide dédié.

Utilise le panneau latéral lorsque tu as besoin d’ouvrir un outil au niveau du site plutôt que de modifier le style d’un élément sélectionné.

Le panneau latéral reste fixé sur le côté gauche de l’éditeur pour que tu puisses ouvrir des outils au niveau du site sans quitter la zone de travail de la page.

Panneau de design

Sélectionne un élément, un widget, une colonne ou une autre zone éditable sur la page pour ouvrir les options de design disponibles pour cet élément dans le panneau de design. Utilise ce panneau pour ajuster l’apparence et le style de l’élément sélectionné.

Le panneau de design s’applique à l’élément sélectionné, tandis que le thème dans le panneau latéral gère les paramètres de design plus larges à l’échelle du site. Utilise cette distinction pour déterminer si une modification de design doit affecter un seul élément ou le site dans son ensemble.

Le panneau de conception apparaît à côté de la zone d’édition lorsque tu sélectionnes une zone modifiable et ouvres ses contrôles de conception.

Dans cet exemple, sélectionner une colonne et choisir Conception ouvre les paramètres disponibles pour cette colonne dans le panneau à droite.

Lorsque tu sélectionnes un élément ou un widget sur la page, une barre d’outils flottante propose des actions rapides pour cet article. Les actions disponibles varient selon ce que tu sélectionnes.

Modifier le contenu : Change le contenu affiché par l’élément sélectionné.
Modifier la conception : Ouvre les options de conception pour l’élément sélectionné.
Repositionner : Déplace l’élément sélectionné dans la structure de la page.
Ajouter : Ajoute un autre élément ou widget à proximité.
Dupliquer : Crée une copie de l’élément sélectionné.
Aligner : Ajuste l’alignement de l’élément lorsque celui-ci le permet.
Supprimer : Supprime l’élément sélectionné.
Plus : Ouvre des actions supplémentaires disponibles pour l’élément sélectionné.

Pour les flux de travail complets des widgets, incluant l’ajout et la gestion des widgets, consulte Widgets pour Cloudbeds Websites.

La barre d’outils flottante te donne un accès rapide aux actions courantes sans quitter l’élément sélectionné.

La sélection d’un élément existant sur la page affiche sa barre d’outils flottante, tandis que le panneau à droite montre les paramètres de conception disponibles pour cet article sélectionné.

Maintenant que tu peux identifier les principales zones de l’interface de l’éditeur 2.0, utilise ces ressources pour une orientation plus large sur Cloudbeds Websites et les flux de travail actuels de conception :