Elementor Grid Line Overlay (Pro): Et designgitter til justerede layouts
Grid Line er en Master Addons Pro udvidelse, der tegner et kolonne gitter over din side inde i Elementor editor. Du indstiller antallet af kolonner, tagrenden, den maksimale bredde og forskydningen i Sideindstillinger, og derefter line up sektioner og widgets mod kolonnerne, den måde designere arbejder i Figma. Gitteret vises kun, mens du redigerer, og besøgende aldrig se det på den offentliggjorte side.
Sådan bruges gitterlinje i Elementor
Grid Line er en per-side indstilling, så du tænder den kun, hvor du har brug for det. Tjek dette Gitterlinjeudvidelsesdokumenter.
- Med Master Addons Pro aktiv, gå til Master Addons > Udvidelser og tænd Gitterlinje.
- Åbn en side i Elementor, og klik på Sideindstillinger ikon i den øverste bjælke.
- På Indstillinger tab, udvid Gitterlinje og sæt Aktiver til On.
- bestemme Kolonner, Max bredde og Rendesten for at matche dit design, og tilføj en forskydning hvis dit layout har sidemargener.
- Skift til tablet- og mobilvisning for at indstille værdier for disse skærme.
- Sæt dine sektioner og widgets op mod kolonnerne. Gitteret vises ikke på den publicerede side.
Kolonner, Tagrende, Bredde og Offset
Afsnittet Gitterlinje i Sideindstillinger har en Aktiver skifte, Gitterfarve (en lys gennemskinnelig grå som standard), Kolonner fra 1 til 12, Max bredde, forskydning, Rendesten og Z-indeks. Kolonner, Max Bredde, Offset og Gutter kan tage forskellige værdier på desktop, tablet og mobil.
- Standardindstillinger: 12 kolonner, 1140px max bredde og en 15px tagrende på desktop, 1025px og 10px på tablet, 768px og 8px på mobil.
- Match dit tema: indstil Max Width til dit websteds indholdsbredde, så kolonnerne er på linje med det rigtige layout.
- Synlighed: vælg en farve med gennemsigtighed, så dit indhold forbliver læsbart, og hold Z-Index på 999, så gitteret sidder over designet.
Måder at kontrollere et layout mod et gitter i Elementor
Elementor har ingen design gitter overlay af sine egne. Disse er de sædvanlige muligheder.
| særpræ | Elementor alene | Browser DevTools gitterinspektør | master addons gitter linje |
|---|---|---|---|
| værdi | frimodig | frimodig | Master Addons Pro |
| Design kolonne gitter over siden | ingen | Kun på elementer, der bruger CSS Grid | Ja, på tværs af hele siden |
| Opsæt inde i Elementor editor | ingen | Nej, du inspicerer forhåndsvisningsrammen | Ja, i Sideindstillinger |
| Søjler, tagrende og bredde pr. enhed | ingen | Følger elementets eget gitter | Ja |
| Synlig for besøgende | ingen | ingen | ingen |
Hvis dit layout allerede bruger Elementors Grid-beholder, kan browserens gitterinspektør vise disse spor gratis. Grid Line er til kontrol af ethvert layout, flexbox-beholdere inkluderet, mod et fast designgitter som det i din Figma-fil.
Andre redaktør hjælpere: Hvilket element (gratis) og Positionering (fri).
Ofte stillede spørgsmål til Grid Line
Påvirker gitteret, hvordan mit websted ser ud på frontenden?
Nej. Gitteret vises kun inde i Elementor-editoren. Besøgende ser den udgivne side uden den, selvom du lader Aktiver være tændt.
Hvad er forskellen mellem Gutter og Offset?
Rendesten er mellemrummet mellem kolonner. Offset er mellemrummet mellem skærmens kant og der hvor gitteret starter. Sammen med Max Bredde lader de dig kopiere dit temas indholdsbredde og kolonneafstand.
Kan jeg bruge dette med Elementors eget Flexbox Container system?
Ja. Gitteret tegnes over hele forhåndsvisningen, så det fungerer med både flexbox-beholdere, gitterbeholdere og ældre sektioner. Det knipser ikke elementer til kolonnerne, så du stiller dem selv op.
Er Grid Line gratis?
Nej. Grid Line er en del af Master Addons Pro.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
![Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/sideduplikator
