Positionering
Føl dig fanget af Elementors Container, kolonne og sektionsstruktur? Positioneringsudvidelsen er din nøgle til ægte layoutfrihed. Tag en hvilken som helst widget, beholder eller kolonne, og placer den præcis, hvor du vil på siden – overlappende andre elementer, klæbende til hjørner eller flydende frit. Vælg mellem Relativ, Absolut eller Fast positionering, og brug pixelperfekte kontroller til top, højre, bund og venstre. Det er det ultimative værktøj til at skabe unikke, lagdelte designs, brugerdefinerede ikoner, badges eller dekorative elementer, der ikke passer ind i et standardgitter.
Flere positioneringstilstande
Ikke alle positionering er den samme. Vælg den tilstand, der matcher dit kreative mål. Brug Relative til at skubbe et element fra sin normale plet uden at påvirke andre. Brug Absolute til at placere den på en nøjagtig koordinat inden for sin overordnede beholder. Har du brug for noget at forblive på skærmen? Fast positionering låser den til viewport, perfekt til brugerdefinerede flydende knapper eller advarsler.
- Relativ positionering: Perfekt til finjustering af justering, som at flytte et ikon et par pixels til venstre.
- Absolut positionering: Go-to til at placere dekorative elementer, badges eller brugerdefinerede former hvor som helst inde i en sektion.
- Fast positionering: Opret klæbrige elementer som et brugerdefineret supportchatikon eller en salgsfremmende bar, der følger brugeren ned på siden.
Pixel-perfekte koordinatkontroller
Glem at trække og gætte. Brug de numeriske felter – Top, Højre, Bund, Venstre – at indstille et elements placering ned til pixlen. Placer et “NYT” badge 10px fra toppen og 15px fra højre for et produktkort. Eller, brug “Fra Center” mulighed for at placere et element baseret på midten af sin forælder, hvilket er utroligt nyttigt for perfekt centreret overlappende effekter.
- Firesidet kontrol: Indstil afstande fra alle fire kanter af den overordnede beholder for total kontrol.
- Centerbaseret positionering: Brug “Fra Center” til nemt at oprette cirkulære designs eller elementer, der udstråler fra et centralt punkt.
- Smart vejledning: Grænsefladen advarer dig om modstridende indstillinger (som at bruge “Venstre” og “Fra Center” sammen) for at forhindre fejl.
Ofte stillede spørgsmål til positionering
Hvad er forskellen mellem "Absolut" og "Fast" positionering?
Absolutte positioner elementet i forhold til dets nærmeste positionerede overordnede beholder (som en sektion). Hvis du ruller, bevæger elementet sig med den sektion. Faste positioner elementet i forhold til browservinduet (visningsporten). Det forbliver på nøjagtig samme sted på skærmen, selv når du ruller. Brug Fast for elementer, du vil have altid synlige.
Når jeg bruger Absolut positionering, hvad er det så placeret "i forhold til"?
Det er placeret i forhold til det nærmeste overordnede element, der har en position indstillet til andet end statisk (hvilket er standarden). I Elementor, hvis du anvender Absolut positionering på en widget inde i en kolonne, vil den typisk være placeret i forhold til den pågældende kolonnes grænser. For mere kontrol kan du indstille den overordnede beholder til position: relativ først.
Vil dette fungere korrekt på mobil og tablet?
Ja, men du skal tjekke dine responsive visninger. Et element placeret 100px fra venstre på skrivebordet kan være off-screen på mobilen. Brug altid Elementors responsive redigeringstilstand (Desktop/Tablet/Mobile ikoner) til at justere positionsværdierne (Top, Venstre osv.) for hver enhed. Du skal muligvis have helt forskellige positioner til mobil.
Kan jeg bruge dette til at lave en unik-formet sektion eller bryde ud af en beholder?
Ja, dette er en kraftfuld use case. Ved at indstille en sektion til position: relativ og derefter placere et absolut placeret billede eller form inde i det med negative værdier (som Venstre: -50px), kan du gøre elementer visuelt “bryde ud” af deres containers boks, hvilket skaber dynamiske, ikke-rektangulære layout kanter, der er meget moderne.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
