Elementor holder elementer i deres kolonner, hvilket er helt rigtigt, indtil designet kræver noget andet: et badge, der sidder halvt på billedet og halvt fra det, eller en etiket skubbet forbi sektionskanten. Den Positionering forlængelse i Master Addons til Elementor tilføjer rigtige offset-kontroller til hvert element, så du kan skubbe eller helt flytte alt fra panelet med pixelværdier pr. enhed.
Hvad Positioning-udvidelsen gør #
Når det er aktiveret, får hvert element en Positionering afsnit under dens Advanced fane. Vælg en Positionstype og flyt elementet med forskudte skydere:
- Positionstype: Standard holder normalt flow, Relativ forskyder elementet fra sit eget sted, og den absolutte indstilling fastgør det til sin forælder.
- Top / Højre / Bund / Venstre: pixel forskydes i hver retning, herunder negative værdier for at skubbe forbi kanter.
- Fra Center: en vandret forskydning målt fra elementets midterlinje.
- Z-indeks: bestemmer hvilket element der vinder, når tingene overlapper hinanden.
Hver kontrol bærer det responsive ikon, så desktop, tablet og mobil beholder hver deres værdier. Panelet tilføjer én fornuftig advarsel: Undgå at kombinere Fra Center og Venstre på samme tid.
Før du starter #
- WordPress med Elementor installeret og aktiv.
- Master Addons til Elementor installeret og aktiv. Ny i plugin? Følg installationsvejledning first.
- Positionering er en gratis udvidelse, så der kræves ingen Pro-licens.
Sådan aktiveres Positioneringsudvidelsen #
Fra dit WordPress dashboard, gå til Master Addons og åbn Udvidelser fane. Positionering sidder i Display Widgets gruppe, ved siden af Gitterlinje og Container Extras. Klik på dens toggle, så den bliver lilla, og derefter slå Gem ændringer og vent på den grønne “Indstillinger gemt med succes”-meddelelse.
Åbn panelet Positionering #
Vælg elementet i Elementor-editoren, det runde kvalitetsmærke i demoen, og åbn Advanced fane. Udvid Positionering sektion med det lilla MA-badge og sæt Positionstype til Relative. Forskydningskontrollerne vises: Øverst, Højre, Nederst, Venstre, Fra midten og Z-Indeks under dem.
Træk en vilkårlig skyder, og elementet bevæger sig live på lærredet. En negativ Top of -143 i demoen løfter badget fra midten af billedet mod dets øverste kant; positive værdier skubber den anden vej.
Flyt elementet på plads #
Demoen fører badget rundt på billedet med et par værdier: Top 357 taber den mod den nederste halvdel, Ret -262 glider den udad, og en Bottom værdi finjusterer overlapningen, indtil badget skræver over billedets nederste kant. Hver skyder tager også indtastede værdier, så du kan matche nøjagtig afstand fra en mockup.
Da forskydningerne er visuelle, holder elementet sin plads i layoutet, og indholdet omkring det forbliver sat. Når to elementer ender med at blive stablet, afregner Z-Index-feltet, hvem der sidder på toppen.
Resultatet på siden #
Udgiv, og badget gengiver præcis, hvor det var parkeret: overlapper fotografiets nederste kant, bryder rektanglet uden at røre kolonnestrukturen nedenunder.
Kontroller tablet og mobil, før du er færdig. Forskydninger, der ser lige ud på skrivebordet, kan skubbe et element uden for skærmen på en smal viewport, hvilket er præcis grunden til, at hver kontrol her er lydhør.
Hvor præcis positionering betaler sig #
- Badges og frimærker. En forsegling, der overlapper et fotohjørne, læses som designet, ikke placeret.
- Overlappende kort. Træk et testimonial- eller stat-kort på kanten af billedet ved siden af.
- Sektionsbrydende accenter. Former eller etiketter, der krydser snitgrænser.
- Fine justering rettelser. Nudge et element et par pixels uden at pakke det ind i margin hacks.
- Lagdelte heltekompositioner. Stak tekst over billeder med Z-Index, der bestemmer rækkefølgen.
Video Tutorial #
Se badget bevæge sig rundt i layoutet i realtid, fra aktivering af udvidelsen til den offentliggjorte side.
Ofte stillede spørgsmål #
Hvordan flytter jeg et element frit i Elementor?
Aktiver udvidelse til positionering i fanen Mastertilføjelser, vælg elementet, og åbn Placering under fanen Avanceret. Indstil positionstype til Relativ og brug skyderne Top, Højre, Bund og Venstre; elementet bevæger sig live på lærredet, mens du trækker.
Kan jeg bruge negative offsetværdier?
Ja. Negative værdier skubber elementet forbi dets normale grænse, hvilket er, hvordan du overlapper et badge på en fotokant eller trækker et element uden for dets sektion. Skriv værdien, eller træk skyderen i begge retninger.
Hvad gør Z-Index indstillingen?
Z-Index styrer stablingsrækkefølge, når elementer overlapper hinanden. Elementet med det højere tal gengives ovenpå. Indstil det i det samme Positioneringspanel, hver gang et omplaceret element skal sidde over eller under dets naboer.
Virker forskydningerne også på mobilen?
Hver offset kontrol er lydhør, så desktop, tablet, og mobil holde separate værdier. Altid forhåndsvise smalle viewports efter positionering: en offset, der passer til en bred skærm kan skubbe elementet off-screen på en telefon, og de per-enhed værdier er, hvordan du korrigerer det.
Er Positioning-udvidelsen gratis?
Ja. Positionering leveres med den gratis version af Master Addons for Elementor, i gruppen Display Widgets under fanen Udvidelser. Prissiden dækker, hvad Pro-planerne tilføjer.
Indpakning #
Positioneringsudvidelsen frigør Elementor-elementer fra deres gitterpladser: vælg Relativ, træk fire forskudte skydere, og parkér alt, hvor designet vil have det, med Z-Index- og per-enhedsværdier, der håndterer kantkasserne. Det fungerer godt sammen med Transformerer forlængelse når et element har brug for rotation eller skala oven på en ny position, og resten af Master Addons widgets og udvidelser er en side væk.
