Documentation SeedProd

Documentation, matériel de référence et tutoriels pour SeedProd

Bloc d'espacement

Le bloc d'espacement vous permet d'ajouter des quantités précises d'espace vertical entre d'autres blocs sur vos pages SeedProd. Plutôt que de vous fier aux paramètres de marge et de remplissage dispersés sur des blocs individuels, l'espacement vous donne un élément dédié et visible que vous pouvez placer n'importe où dans votre mise en page pour contrôler l'espace entre les sections, les titres, les images ou tout autre contenu.

Ce qui rend le bloc d'espacement particulièrement utile, c'est son contrôle de hauteur par appareil. Vous pouvez définir une hauteur d'espacement différente pour les écrans de bureau, de tablette et de mobile indépendamment, afin que l'espacement de votre page paraisse intentionnel et soigné sur chaque appareil sans compromettre les paramètres des autres blocs.

Bloc d'espacement ajoutant de l'espace vertical entre les sections sur une page SeedProd

Prérequis : Le bloc d'espacement est disponible dans tous nos plans de licence.


Ajouter le bloc d'espacement à vos pages

Suivez ces étapes pour ajouter un bloc d'espacement à votre page SeedProd :

Étape 1 : Ajouter le bloc

Sous Conception > Blocs, faites glisser et déposez le bloc Espacement dans la section souhaitée de votre page entre les éléments que vous souhaitez espacer.

Faire glisser le bloc d'espacement sur une page SeedProd entre deux sections de contenu

Étape 2 : Configurer la hauteur de l'espacement

Une fois ajouté, cliquez sur le bloc d'espacement pour ouvrir ses paramètres. La section Espacement contient un seul contrôle Hauteur avec des curseurs par appareil afin que vous puissiez définir exactement la quantité d'espace qui apparaît sur chaque taille d'écran.

  • Hauteur (Bureau) : Définissez la hauteur de l'espacement pour les écrans de bureau à l'aide du curseur (0–500px). Cliquez sur l'icône de bureau pour modifier cette valeur.
  • Hauteur (Tablette) : Définissez la hauteur de l'espacement pour les écrans de tablette à l'aide du curseur (0–500px). Cliquez sur l'icône de tablette pour passer en mode d'édition tablette et ajustez la valeur indépendamment du bureau.
  • Hauteur (Mobile) : Définissez la hauteur de l'espacement pour les écrans mobiles à l'aide du curseur (0–500px). Cliquez sur l'icône mobile pour passer en mode d'édition mobile et ajustez la valeur indépendamment du bureau et de la tablette.
Paramètres du bloc d’espacement affichant le curseur Hauteur avec les icônes de sélection d’appareils de bureau, de tablette et mobiles

Étape 3 : Enregistrer vos modifications

Une fois que vous avez terminé la configuration du bloc d'espacement, assurez-vous d'enregistrer votre travail.


Vous avez ajouté avec succès un bloc d'espacement à votre page ! Utilisez-le partout où votre mise en page nécessite un espace contrôlé — entre une section d'accueil et votre première rangée de contenu, entre un titre et une image, ou partout où l'espacement par défaut entre les blocs ne correspond pas à votre conception. Avec des valeurs de hauteur indépendantes pour le bureau, la tablette et le mobile, vous pouvez affiner le rythme vertical de votre page sur chaque appareil sans toucher aux paramètres d'aucun autre bloc.

Articles associés