Comment modifier le remplissage à l'aide de l'icône de verrouillage/déverrouillage

Lors de la conception des pages de votre boutique dans GemPages, un espacement correct autour de chaque élément fait toute la différence entre une page soignée et une page encombrée. Rembourrage est l'un des contrôles d'espacement les plus importants ; il définit l'espace intérieur entre le contenu d'un élément et sa bordure en haut, à droite, en bas et à gauche.

Pour rendre l'édition des marges plus rapide et plus flexible, GemPages propose une Icône de verrouillage/déverrouillage Cela vous permet de choisir entre régler les quatre côtés simultanément ou chaque côté indépendamment. Ce guide vous expliquera précisément comment l'utiliser.

Qu'est-ce que le padding dans GemPages ?

Rembourrage Il s'agit de l'espacement interne d'un élément. Il détermine l'espace entre le contenu (texte, image, bouton, etc.) et les bords du conteneur qui le contient.

Dans GemPages, chaque élément possède quatre valeurs de marge intérieure que vous pouvez ajuster :

• Top: espace au-dessus du contenu
• Des: espace à droite du contenu
• Bas: espace sous le contenu
• Gauche: espace à gauche du contenu

Un ajustement correct des marges intérieures vous aide à créer des mises en page équilibrées, à améliorer la lisibilité et à garantir que votre design s'affiche correctement aussi bien sur ordinateur que sur appareils mobiles.

Où trouver le réglage du rembourrage

Pour accéder aux commandes de marge intérieure de n'importe quel élément dans GemPages :

1. Ouvrez votre page dans le Éditeur GemPages.
2. Cliquez sur l'élément que vous souhaitez modifier (par exemple, un titre, une image, un bouton ou une section).
3. Dans la barre latérale de droite, faites défiler vers le bas jusqu'à la section espacement .

Vous verrez quatre champs de saisie représentant Haut, Droite, Bas et Gauche, avec un petit icône de verrouillage dans le centre.

Utiliser l'icône de verrouillage/déverrouillage pour modifier le remplissage

L'icône de verrouillage au centre des commandes de marge intérieure est essentielle pour une édition flexible. Elle possède deux états :

Mode verrouillé : Modifier les 4 faces simultanément

Lorsque l'icône s'affiche comme ferméLes quatre valeurs de remplissage sont liées entre elles. Cela signifie que si vous modifiez l'une d'elles, les trois autres seront automatiquement mises à jour.

Quand utiliser le mode verrouillé :

• Vous voulez espacement uniforme sur tous les côtés d'un élément.
• Vous appliquez un remplissage uniforme aux boutons, aux cartes ou aux sections où la symétrie est importante.
• Vous souhaitez gagner du temps en évitant de régler chaque côté manuellement.

Comment l'utiliser:

1. Assurez-vous que l'icône de verrouillage se trouve dans le fermé/verrouillé Etat.
2. Cliquez sur l'une des quatre cases de saisie (Haut, Droite, Bas ou Gauche).
3. Saisissez la valeur souhaitée (par exemple, 20px).
4. Les quatre côtés seront instantanément mis à jour avec la même valeur.

Mode déverrouillé : Modifiez chaque côté individuellement

Lorsque vous cliquez sur l'icône de verrouillage, l'application passe en mode déverrouillé Dans cet état, chacune des quatre valeurs de remplissage devient indépendante et vous pouvez définir un nombre différent pour chaque côté.

Quand utiliser le mode déverrouillé :

• Vous devez espacement asymétriquePar exemple, un rembourrage plus important en haut qu'en bas.
• Vous peaufinez une section principale, une bannière ou une mise en page spéciale.
• Vous souhaitez aligner un élément avec un contenu environnant dont l'espacement n'est pas uniforme.

Comment l'utiliser:

1. Cliquez sur l'icône de verrouillage pour passer en mode déverrouillé Etat.
2. Cliquez sur la case correspondant au côté que vous souhaitez modifier (Haut, Droite, Bas ou Gauche).
3. Saisissez la valeur souhaitée pour ce côté précis.
4. Seul le côté que vous avez modifié changera, les trois autres resteront inchangés.

Comparaison rapide : Verrouillé vs. Déverrouillé

Conseils pour modifier efficacement le remplissage

Pour obtenir les meilleurs résultats lors de la gestion des marges internes dans GemPages, gardez ces conseils à l'esprit :

• Démarrer en mode verrouillé Pour une base de référence saine, passez en mode déverrouillé si vous devez ajuster des aspects spécifiques.
• Vérifier la réactivité — Basculez entre les vues ordinateur, tablette et mobile dans l'éditeur pour vous assurer que votre marge intérieure s'affiche correctement sur tous les écrans.
• Utilisez des valeurs cohérentes uniformisez les éléments similaires (comme tous vos titres de section ou vos fiches produits) pour un design plus professionnel et cohérent.
• Évitez le rembourrage excessif — Trop d'espace vide peut reléguer du contenu important en dessous de la ligne de flottaison et nuire à l'expérience utilisateur.
• Combinez le remplissage avec la marge Avec discernement : le remplissage contrôle l’espace intérieur, tandis que la marge contrôle l’espace extérieur. Utilisez les deux pour un contrôle précis de la mise en page.

Questions fréquemment posées

1. Puis-je définir des valeurs de marge différentes pour les ordinateurs de bureau et les appareils mobiles ?

Oui. GemPages vous permet de définir un espacement adaptatif pour chaque type d'appareil. Changez d'affichage selon l'appareil dans la barre d'outils de l'éditeur (Ordinateur, Tablette, Mobile) et ajustez l'espacement séparément pour chaque appareil.

2. Quelles unités puis-je utiliser pour le rembourrage ?

GemPages prend généralement en charge px (pixels) pour les valeurs de marge intérieure. Les pixels vous offrent un contrôle précis de l'espacement sur chaque écran.