Éditeur Studio : Ajouter et gérer des sections

Temps de lecture : 6 min
Les sections sont les blocs de construction de chaque page. Utilisez-les pour regrouper le contenu et donner à votre page un aspect organisé, professionnel et structuré.
Ajoutez autant de sections que vous le souhaitez à chaque page. Vous pouvez choisir parmi des sections vides, des maquettes ou des sections prédéfinies qui sont entièrement personnalisables. Les sections s'étendre sur la largeur du navigateur et vous pouvez définir la hauteur comme vous le souhaitez.
Dans cet article, apprenez-en plus sur :
Créer des sections globales :
Faites en sorte que la même section apparaisse sur plusieurs pages en la définissant comme globale.

Ajout de wireframe (maquette fonctionnelle) et de sections prédéfinies

Nous avons des tonnes de sections prêtes à l'emploi et entièrement réactives pour accélérer votre processus de création. Choisissez celui que vous préférez et personnalisez-le selon le style de votre client. Si vous avez besoin d'aide pour la mise en page, et non pour le design, sélectionnez plutôt l'une de nos maquettes vierges.

Pour ajouter une maquette ou une section prédéfinie :

  1. Cliquer sur Ajouter des éléments à gauche de l'Éditeur.
  2. Cliquez sur Sections / Maquettes.
  3. Cliquez sur une catégorie pour voir les designs disponibles. 
  4. Faites glisser une section sur la page. 
  5. Personnalisez la section selon vos besoins :
    • Cliquez sur les éléments pour personnaliser leur contenu.
    • Modifier l'arrière-plan.
    • Remplacez les images et le texte par vos propres.
GIF montrant le panneau Ajouter des éléments dans l'Éditeur Studio, et les designs disponibles dans les onglets Sections et Maquettes

Ajouter une section vide

Vous pouvez ajouter rapidement des sections vides à votre page tout en travaillant sur la toile. Survolez le haut ou le bas d'une section et cliquez sur + Ajouter une section. Vous pouvez ensuite décider si vous souhaitez le concevoir à partir de zéro, appliquer une mise en page en grille ou utiliser un design prêt à l'emploi.

Pour ajouter une section vide :

  1. Accédez à la page correspondante.
  2. Survolez le haut ou le bas de la section concernée et cliquez sur + Ajouter une section.
  3. Choisissez la façon dont vous souhaitez commencer à concevoir le design :
    • Section conçue : Choisissez une section prédéfinie et personnalisez-la selon les besoins de votre client.
    • Mise en page de la grille : Choisissez une mise en page avec plusieurs cellules pour organiser votre contenu.
    • Ajouter un élément : Commencez par ajouter des éléments à la section vide. 
Une capture d'écran d'une nouvelle section vierge, montrant les mises en page de cellules de grille que vous pouvez cliquer et appliquer
Enregistrez votre design pour une utilisation future :
Sélectionnez la section dans l'Éditeur et cliquez sur l'icône Plus d'actions . Ensuite, cliquez sur Enregistrer comme élément. Cela enregistre votre design et le rend disponible dans le panneau Ajouter des éléments (onglet Élément).

Organiser une section à l'aide de cellules

Ajoutez des cellules à une section pour créer une mise en page réactive et structurée. Le fait de garder les éléments dans des cellules séparées permet de garantir qu'ils restent en place sur tous les écrans. Choisissez une mise en page, puis déplacez les éléments vers les cellules. Vous pourrez toujours diviser les cellules ou en ajouter de nouvelles plus tard. 

Pour appliquer une grille sur une section :

  1. Sélectionnez la section appropriée dans l'Éditeur.
  2. Cliquez sur le menu déroulant Vide en haut de la section. 
Une capture d'écran de la barre d'outils qui s'ouvre lors de la sélection d'une section, avec le menu déroulant des mises en page disponibles
  1. Choisissez une mise en page : Rangées, Colonnes, Collage, etc.
    Suggestion : Vous pouvez modifier la mise en page à partir du menu déroulant à tout moment - vos éléments ne seront pas déplacés.
  2. Faites glisser les éléments vers les cellules correspondantes.
  3. (Facultatif) Ajoutez d'autres cellules à la section ou divisez les cellules existantes :

Réorganiser les sections de page

Lors de la création d'un site, vous pouvez décider que la structure et l'organisation du contenu doivent être légèrement différentes. C'est là que les sections sont vraiment utiles. vous pouvez déplacer le contenu très rapidement, quand vous le souhaitez.

Pour réorganiser les sections de page :

  1. Sélectionnez la section appropriée dans l'Éditeur.
  2. Cliquez sur l'icône Plus d'actions sur la section .
  3. Cliquez sur Monter ou Descendre.
Une capture d'écran d'une section, montrant comment la déplacer vers le haut ou vers le bas sur la zone de travail

Supprimer une section

Vous pouvez supprimer une section à tout moment. Cela supprime la section de la page sur tous les points de rupture. 
Remarque  :
Il n'est pas possible de supprimer des sections qui contiennent des applis telles que Boutique, Événements, Blog, etc.

Pour supprimer une section :

  1. Sélectionnez la section appropriée dans l'Éditeur.
  2. Cliquez sur l'icône Plus d'actions  sur la section .
  3. Cliquez sur Supprimer.
Vous souhaitez plutôt masquer la section ?
Cliquez sur Ne pas afficher pour masquer la section du point de rupture sur lequel vous êtes. Vous pouvez trouver la section masquée dans le panneau Calques, où vous pouvez également l'afficher. 
Une capture d'écran d'une section sélectionnée dans l'Éditeur, montrant comment la supprimer

Cela vous a-t-il aidé ?

|