Les sections DudaFlex sont des lignes avec deux colonnes Flex par défaut qui créent une disposition de base. Une fois que vous avez ajouté une section, vous pouvez ajouter, supprimer ou réorganiser des colonnes, des Flexbox ou des grilles avancées supplémentaires pour créer la disposition souhaitée. Vous pouvez ensuite ajouter des widgets à cette mise en page.
Cet article ne concerne que les utilisateurs qui ont commencé à utiliser DudaFlex après le 18 juillet 2022. Si vous êtes sur DudaFlex version 1.0, voir Ajouter et modifier des sections DudaFlex (1.0)
Ajouter une section
Pour ajouter une section :
Survolez l'espace entre les lignes et cliquez sur +Ajouter une section. Sinon, faites un clic droit pour ouvrir le menu contextuel, cliquez sur Ajouter, puis sélectionnez Section Flex.
Dans le panneau latéral, cliquez sur Sections Flex.
Sélectionnez la section Flex souhaitée.
Cliquez sur Enregistrer.
Enregistrer la section
Pour enregistrer une section :
- Survolez la section souhaitée et cliquez sur Section Flex dans le coin supérieur gauche de la section.
- Cliquez sur Enregistrer en tant que section, puis sur Sélectionner uniquement cette ligne.
- Saisissez un nom de section, sélectionnez la catégorie dans laquelle la section sera enregistrée et sélectionnez les autorisations pour la section.
- Cliquez sur Commencer la création.
- Cliquez sur Terminé.
Supprimer une section
Pour supprimer une section, faites un clic droit pour ouvrir le menu contextuel et sélectionnez Supprimer. Vous pouvez également cliquer sur l'icône Supprimer dans le menu flottant.
Ajouter une colonne
Une fois que vous avez ajouté une section à votre site, vous pouvez ajouter des colonnes pour accueillir des widgets au sein de la section. Toutes les sections contiennent des colonnes par défaut, mais vous pouvez toujours en ajouter.
Lorsque vous ajoutez un élément à une colonne, la position est déterminée par les paramètres de mise en page automatique. Pour modifier l'orientation de la mise en page automatique, ouvrez le panneau de conception et dans la section Disposition, sélectionnez horizontal ou vertical pour la mise en page automatique.
Pour ajouter une colonne :
Cliquez pour sélectionner une colonne existante.
Dans le menu flottant, cliquez sur l'icône représentant trois points horizontaux (
), puis sélectionnez Ajouter une colonne. Sinon, cliquez sur l'icône plus sur le bord gauche ou droit de la colonne.
Dupliquer une colonne
Vous pouvez dupliquer une colonne, qui sera ajoutée à droite de la fiche d'origine. Vous ne pouvez pas ajouter de colonnes qui dépasseraient 100 % de la largeur, espacement compris.
Pour dupliquer une colonne :
Cliquez pour sélectionner une colonne.
Dans le menu flottant, cliquez sur l’icône Dupliquer. Vous pouvez également faire un clic droit sur la colonne pour ouvrir le menu contextuel et sélectionner Dupliquer.
Supprimer une colonne
Vous pouvez supprimer une colonne pour la retirer de la section. Chaque section doit toutefois contenir au moins une colonne, ce qui signifie que vous ne pouvez pas supprimer la dernière colonne d'une section.
Pour supprimer une colonne :
Cliquez pour sélectionner la colonne.
Dans le menu flottant, cliquez sur l'icône Supprimer. Vous pouvez également faire un clic droit sur la colonne pour ouvrir le menu contextuel et sélectionner Supprimer.
Ajouter un widget
Il existe différentes manières d'ajouter des widgets aux colonnes, aux Flexbox ou aux grilles avancées. Si vous êtes déjà en mode Flex, vous pouvez ajouter des widgets directement à partir du panneau latéral en cliquant sur Widgets, puis en sélectionnant le widget souhaité.
Dans l'éditeur classique, vous ne pouvez pas faire glisser et déposer un widget dans une colonne Flex à partir du panneau latéral.
Pour ajouter un widget :
- Cliquez sur une colonne, une Flexbox ou une grille avancée pour la sélectionner.
- Cliquez sur l'icône plus au milieu de la colonne, de la flexbox ou de la grille avancée. Vous pouvez également cliquer sur l'icône plus dans le menu flottant.
- Sélectionnez un widget.
Vous pouvez également ajouter des widgets à partir du panneau de calques.
Pour ajouter un widget à partir du panneau de calques :
- Cliquez pour sélectionner une colonne.
- Dans le volet latéral, cliquez sur Couches.
- Dans le panneau de calques, survolez la colonne, la Flexbox ou la grille avancée à laquelle vous souhaitez ajouter un widget, puis cliquez sur l'icône plus.
- Sélectionnez un widget.
Démonstration Flex
Les vidéos suivantes sont des démonstrations de notre concepteur en chef d'interface utilisateur, qui vous montre combien il est facile de créer et de modifier des sections dans DudaFlex.