Cet article couvre les domaines de l'éditeur et comment ajouter et configurer des sections, des lignes, des colonnes, des lignes intérieures et l'alignement des widgets.
Astuce
Prenez celui de la Duda Academy. En savoir plus sur Editor 2.0 cours pour en savoir plus sur les différents menus et panneaux et sur la façon dont les pages sont structurées.
L'éditeur peut être divisé en plusieurs zones.
L'éditeur comporte plusieurs sections prédéfinies : la barre de navigation supérieure, le panneau latéral, la zone de contenu centrale (souvent appelée canevas de l'éditeur), et le panneau de design sur le côté. Ces sections constituent la base de la construction de sites Web en fonction de la vision de l'utilisateur.
La barre de navigation supérieure de l'éditeur contient des raccourcis utiles pour les différentes actions du site.
La barre de navigation supérieure vous permet de :
-
Menu de hamburgers. Ouvrez le menu hamburger sur le côté gauche de la barre de navigation supérieure pour accéder au mode développement, au tableau de bord du site, à la langue de la plateforme et à diverses ressources de création de sites et
-
Navigation sur les pages. Cliquez sur la liste déroulante des pages pour afficher la liste des pages de votre site. Vous pouvez accéder à une page en la sélectionnant dans ce menu.
-
Icônes de l'appareil. Basculez entre les différentes tailles d'écran (également appelées points d'arrêt) en cliquant sur les icônes de l'appareil. Cela vous permet de prévisualiser l'affichage de votre page actuelle sur différentes tailles d'écran, de l'ordinateur à la tablette en passant par le mobile. Pour en savoir plus, consultez Tailles d'écran et appareils.
-
Annuler et rétablir. Cliquez sur les boutons Annuler ou Rétablir selon les besoins lorsque vous travaillez dans l'éditeur
-
Enregistrer l'indicateur de progression : L'icône en forme de coche indique la progression actuelle de votre site et indique si les modifications ont été enregistrées avec succès.
-
Commentaires sur le site. Cliquez pour ouvrir le panneau de commentaires du site. S'il y a un nouveau commentaire, un point rouge apparaît sur le bouton des commentaires du site dans la barre supérieure.
-
PARTAGEZ. Cliquez sur Partager pour accéder au lien d'aperçu de votre site par taille d'écran, domaine du site, nom du site et gestion des clients
-
Modifications apportées à l'aperçu : Cliquez pour prévisualiser votre site, y compris les modifications non publiées, sur toutes les tailles d'écran ou sur des appareils individuels.
-
Publier ou republier : Utilisez le bouton Publier ou republier pour publier votre site avec les dernières modifications.
-
Bouton d'accueil : Cliquez sur l'icône d'accueil pour revenir au tableau de bord de votre site.
Le panneau latéral constitue une boîte à outils complète pour gérer divers aspects de la conception et des fonctionnalités de votre site.
Les options par défaut disponibles dans le panneau latéral sont les suivantes :
-
Ajouter. À partir de cet élément, vous pouvez facilement glisser-déposer des widgets, des médias et du texte du site sur le canevas.
-
Des pages. Ajoutez, consultez et gérez des pages et des fenêtres contextuelles.
-
Couches (disponible uniquement dans Classic Editor en mode Flex ou dans Editor 2.0). Fournit une vue hiérarchique des éléments de la page de votre site, vous permettant de naviguer et de gérer facilement des structures complexes.
-
Thème. Définissez les styles et les paramètres par défaut pour l'ensemble du texte, des couleurs, des boutons, des images, des arrière-plans, des lignes, des colonnes, de la mise en page, de la largeur et de l'espacement de votre site.
-
CMS. Gérez les collections et le contenu collectés auprès des clients.
-
SEO/AEO. Gérez les paramètres de référencement pour les pages, les images, les liens internes et externes, etc.
-
Plus. Permet d'accéder au blog, Boutique, Réservations, Personnalisation, App Store, Paramètres et tableau de bord du site.
Notez qu'après avoir installé Blog, Réservations, ou Store, ils sontajouté à votre panneau latéral pour un accès facile et rapide.
La zone de contenu/le canevas est l'endroit où vous pouvez déplacer ou ajouter l'une de nos fonctionnalités, ou cliquer et modifier pour les modifier. La zone de contenu vous permet de modifier les images, le texte, les boutons de modification et de suppression, etc.
Note
Pour savoir comment ajouter et configurer des éléments sur le canevas, voir Concevez avec Flex.
Note
Pour en savoir plus sur les options d'édition du canevas, voir Actions et options du canevas .
Note
Ce contenu est pertinent à la fois pour le mode Flex dans Classic Editor et Editor 2.0. Pour identifier la version actuelle de votre éditeur, voirComment identifier la version de l'éditeur utilisée par votre site .
Le panneau de conception propose une gamme de paramètres de conception pour des éléments sélectionnés, permettant une personnalisation précise. Que vous modifiiez la mise en page, l'alignement du contenu, l'espacement entre les éléments, l'animation et l'arrière-plan, le panneau de conception fournit un ensemble complet d'outils pour améliorer l'attrait visuel de votre site Web. Les options de conception incluent des ajustements de mise en page, des configurations de dimensionnement, des paramètres d'alignement, etc., adaptés à l'élément sélectionné
Pour en savoir plus sur le panneau de conception et ses sections, voir Panneau de conception.
Le Website Builder est construit à partir d'un en-tête, d'un pied de page, lignes, sectionset des colonnes. Chaque widget que vous ajoutez est inséré dans l'une de ces sections.
Note
Si vous utilisez le mode Flex dans Classic Editor ou Editor 2.0, les lignes sont appelées « sections ». Pour en savoir plus, consultez Concevez avec Flex.
Les lignes sont les sections horizontales de votre site. Lorsque vous ajoutez des widgets et des colonnes à votre site, ils sont placés dans ces lignes. Pour modifier la façon dont le contenu est affiché dans la vue mobile, cliquez sur le bouton inverser l'ordre des colonnes dans l'éditeur de lignes
Vous pouvez ajouter des lignes à votre site en y faisant glisser des widgets. Lorsque vous faites glisser un widget entre des lignes ou dans un espace où vous souhaitez ajouter une ligne, une nouvelle ligne est créée lorsque vous déposez le widget.
Pour supprimer une ligne, cliquez avec le bouton droit n'importe où sur la ligne pour ouvrir le menu contextuel, puis cliquez surSupprimer. Vous pouvez également cliquer surRangéebouton en haut à gauche de la ligne et cliquez surSupprimer.
Pour des informations détaillées sur la modification et la disposition des lignes, voirÉditeur de lignes.
Note
Si vous utilisez le mode Flex dans Classic Editor ou Editor 2.0, les lignes sont appelées « sections ». Pour en savoir plus, consultez Concevez avec Flex.
Note
Ces informations sont spécifiques à l'éditeur classique et ne concernent pas Editor 2.0 (anciennement connu sous le nom d'éditeur All-Flex). Pour identifier la version actuelle de votre éditeur, voirComment identifier la version de l'éditeur utilisée par votre site .
Utilisez l'éditeur de lignes pour modifier l'arrière-plan de la ligne (couleur ou image), ajouter une bordure ou ajuster l'espacement intérieur et extérieur de la ligne. Utilisez des lignes pour organiser et organiser le contenu de votre site.
Pour configurer des lignes, passez la souris sur le coin supérieur gauche d'une ligne jusqu'à ce qu'un bouton de ligne apparaisse, puis cliquez surRangée. Le menu de l'éditeur de lignes apparaît.
Vous disposez des options de configuration suivantes :
-
Cliquez surDéplacer la ligne vers le hautetDéplacer la ligne vers le basflèches pour déplacer la ligne actuelle vers le haut ou vers le bas.
-
Cliquez+Ajouteret sélectionnez l'une des options suivantes :
-
Ligne ci-dessus. Ajoutez une nouvelle ligne au-dessus de la ligne actuelle.
-
Ligne ci-dessous. Ajoutez une nouvelle ligne en dessous de la ligne actuelle.
-
Rubrique. Ajoutez une section à la ligne existante.
-
Colonne. Ajoutez une colonne à la ligne existante.
-
Rangée intérieure. Ajoutez une ligne dans la ligne actuelle.
-
-
Pour effacer l'espacement intérieur à l'intérieur de la ligne, cliquez surRembourrage transparent.
-
Pour rétablir l'espacement défini dans l'espacement des thèmes, cliquez surRétablir l'espacement par défaut.
-
Pour ajouter une animation d'entrée à la ligne (par exemple, estomper depuis la droite, rebondir, zoomer), cliquez surAnimation d'entrée, et sélectionnez une option.
-
Pour enregistrer la ligne en tant que section, cliquez surEnregistrer en tant que sectionet sélectionnez cette option pour enregistrer uniquement la ligne actuelle, plusieurs lignes ou la page complète.
-
Pour masquer la ligne actuelle sur un appareil spécifique (ordinateur de bureau, tablette, mobile), cliquez surMasquer sur l'appareil, et sélectionnez l'appareil.
-
Pour verrouiller la ligne afin qu'elle soit modifiée par le client, cliquez surVerrouiller pour modifier le client.
-
Pour copier la ligne, cliquez surCopier.
-
Pour ancrer la ligne à la page ou supprimer une ancre existante, cliquez surDéfinir comme ancre ou modifier l'ancre.
-
Pour supprimer la ligne, cliquez surSupprimer.
La vidéo suivante montre les différentes options de configuration des lignes :
Note
Ces informations sont spécifiques à l'éditeur classique et ne concernent pas Editor 2.0 (anciennement connu sous le nom d'éditeur All-Flex). Pour identifier la version actuelle de votre éditeur, voirComment identifier la version de l'éditeur utilisée par votre site .
Pour modifier le style d'arrière-plan ou l'espacement de la ligne :
-
Passez la souris sur le coin supérieur gauche d'une ligne jusqu'à ce qu'un bouton apparaisse, puis cliquez surRangée, puis cliquez surModifier le design.
-
Sur leRéglagesonglet, les options suivantes s'offrent à vous :
-
Ligne de saignement complète. Pour transformer la ligne en une ligne à fond perdu, ce qui permet au contenu de s'étendre sur toute la largeur de l'écran, cliquez surLigne de saignement complètebasculer. Si vous choisissez de ne pas avoir de lignes à fond perdu, la largeur du contenu est limitée à 960 pixels
-
-
Sur leStyleonglet, sélectionnez Utiliser une couleur d'arrière-plan, une image ou une vidéo. Les options suivantes s'offrent à vous :
-
couleur
-
Sélectionnez unCouleur de fond. Le dégradé de couleur remplace l'image, et vice versa.
-
CliquezBordurepour sélectionner un type de bordure, puis déplacez le curseur pour définir la largeur de la bordure.
-
Pour ajouter une ombre, cliquez surOmbrebasculez et sélectionnez la couleur, le type et la position de l'ombre.
-
La vidéo suivante montre comment définir la couleur d'arrière-plan d'une ligne :
-
-
Image
-
Pour ajouter une image à l'arrière-plan, cliquez sur+pour ouvrir le sélecteur d'images.
-
Pour créer un curseur d'image d'arrière-plan, sélectionnez plusieurs images dans le sélecteur d'images et consultezCurseur d'image d'arrière-plan.
-
Sélectionnez cette option pour que l'image s'affiche en tant queCouvercle,Image complète,Tuile, ouPas de répétition.
-
Pour activer le défilement parallaxe sur une image d'arrière-plan, cliquez sur leDéfilement parallaxebasculer. Lorsque cette option est activée, le contenu d'arrière-plan défile plus lentement que le contenu de premier plan.
Note
-
Le défilement parallaxe n'est pas une option pour le curseur d'image d'arrière-plan ou pour les appareils mobiles.
-
L'option permettant de conserver une image d'arrière-plan statique n'est pas disponible pour les tablettes et les mobiles en raison d'une limitation d'iOS.
-
-
Configurez le Poste, Superposition d'arrière-plan, Bordure, et Ombre pour l'image.
-
La vidéo suivante montre comment ajouter une image d'arrière-plan à une ligne :
-
-
Vidéo.Sélectionnez une vidéopour visionner les vidéos mises en ligne ou coller l'URL de la vidéo YouTube, Vimeo ou Dailymotion dans le champ prévu à cet effet. Pour plus d'informations sur les arrière-plans vidéo, voirFonds d'écran des éléments.
Note
Pour plus d'informations sur les arrière-plans, voir Contexte des éléments.
-
Note
Ces informations sont spécifiques à l'éditeur classique et ne concernent pas Editor 2.0 (anciennement connu sous le nom d'éditeur All-Flex). Pour identifier la version actuelle de votre éditeur, voirComment identifier la version de l'éditeur utilisée par votre site .
Chaque ligne contient au moins une colonne. Les colonnes contiennent tous les widgets de votre site et contrôlent leur disposition. Chaque fois que vous ajoutez une nouvelle colonne, elle apparaît à côté de la colonne existante dans cette ligne.
Alors que les vues pour ordinateur et tablette permettent à chaque ligne de contenir jusqu'à quatre colonnes, les sites Web mobiles ne peuvent afficher que deux colonnes d'affilée au maximum. Les colonnes ajoutées dans l'affichage sur ordinateur ou sur tablette occuperont toute la largeur de la page lorsque vous passerez en mode mobile ; pour créer une ligne avec deux colonnes dans l'affichage mobile, passez d'abord en mode mobile, puis ajoutez un widget à deux colonnes
Pour supprimer une colonne, cliquez avec le bouton droit n'importe où sur la colonne pour ouvrir le menu contextuel, puis cliquez surSupprimer. Vous pouvez également cliquer sur le bouton rougeXdans le coin supérieur droit de la colonne.
Vous pouvez placer le widget directement dans les colonnes ou structurer davantage la colonne en ajoutant des lignes intérieures.
Note
Ces informations sont spécifiques à l'éditeur classique et ne concernent pas Editor 2.0 (anciennement connu sous le nom d'éditeur All-Flex). Pour identifier la version actuelle de votre éditeur, voirComment identifier la version de l'éditeur utilisée par votre site .
Utilisez l'éditeur de colonnes pour modifier l'arrière-plan d'une colonne (couleur ou image), ajouter une bordure ou ajuster l'espacement intérieur et extérieur de la colonne. Utilisez des colonnes pour organiser et organiser le contenu dans une rangée.
Pour configurer une colonne :
-
Cliquez avec le bouton droit de la souris sur la colonne. Le menu de l'éditeur de colonnes apparaît.
Note
S'il n'y a pas de remplissage dans la colonne, le clic droit ne sera pas directement accessible. Dans ce cas, pour accéder à la colonne, cliquez avec le bouton droit sur un widget qui se trouve dans la colonne (cela devrait faire apparaître le menu contextuel du widget et son nom sera noté en haut), cliquez surSélectionnez un conteneur, sélectionnezColonne. Pour vérifier que le menu contextuel de la colonne a été modifié, reportez-vous au haut de la page ; il devrait maintenant indiquerColonne.
-
Cliquez surDéplacer la colonne vers la gaucheetDéplacer la colonne vers la droiteflèches pour déplacer la colonne en cours vers la gauche ou la droite (les flèches seront désactivées s'il n'y a qu'une seule colonne).
-
Pour ouvrir l'éditeur de conception de colonnes, cliquez surModifier le design. Pour plus d'informations, voirÉditeur de conception de colonnes. L'éditeur de conception de colonnes apparaît.
-
Cliquez+Ajouteret sélectionnez l'une des options suivantes :
-
Colonne. Ajoutez une nouvelle colonne à la ligne actuelle (4 colonnes au maximum peuvent être ajoutées par ligne sur ordinateur et 2 sur mobile).
-
Rangée intérieure. Ajoutez une ligne dans la colonne actuelle.
-
Widget ci-dessous. Ajoutez un widget.
-
-
Pour effacer l'espacement intérieur à l'intérieur de la colonne, cliquez surRembourrage transparent.
-
Pour rétablir l'espacement défini dans l'espacement des thèmes, cliquez surRétablir l'espacement par défaut.
-
Pour ajouter une animation d'entrée à la colonne (par exemple, estomper depuis la droite, rebondir, zoomer), cliquez surAnimation d'entrée, et sélectionnez une option.
-
Pour masquer la colonne actuelle sur un appareil spécifique (ordinateur de bureau, tablette, mobile), cliquez surMasquer sur l'appareil, et sélectionnez l'appareil.
-
Pour verrouiller la colonne à des fins de modification par le client, cliquez surVerrouiller pour modifier le client.
-
Pour copier la colonne, cliquez surCopier.
-
Pour ancrer la colonne à la page ou supprimer une ancre existante, cliquez surDéfinir comme ancreouModifier l'ancre.
-
Pour supprimer la colonne, cliquez surSupprimer.
Note
Ces informations sont spécifiques à l'éditeur classique et ne concernent pas Editor 2.0 (anciennement connu sous le nom d'éditeur All-Flex). Pour identifier la version actuelle de votre éditeur, voirComment identifier la version de l'éditeur utilisée par votre site .
Pour modifier le style d'arrière-plan ou l'espacement d'une colonne :
-
Cliquez avec le bouton droit sur la colonne, puis cliquez surModifier le design.
-
Note
S'il n'y a pas de remplissage dans la colonne, le clic droit ne sera pas directement accessible. Dans ce cas, pour accéder à la colonne, cliquez avec le bouton droit sur un widget qui se trouve dans la colonne (cela devrait faire apparaître le menu contextuel du widget et son nom sera noté en haut), cliquez surSélectionnez un conteneur, sélectionnezColonne. Pour vérifier que le menu contextuel de la colonne a été modifié, reportez-vous au haut de la page ; il devrait maintenant indiquerColonne.
-
-
Sur leStyleonglet, sélectionnez une utilisation Couleur de fond,Image, ouVidéo. Les options suivantes s'offrent à vous :
-
couleur
-
Sélectionnez unCouleur de fond. Le dégradé de couleur remplace l'image, et vice versa.
-
CliquezBordurepour sélectionner un type de bordure, puis déplacez le curseur pour définir la largeur de la bordure.
-
Pour ajouter une ombre, cliquez surOmbrebasculez et sélectionnez la couleur, le type et la position de l'ombre.
-
-
Image
-
Pour ajouter une image à l'arrière-plan, cliquez sur+pour ouvrir le sélecteur d'images.
-
Pour créer un curseur d'image d'arrière-plan, sélectionnez plusieurs images dans le sélecteur d'images et consultezCurseur d'image d'arrière-plan.
-
Sélectionnez cette option pour que l'image s'affiche en tant queCouvercle,Image complète,Tuile, ouPas de répétition.
-
Configurez le Poste, Superposition d'arrière-plan, Bordure, et Ombre pour l'image.
-
-
VidéoSélectionnez une vidéopour visionner les vidéos mises en ligne ou coller l'URL de la vidéo YouTube, Vimeo ou Dailymotion dans le champ prévu à cet effet. Pour plus d'informations sur les arrière-plans vidéo, voirContexte des éléments.
Note
Pour plus d'informations sur les arrière-plans, voir Contexte des éléments.
-
Les curseurs d'image d'arrière-plan peuvent être utilisés pour définir des images d'arrière-plan pour les lignes ou les colonnes.
Après avoir sélectionné plusieurs images dans le sélecteur d'images, cliquez surTerminé. Une fois le curseur créé, sélectionnez une transition de diapositive dans le menu déroulant, puis déplacez le curseur pour sélectionner une vitesse de glissement (secondes).
Toutes les autres options d'image d'arrière-plan, telles que la superposition d'arrière-plan, le positionnement et le style d'affichage, peuvent être appliquées au curseur.
Note
Ces informations sont spécifiques à l'éditeur classique et ne concernent pas Editor 2.0 (anciennement connu sous le nom d'éditeur All-Flex). Pour identifier la version actuelle de votre éditeur, voirComment identifier la version de l'éditeur utilisée par votre site .
Les rangées intérieures offrent une flexibilité de conception supplémentaire en vous permettant d'ajouter des lignes à l'intérieur des colonnes. À l'aide des lignes intérieures, vous pouvez modifier la disposition des colonnes et conserver la conception générale de la ligne (par exemple, arrière-plan, espacement, fond perdu)
Tout comme les lignes ordinaires, les lignes intérieures peuvent avoir leur propre arrière-plan et leur propre espacement, être divisées en quatre colonnes maximum et leur ordre de colonne modifié sur mobile. Les colonnes des lignes intérieures peuvent être remplies par n'importe quel widget, mais les lignes intérieures ne peuvent pas être ajoutées à ces colonnes.
Pour ajouter une ligne intérieure à une colonne, effectuez l'une des opérations suivantes :
-
Cliquez avec le bouton droit sur la ligne, puis cliquez surAjouter une rangée intérieure. Si la ligne comporte plusieurs colonnes, choisissez la colonne à laquelle vous souhaitez ajouter les lignes intérieures.
-
Cliquez avec le bouton droit sur la colonne, puis cliquez surAjouter une rangée intérieure.
-
Cliquez avec le bouton droit sur la ligne intérieure, puis cliquez surAjouter une lignepour placer une rangée intérieure en dessous de la ligne actuelle.
Pour donner un exemple d'utilisation de la ligne intérieure, examinons deux manières de concevoir une mise en page contenant un titre et 3 boutons :
Exemple 1 : ajoutez deux lignes. Placez le titre dans la ligne 1 avec 1 colonne. Divisez la ligne 2 en 3 colonnes. Placez un bouton dans chaque colonne. Notez que deux lignes distinctes ne peuvent pas partager la même image d'arrière-plan et que vous devez définir l'espacement et le style de fond perdu séparément pour chaque ligne
Exemple 2 : ajoutez une ligne. Par défaut, chaque ligne contient une colonne. Ajoutez 2 lignes intérieures à la colonne. Placez le titre dans la rangée intérieure 1. Divisez la rangée intérieure 2 en 3 colonnes. Placez un bouton dans chaque colonne. Ces deux rangées intérieures partageront l'arrière-plan, l'espacement et le fond perdu de la rangée principale.
Voici quelques points importants à prendre en compte lors de la modification des lignes intérieures :
-
Vous ne pouvez utiliser les flèches de changement d'ordre que pour changer l'ordre entre les rangées intérieures. Pour changer l'ordre des widgets et des lignes intérieures, vous devez faire glisser et déposer manuellement les widgets au-dessus ou en dessous de la ligne intérieure.
-
widgets à 2 colonnes, 3 colonnes et 4 colonnes ne peuvent pas être placés dans les lignes intérieures. Pour ajouter une colonne, cliquez avec le bouton droit sur la ligne et cliquez sur Ajouter une colonne.
-
Contrairement aux lignes normales, les lignes intérieures ne peuvent pas être copiées.
Note
Les titulaires de comptes et les membres du personnel peuvent créer et enregistrer des sections que les clients peuvent utiliser, mais les clients ne peuvent pas créer et enregistrer leurs propres sections.
Les sections sont des rangées d'éléments prédéfinies que les utilisateurs peuvent ajouter à leurs sites réactifs. Les sections permettent aux utilisateurs de créer rapidement de superbes sites en économisant du temps pendant le processus de conception. L'infrastructure a été conçue afin d'offrir une meilleure expérience utilisateur grâce à une variété de sections prédéfinies
Note
-
Les sections n'utilisent aucun CSS personnalisé et sont toutes créées dans l'éditeur par des concepteurs.
-
Les sections n'utilisent pas les paramètres de couleur ou de police du texte définis dans les paramètres du thème du site. Cependant, vous pouvez toujours effacer le format et appliquer votre design.
Ajouter des sections
Pour ajouter des sections de widgets :
-
Passez la souris entre les lignes, puis cliquez sur Ajouter une section.
-
Sélectionnez Conçu. Les sections s'affichent dans le panneau latéral.
-
En mode Section, une galerie de sections prédéfinies est disponible dans le panneau de gauche, regroupées en catégories (introduction, fonctionnalités, À propos, équipe, témoignages, etc.).
-
Dans le panneau latéral, cliquez sur une section pour l'afficher sous la forme d'une nouvelle ligne. Vous pouvez ensuite parcourir les sections du même groupe à l'aide des touches fléchées ou en sélectionnant une section dans un autre groupe.
-
Pour intégrer la section dans le site, cliquezEnregistrer. Vous pouvez également cliquerEnregistrer et ajouter un autrepour continuer à ajouter des sections à votre site. La section est convertie en ligne et tous les éléments de la section sont modifiables
Créez une section flexible avec l'IA
Pour rationaliser le processus de création et améliorer la flexibilité de la conception, vous pouvez utiliser l'assistant IA pour générer du contenu et concevoir des sections flexibles.
Pour obtenir des instructions détaillées sur la création de sections flexibles avec l'IA, voirCréez une section flexible avec l'IA.
Note
-
Vous devez bénéficier d'un forfait Team ou supérieur et disposer des autorisations AI Assistant pour utiliser cette fonctionnalité.
Lors de l'alignement des widgets dans la même colonne, le créateur du site Web tente deCapturez pour alignerqu'ils soient exactement de la même taille. Au fur et à mesure que vous redimensionnez, le constructeur saute en avant ou en arrière pour revenir à l'emplacement. Cela devrait faciliter la création de widgets exactement de la même taille.
Il existe également une fonction Snap to Grid. Snap to Grid Cette fonctionnalité permet de placer des widgets dans les pages de votre site avec une précision professionnelle. Ce système vous permet d'aligner les widgets horizontalement et verticalement dans les colonnes et les lignes. Les règles sont présentées lors du déplacement d'un élément dans sa ligne ou sa colonne, ou lors du redimensionnement du widget. Les éléments alignés sont marqués d'une bordure colorée. Un widget peut être aligné avec plusieurs autres widgets, selon le cas d'utilisation spécifique.
L'alignement est pris en charge dans les vues des trois appareils différents (ordinateur de bureau, tablette, mobile).
Pour plus d'informations sur la configuration des en-têtes et des pieds de page, consultez :