Canvas et sélection

La canvas est la grande zone centrale de l'éditeur : elle affiche votre page telle qu'elle sera vue par vos visiteurs, en aperçu desktop, mobile, ou les deux côte à côte selon le mode d'aperçu choisi dans la barre du haut.

C'est là que vous sélectionnez vos blocs, les déplacez, les redimensionnez et déclenchez l'affichage du panneau latéral droit. Cette page décrit les gestes communs à tous les éléments. Pour les réglages spécifiques à chaque type, reportez-vous à la section dédiée du panneau latéral ; pour le détail de chaque geste, aux pages Interactions sur la canvas.

Sélectionner un élément

Cliquez sur un élément de la canvas pour le sélectionner. Le panneau latéral à droite s'adapte alors automatiquement au type sélectionné (texte, image, bouton, formulaire…). Cliquez dans une zone vide pour désélectionner et retrouver les réglages globaux de la page.

Maintenez la touche Shift pendant un clic pour ajouter un élément à la sélection en cours et modifier plusieurs blocs en même temps. Le panneau latéral bascule alors sur le mode Sélection multiple qui ne propose que les réglages partagés. Vous pouvez aussi tracer un rectangle dans une zone vide pour sélectionner d'un coup tous les blocs touchés (sélection rectangle).

Déplacer et redimensionner

Une fois un élément sélectionné, vous pouvez :

• Le déplacer par glisser-déposer dans sa section parente, ou d'un cran de grille avec les touches fléchées.
• Le redimensionner en saisissant ses poignées sur les bords ou les coins.
• Le pivoter avec la poignée de rotation.
• Le copier avec Ctrl+C / Cmd+C puis le coller avec Ctrl+V / Cmd+V dans la section en cours de sélection.
• Le supprimer avec la touche Suppr ou Retour arrière, ou via les actions du panneau latéral.

La barre d'actions flottante qui apparaît au-dessus de la sélection regroupe les autres opérations courantes : dupliquer, verrouiller, grouper, aligner, avancer ou reculer d'un niveau, supprimer.

Les déplacements et redimensionnements sont enregistrés indépendamment pour desktop et mobile : passez sur le mode d'aperçu correspondant avant de modifier la position d'un bloc.

Glisser-déposer une image

Déposez un fichier image depuis votre ordinateur directement sur la canvas : une fenêtre de recadrage s'ouvre, puis l'image est insérée à l'endroit du dépôt et son texte alternatif est pré-rempli automatiquement. Coller une image avec Ctrl+V / Cmd+V fonctionne de la même façon, et coller du texte crée un élément texte prêt à mettre en forme.

Comprendre les sections

Une page est constituée d'une suite de sections empilées verticalement. Chaque section regroupe les éléments qui s'affichent ensemble (un bandeau d'accueil, un encart de présentation, une grille de produits, un formulaire de contact…).

Cliquez en dehors de tout élément, mais à l'intérieur d'une section, pour ouvrir les réglages de la section (visibilité, fond, marges, ordre…).

Modifier la barre de navigation et le pied de page

La canvas affiche aussi la barre de navigation en haut de chaque page et le pied de page en bas. Ces deux blocs sont communs à toutes les pages du site : les modifier depuis l'éditeur d'une page met à jour tout le site en une seule opération.

Cliquez dessus pour ouvrir leurs réglages dédiés (barre de navigation, pied de page). Si votre site n'en a pas encore, un bouton Ajouter une barre de navigation ou Ajouter un pied de page s'affiche à leur emplacement.

Page vide

Si la page ne contient encore aucune section, la canvas affiche un message Commencez par créer une section avec un bouton Créer une section. Ce bouton ouvre la bibliothèque de modèles de section, prêts à l'emploi et adaptés au thème de votre site.