Page Builder Workspace
Lorsque l’option Page Builder est activée, la section Content et le processus de création de contenu sont modifiés afin de tirer parti des outils de Page Builder avancés pour les pages CMS pages, produit et catégorie, blocs et blocs dynamiques. Cette section comprend un champ_ En-tête de contenu _, un aperçu du contenu et un accès facile à l’espace de travail de Page Builder en plein écran.
Titre du contenu
Comme les moteurs de recherche recherchent des en-têtes de niveau 1 (H1), l’ajout d’un en-tête de niveau 1 est un moyen facile de s’assurer que la page est correctement indexée.
Pour un meilleur contrôle du positionnement et du format des en-têtes de tous les niveaux, il est recommandé de laisser le champ Content Heading vide et d’utiliser le type de contenu Page Builder En-tête.
Prévisualiser
Lorsque vous développez la section Content et que du contenu existant est créé avec Page Builder, elle affiche un aperçu du contenu tel qu’il apparaîtrait sur une page. Cliquez sur Edit with Page Builder ou dans la zone d’aperçu du contenu pour ouvrir l’espace de travail Page Builder, où vous pouvez effectuer les mises à jour nécessaires.
Étape
Lorsque vous ouvrez l’espace de travail Page Builder depuis l’aperçu, la scène est l’espace de travail principal où vous pouvez créer et mettre en forme le contenu, et même apporter des modifications rapides au contenu en direct. L’étape est initialement vide, fournissant la surface de conception dans laquelle vous pouvez faire glisser des lignes, des colonnes et des onglets depuis le panneau de gauche.
Fenêtres d’affichage
Une fenêtre d’affichage est la zone visible d’une page web que l’utilisateur voit. En mode de conception plein écran, les boutons de fenêtre d’affichage s’affichent au-dessus de l’étape de Page Builder pour vous montrer le contenu tel que l’utilisateur du site le voit sur le storefront.
Page Builder définit également des points d’arrêt pour les fenêtres d’affichage. Les points d’arrêt définissent les largeurs minimale et maximale à l’intérieur desquelles certains styles sont appliqués. Les fenêtres d’affichage Page Builder fournissent les points d’arrêt de contenu suivants :
- Point d’arrêt du bureau—
min-width: 1024px. Ce point d’arrêt applique les styles définis pour les largeurs de fenêtre d’affichage qui mesurent 1 024 pixels et plus. - Points d’arrêt mobiles—
max-width: 768px, min-width: 640px. Ces points d’arrêt appliquent des styles définis pour les largeurs de fenêtre d’affichage comprises entre 768 et 640 pixels.
Page Builder fenêtres d’affichage offrent deux fonctionnalités : aperçus de contenu et paramètres de point d’arrêt.
Aperçus de contenu
Par défaut, Page Builder fournit deux aperçus de fenêtre d’affichage :
-
Bureau — Affiche l'aperçu du contenu sans largeur prédéfinie. Les styles définis par le bureau (utilisant une largeur minimale du point d’arrêt de 1 024 pixels) sont toujours appliqués à la page. Cependant, la largeur de la fenêtre d’affichage Bureau est définie par des paramètres pour les types de contenu de conteneur, tels que Lignes. La sélection de la fenêtre du Bureau permet de voir comment votre contenu est mis en forme sur le storefront lorsque la largeur de page du navigateur est de 1 024 pixels et plus.
-
Mobile : affiche l'aperçu du contenu sur une largeur prédéfinie de 768 pixels. Contrairement à la fenêtre d’affichage de bureau, la fenêtre d’affichage mobile affiche le contenu de votre page sur une largeur de 768 pixels, ainsi que les styles définis pour les largeurs de point d’arrêt de 768 pixels (maximum) et 640 pixels (minimum).
Paramètres des points d’arrêt
Les boutons de fenêtre d’affichage offrent également la possibilité d’appliquer différents styles de point d’arrêt aux types de contenu en fonction de la fenêtre d’affichage sélectionnée. Par défaut, Page Builder fournit des paramètres de point d’arrêt pour les champs de Minimum Height des lignes, colonnes, onglets, éléments d’onglet, bannières, curseurs et diapositives. Lorsque vous sélectionnez la fenêtre d’affichage mobile, puis ouvrez l’éditeur pour l’un de ces types de contenu, vous pouvez saisir des valeurs de champ spécifiques aux points d’arrêt de la fenêtre d’affichage mobile. Les champs de type de contenu qui autorisent des paramètres de point d’arrêt spécifiques affichent une icône à droite du champ, similaire à l’exemple suivant pour une ligne :
Panneau
Le panneau Page Builder est situé à gauche de la scène et contient les types de contenu qui peuvent être déplacés vers la scène. Un conteneur spécifique au type de contenu s’affiche alors avec une boîte à outils d’options. Les types de contenu sont organisés dans le panneau comme suit :
Disposition
La section Layout du panneau Page Builder permet d’ajouter des lignes, des colonnes ou des onglets à la scène. Lorsque vous faites glisser un type de contenu du panneau vers la scène, un conteneur s’affiche avec une boîte à outils d’options spécifiques au type de contenu.
Par défaut, l’étape Page Builder est vide. Lorsque vous faites glisser des types de contenu de mise en page du panneau vers la scène, vous pouvez les placer au-dessus, en dessous ou à l’intérieur d’autres conteneurs de mise en page sur la page. Les lignes ne peuvent être ajoutées que directement à l'étape.
Éléments
Utilisez la section Elements du panneau Page Builder pour ajouter du texte, des en-têtes, des boutons, des séparateurs et du code HTML à n’importe quel conteneur de disposition sur la Page Builder scène. Lorsque vous faites glisser un type de contenu du panneau vers une ligne, une colonne ou un ensemble d’onglets sur la scène, un conteneur s’affiche. Utilisez la boîte à outils Type de contenu pour accéder aux paramètres spécifiques au type.
Panneau
Média
Utilisez la section Media du panneau Page Builder pour ajouter des images, des vidéos, des bannières, des curseurs et des Google Maps à n’importe quel conteneur de dispositions sur la Page Builder scène. Lorsqu’un type de contenu multimédia est déplacé du panneau vers la scène, un conteneur s’affiche avec une boîte à outils d’options spécifiques au type de contenu.
Ajouter du contenu
Utilisez la section Add Content du panneau Page Builder pour ajouter du contenu existant à l’Page Builder étape. Lorsque vous faites glisser un type de contenu multimédia du panneau vers la scène, un conteneur s’affiche. Utilisez la boîte à outils Type de contenu pour accéder aux_ Paramètres _qui sont spécifiques au type.
Boîte à outils
Chaque conteneur de contenu de l’étape comporte une boîte à outils d’options. Les options varient selon le type de contenu, mais incluent généralement Déplacer, Paramètres, Masquer/Afficher, Dupliquer et Supprimer.
Afficher la boîte à outils
Pointez sur le conteneur pour afficher la boîte à outils et choisissez une option.
Options de la boîte à outils
