Ajouter, déplacer et redimensionner des blocs
Ajoutez des blocs à une page par glisser-déposer ou d’un clic, puis déplacez-les, redimensionnez-les, dupliquez-les et supprimez-les sur la grille de 12 colonnes.
Les blocs sont les éléments de construction d’une page : titres, textes, boutons, images, grilles de produits et bien d’autres. Vous les ajoutez depuis le panneau Blocs, vous les déposez où vous voulez et vous faites glisser leurs bords pour changer leur taille.
Comment les blocs sont disposés
Chaque section d’une page est une grille de 12 colonnes. Un bloc occupe une ou plusieurs colonnes et une ou plusieurs lignes de cette grille. Quand vous déposez ou redimensionnez un bloc, il s’aligne sur la grille : tout reste bien aligné et la page se réorganise proprement sur un téléphone. Vous ne placez jamais un bloc au pixel près.
Les blocs vivent à l’intérieur de sections. Une page a besoin d’au moins une section avant que vous puissiez y ajouter un bloc.
Ajouter un bloc
Vous pouvez ajouter un bloc de deux façons.
Le faire glisser sur la page
- Dans le panneau Blocs à gauche, trouvez le bloc voulu. Les groupes sont Essentiels, Médias, Mise en page, Boutique, Marketing et Menus et formulaires.
- Maintenez le bloc enfoncé, puis faites-le glisser sur votre page.
- Déplacez le pointeur au-dessus d’une section. Des colonnes pâles apparaissent, et un cadre bleu montre exactement où le bloc atterrira et quelle sera sa taille.
- Relâchez le bouton de la souris. Le bloc apparaît dans le cadre et il est sélectionné : ses réglages s’ouvrent donc à droite.
Remarque : déposez un bloc sur un espace vide. Si vous le déposez à un endroit déjà occupé par un autre bloc, les deux se superposent. Appuyez sur Ctrl + Z pour annuler, ou faites glisser le nouveau bloc ailleurs.
Cliquer dessus
Cliquez sur un bloc dans le panneau Blocs pour l’ajouter en bas de la section sélectionnée. Si rien n’est sélectionné, il est placé dans la dernière section de la page. C’est le moyen le plus rapide de construire une page de haut en bas.
Sélectionner un bloc
Cliquez sur un bloc dans la page. Il reçoit un contour bleu, deux poignées de redimensionnement bleues et une petite barre d’outils à côté de lui avec trois boutons : Dupliquer, Rotation et Supprimer. Le panneau de réglages à droite change pour afficher les réglages de ce bloc.
Déplacer un bloc
- Maintenez le bloc enfoncé, puis faites-le glisser. Une petite copie du bloc suit votre pointeur.
- Regardez le cadre bleu pour voir où il atterrira.
- Relâchez le bouton de la souris.
Vous pouvez faire glisser un bloc vers une autre section, ou dans un conteneur ou une grille. Déplacer un bloc vers une autre section n’est possible que dans la vue Ordinateur, car cela modifie le bloc sur toutes les tailles d’écran.
Redimensionner un bloc
- Cliquez sur le bloc pour le sélectionner.
- Faites glisser la poignée de son bord droit pour changer sa largeur en colonnes. Faites glisser la poignée de son bord inférieur pour changer sa hauteur en lignes.
- Relâchez le bouton de la souris.
Définir la taille et la position avec des chiffres
Pour un contrôle précis, utilisez le panneau de réglages au lieu du glisser-déposer.
- Sélectionnez le bloc.
- Dans le panneau de réglages, cliquez sur Taille et position pour l’ouvrir.
- Utilisez les boutons moins et plus pour modifier Commence à la colonne, Largeur en colonnes, Commence à la ligne et Hauteur en lignes.
Ce même groupe propose les options suivantes :
- Occuper toute la largeur étire le bloc sur toutes les colonnes de son conteneur.
- Masquer ce bloc masque le bloc. Dans les vues Tablette et Mobile, le commutateur ne le masque que sur cette taille d’écran. Voir Adapter votre site aux téléphones et aux tablettes.
- Identique sur tous les écrans conserve une seule disposition du bloc sur ordinateur, tablette et téléphone.
- Réglage fin comprend les curseurs Rotation, Décalage horizontal et Décalage vertical. Ils inclinent ou décalent visuellement le bloc sans changer sa place dans la grille : rien ne bouge autour de lui. Le petit x à côté d’un curseur le remet à zéro. Vous pouvez aussi faire pivoter le bloc en faisant glisser autour de lui le bouton Rotation de sa barre d’outils. Il s’aligne sur la position droite, et en maintenant Maj enfoncée, il s’aligne par pas de 15 degrés.
Astuce : vous pouvez aussi déplacer un bloc sélectionné avec le clavier. Ctrl + une touche fléchée le déplace d’une cellule de la grille, et Ctrl + Maj + une touche fléchée l’agrandit d’une cellule en largeur ou en hauteur. Voir L’éditeur en un coup d’œil pour tous les raccourcis.
Dupliquer ou supprimer un bloc
- Pour dupliquer, sélectionnez le bloc et cliquez sur Dupliquer dans sa barre d’outils, ou appuyez sur Ctrl + D. La copie apparaît juste en dessous de l’original.
- Pour supprimer, sélectionnez le bloc et cliquez sur Supprimer dans sa barre d’outils, ou appuyez sur Suppr. Vous pouvez aussi ouvrir Gérer dans le panneau de réglages et y cliquer sur Dupliquer ou Supprimer.
La suppression d’un bloc ne demande pas de confirmation. Si vous en supprimez un par erreur, cliquez sur Annuler dans la barre du haut.