Paramètres de section GemPages : Mise en page, arrière-plan, forme et commandes avancées

Qu'est-ce qu'une section dans GemPages ?

A Blog est l'élément de base de toute page dans GemPages. Chaque page est composée de plusieurs sections empilées verticalement, et chaque section peut contenir un ou plusieurs colonnes, lignes et éléments à l'intérieur.

Les sections vous aident à structurer votre page en blocs de contenu clairs, tels que des bannières principales, des caractéristiques de produits, des témoignages ou des appels à l'action, afin que vous puissiez concevoir et gérer chaque partie indépendamment.

Dans le nouvel éditeur GemPages v7, les sections sont plus flexibles que jamais :

• Vous pouvez ajouter jusqu'à 6 Colonnes à l'intérieur d'une section
• Ajuster l'espacement, la taille et les styles d'arrière-plan
• Appliquer des bordures, des rayons d'angle et des ombres
• Contrôlez l'affichage de cette section sur différents appareils.

Configurer l'onglet Paramètres

Dans l'éditeur GemPages, cliquez sur la section cible pour ouvrir son panneau de paramètres sur votre gauche.

À partir de là, vous pouvez personnaliser la visibilité de votre section comme vous le souhaitez, notamment :

Mise En Page

Sélectionnez la mise en page préférée de votre section sous Mise En Page Paramètres. Vous pouvez ajouter jusqu'à 6 colonnes dans une section.

Largeur de colonne

Si votre section comporte plusieurs colonnes, vous pouvez ajuster la largeur des colonnes.

• Taux de variation : ajuster manuellement
• Adapté au contenu : Ajustement automatique de la largeur de chaque colonne en fonction de votre contenu

Gestion des colonnes

Dans cette configuration, cliquez sur le Commande cliquez sur la case pour ouvrir le panneau des paramètres détaillés. réarranger la position de chaque colonne, dupliquer il, ou delete le

Taille

Le Taille Les paramètres vous permettent de contrôler la largeur de votre section et l'espacement interne, vous aidant ainsi à créer une mise en page claire et agréable.

• Largeur: Choisissez la largeur de votre section :
  • Plein (100%)Cette section s'étend sur toute la largeur du navigateur, idéale pour les bannières principales, les images pleine largeur ou les grands blocs visuels.
  • Par défaut (1200 px): Maintient le contenu centré avec une largeur maximale fixe pour une mise en page plus structurée.
• Rembourrage: Le remplissage ajoute de l'espace à l'intérieur de la section, autour de tous les éléments internes. Vous pouvez ajuster le remplissage en haut, en bas, à gauche et à droite pour aérer votre contenu.

• Marge intérieure de la page : Le remplissage de page contrôle l'espace entre les éléments bords du navigateur et sections de pageVous pouvez définir cela globalement sous Styles globaux > Rembourrage de page.
  • OuiCette section respecte le paramètre global de marge intérieure de la page pour assurer une cohérence sur l'ensemble de la page.
  • NonCette section utilise les valeurs de marge intérieure personnalisées que vous avez définies ci-dessus, ce qui vous offre une plus grande flexibilité de mise en page.

Présentation

En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Présentation Dans les paramètres, vous pouvez modifier les couleur de fond ou utilisez un image/face comme arrière-plan de votre section.

Reportez-vous à cet article pour plus d'informations sur la personnalisation des paramètres d'arrière-plan dans GemPages.

Forme

La section paramètres de forme vous permet de styliser son frontière, coins et ombre pour que votre mise en page paraisse plus soignée et en accord avec le style de votre marque.

• Frontière: Ajoutez une bordure autour de votre section et ajustez sa couleur, son épaisseur et son contour afin de définir des limites claires entre les grands blocs de contenu.

• Coin: Pour obtenir un style visuel plus harmonieux, ajustez le rayon des angles de votre section.

• Ombre: Utilisez les commandes d'ombre pour créer de la profondeur visuelle ou mettre en valeur votre section. Vous pouvez configurer :
  • Catégorie: Extérieur, intérieur ou centré
  • Direction: Choisis où l'ombre se projette.
  • Couleur : Faites correspondre la palette de votre marque
  • Distance: Jusqu'où l'ombre est projetée
  • Brouiller: L'ombre paraît-elle douce ou nette ?
  • Dimensions L'étendue de l'ombre

Aligner

Ajustez l'alignement de votre section. Vous pouvez choisir parmi les options suivantes : alignée à gauche, horizontal centré, ou alignée à droite.

Configurer l'onglet Avancé

Le Avancé L'onglet vous offre un contrôle accru sur l'apparence de votre section sur différents appareils, ainsi que des options d'espacement détaillées et des styles de forme supplémentaires.

Ces paramètres vous permettent d'affiner la réactivité et de créer une mise en page claire et cohérente sur l'ensemble de votre page.

Pour une personnalisation plus avancée, veuillez suivre les instructions dans cet article.