Page Builder Workspace
Lorsque Page Builder est activé, la section Content et le processus de création de contenu sont modifiés pour tirer parti des Page Builder outils avancés pour les pages du CMS, les pages et les pages de catégorie, les blocs et les 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 Page Builder plein écran.
En-tête du contenu
Comme les moteurs de recherche recherchent les 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 mieux contrôler le positionnement et le 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 qu’il existe du contenu créé avec Page Builder, elle affiche un aperçu du contenu tel qu’il apparaîtrait dans une page. Cliquez sur Edit with Page Builder ou à l’intérieur de la zone d’aperçu du contenu pour ouvrir l’espace de travail Page Builder, où vous pouvez effectuer les mises à jour nécessaires.
Évaluation
Lorsque vous ouvrez l’espace de travail Page Builder à partir de l’aperçu, l’étape est la principale zone de travail dans laquelle vous pouvez créer et formater du contenu, et même apporter des modifications rapides au contenu en direct. La scène est initialement vide. Elle fournit la surface de conception sur laquelle vous pouvez faire glisser des lignes, des colonnes et des onglets à partir du panneau de gauche.
Fenêtres d’affichage
Une fenêtre d’affichage est la zone visible d’une page web qu’un utilisateur voit. En mode de conception plein écran, les boutons de fenêtre d’affichage s’affichent au-dessus de l’étape Page Builder pour vous montrer le contenu tel que l’utilisateur 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 minimales et maximales au sein 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.
Les fenêtres d’affichage Page Builder offrent deux fonctionnalités : aperçus de contenu et paramètres de point d’arrêt.
Prévisualisations du 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 l’appli de bureau (à l’aide d’une largeur minimale de 1 024 pixels au point d’arrêt) sont toujours appliqués à la page. Toutefois, la largeur de la fenêtre d’affichage de l’appli de bureau est définie par les paramètres pour les types de contenu de conteneur, tels que Lignes. La sélection de la fenêtre d’affichage de bureau indique le style de votre contenu sur le storefront lorsque la largeur de la page du navigateur est de 1 024 pixels et plus large.
-
Mobile : affiche l’aperçu du contenu sur une largeur prédéfinie de 768 pixels. Contrairement à la fenêtre d’affichage pour ordinateur de bureau, la fenêtre d’affichage mobile affiche le contenu de votre page avec une largeur de 768 pixels, ainsi que les styles définis pour les largeurs de point d’arrêt de 768 pixels (maximum) et de 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 Minimum Height de 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 Contenu qui autorisent des paramètres de point d’arrêt spécifiques affichent une icône à droite du champ, comme dans l’exemple suivant pour une ligne :
Panneau
Le panneau Page Builder se trouve à gauche de l’étape et contient les types de contenu qui peuvent être déplacés vers l’étape. 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 est utilisée pour 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 directement à la scène que.
É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 d’HTML à n’importe quel conteneur de mises en page sur l’ Page Builder étape. Lorsque vous faites glisser un type de contenu du panneau vers une ligne ou une colonne, ou vers un ensemble d’onglets sur la scène, un conteneur s’affiche. Utilisez la boîte à outils de type de contenu pour accéder aux paramètres spécifiques au type.
Média
Utilisez la section Media du panneau Page Builder pour ajouter des images, des vidéos, des bannières, des curseur et Google Maps à n’importe quel conteneur de mises en page sur l’ Page Builder étape. Lorsqu’un type de contenu multimédia est glissé du panneau vers la scène, un conteneur s’affiche avec une boîte à outils contenant les options propres au type de contenu.
Ajouter du contenu
Utilisez la section Add Content du panneau Page Builder pour ajouter du contenu existant à la Page Builder scène. 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 de type de contenu pour accéder aux_ Paramètres _spécifiques au type.
Panneau
Toolbox
Chaque conteneur de contenu sur la scène 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 sélectionnez une option.
Options de boîte à outils
