Le canevas de conception affiche la sortie visuelle des sites créés avec Blocs. Il permet aux utilisateurs d'interagir avec la page en temps réel, leur permettant de sélectionner des éléments, de les déplacer et de modifier leur contenu. Le canevas de conception se trouve au centre de la fenêtre principale de l'application, pris en sandwich entre les barres latérales gauche et droite.
Le marqueur de sélection
Lorsqu'un élément est cliqué sur le canevas de conception, il affiche un marqueur bleu, c'est ce qu'on appelle le marqueur de sélection. Selon le type d'objet sélectionné, ce marqueur peut également contenir des commandes de style visuel permettant aux utilisateurs d'ajuster la taille et la position de l'élément sélectionné. Nous les appelons Commandes à main levée, vous pouvez en savoir plus à leur sujet ici.
Paramètres du canevas
Le canevas de conception dispose d'une gamme d'options qui permettent aux utilisateurs de contrôler le rendu visuel du site Web actuellement ouvert. Ces options se trouvent dans le en bas à gauche coin de la toile de conception.
Mode filaire
Le mode filaire supprime tous les styles essentiels non liés à la mise en page, permettant aux utilisateurs de se concentrer sur le contenu et la structure de la page.
Mode contour
Le mode Contour affiche un fin rectangle bleu autour des zones de délimitation de tous les éléments de la page, permettant aux utilisateurs de visualiser la structure sous-jacente.
Mode site sombre
Le mode site sombre inverse les couleurs du + boutons, ce qui les rend plus visibles sur les arrière-plans sombres. Il simule également le mode sombre du système d'exploitation et applique le Thème sombre class à la balise body de la page en cours.
Afficher Ajouter Bloc Bouton
Basculer la visibilité du + boutons utilisés pour ajouter Blocs à une page. Cette option peut également être activée et désactivée à l'aide du raccourci clavier ⌥+⌘+4.
Afficher Ajouter Bric Bouton
Basculer la visibilité du + boutons utilisés pour ajouter Brics à une page. Cette option peut également être activée et désactivée à l'aide du raccourci clavier ⌥+⌘+5.
Afficher les balises de saut de ligne
Balises de saut de ligne <br> ne sont pas visibles par défaut, cette option permet aux utilisateurs de basculer leur rendu visuel sur le canevas de conception.
Filtres de déficience visuelle
Cette option vous permet de choisir parmi différents types de filtres de daltonisme, vous permettant de voir comment votre site apparaîtrait à une personne ayant une déficience visuelle.
Les paramètres de rendu du canevas de conception ne prennent effet que dans l'application et n'ont aucun effet sur le site une fois qu'il est prévisualisé ou exporté, ils sont simplement une aide à la conception visuelle dans l'application.