Repose de ligne de grille d'élément (Pro) : une grille de conception pour les dispositions alignées
Grid Line est une extension Master Addons Pro qui dessine une grille de colonnes sur votre page à l'intérieur de l'éditeur Elementor Vous définissez le nombre de colonnes, la gouttière, la largeur maximale et le décalage dans Paramètres de page, puis alignez les sections et les widgets contre les colonnes, la façon dont les concepteurs travaillent dans Figma La grille n'apparaît que pendant que vous modifiez, et les visiteurs ne la voient jamais sur la page publiée.
Comment utiliser Grid Line dans Elementor
Grid Line est un paramètre par page, vous l'allumez donc uniquement là où vous en avez besoin. Découvrez ceci Documents sur l'extension de la ligne de grille.
- Avec Master Addons Pro actif, rendez-vous sur Additions principales > Extensions et allumez Ligne Grille.
- Ouvrez une page dans Elementor et cliquez sur le Paramètres de la page icône dans la barre supérieure.
- Sur le Paramètres onglet, développer Ligne Grille et ensemble Activer allumer.
- Définir Colonnes, Largeur maximale et Gouttière pour correspondre à votre design, et ajoutez un Décalage si votre disposition a des marges latérales.
- Passez à la vue tablette et mobile pour définir les valeurs de ces écrans.
- Alignez vos sections et vos widgets sur les colonnes La grille n'apparaît pas sur la page publiée.
Colonnes, gouttière, largeur et décalage
La section Ligne de grille dans Paramètres de page a un Activer interrupteur, Couleur de grille (un gris translucide clair par défaut), Colonnes de 1 à 12, Largeur maximale, Décalage, Gouttière et Z-Index. Colonnes, largeur maximale, décalage et gouttière peuvent prendre différentes valeurs sur le bureau, la tablette et le mobile.
- Par défaut: 12 colonnes, 1140 px largeur max et une gouttière 15 px sur le bureau, 1025 px et 10 px sur tablette, 768 px et 8 px sur mobile.
- Correspond à votre thème : définissez Max Width sur la largeur de contenu de votre site afin que les colonnes s'alignent sur la mise en page réelle.
- Visibilité : choisissez une couleur avec transparence pour que votre contenu reste lisible et gardez Z-Index à 999 afin que la grille se situe au-dessus du design.
Façons de vérifier une disposition par rapport à une grille dans l'élémenteur
Elementor n'a pas de superposition de grille de conception propre Ce sont les options habituelles.
| Caractéristique | Élémenteur seul | Inspecteur de grille Browser DevTools | Ligne de grille principale Addons |
|---|---|---|---|
| Prix | Gratuit | Gratuit | Maître Addons Pro |
| Concevoir une grille de colonnes sur la page | Non | Uniquement sur les éléments qui utilisent CSS Grid | Oui, sur toute la page |
| Configurer à l'intérieur de l'éditeur Elementor | Non | Non, vous inspectez le cadre d'aperçu | Oui, dans Paramètres de la page |
| Colonnes, gouttière et largeur par appareil | Non | Suit la grille propre de l'élément | Oui |
| Visible pour les visiteurs | Non | Non | Non |
Si votre mise en page utilise déjà le conteneur Grid d'Elementor, l'inspecteur de grille du navigateur peut afficher ces pistes gratuitement Grid Line est pour vérifier n'importe quelle mise en page, conteneurs flexbox inclus, par rapport à une grille de conception fixe comme celle de votre fichier Figma.
Autres assistants de l'éditeur : Quel élément (gratuit) et Positionnement (gratuit).
Questions fréquemment posées sur la ligne de grille
La grille affecte-t-elle l'apparence de mon site en première ligne ?
Non. La grille n'apparaît qu'à l'intérieur de l'éditeur Elementor. Les visiteurs voient la page publiée sans elle, même si vous laissez Activer.
Quelle est la différence entre Gutter et Offset ?
Gutter est l'espace entre les colonnes Le décalage est l'espace entre le bord de l'écran et l'endroit où commence la grille Avec Max Width, ils vous permettent de copier la largeur de contenu et l'espacement des colonnes de votre thème.
Puis-je utiliser cela avec le propre système Flexbox Container d'Elementor ?
Oui. La grille est dessinée sur tout l'aperçu, elle fonctionne donc aussi bien avec les conteneurs flexbox, les conteneurs de grille et les sections plus anciennes. Il n'enclenche pas d'éléments dans les colonnes, vous les alignez donc vous-même.
Grid Line est-elle gratuite ?
No. Grid Line fait partie de Master Addons Pro.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
