Elementor kan virke overvældende første gang, fordi der er så mange muligheder. Men grundprincippet er enkelt: En side består af containere, der indeholder widgets. Her er de trin, vi selv fulgte, da vi byggede etwebsite.dk.
Det bruger vi selv. etwebsite.dk er bygget med WordPress, Elementor Pro og Rank Math. Det, vi skriver om opsætning og brug, har vi derfor selv prøvet. Priser og vilkår har vi tjekket hos udbyderne.
1. Installer tema og Elementor
- Gå til Udseende → Temaer → Tilføj nyt, søg efter Hello Elementor, og aktivér det.
- Gå til Plugins → Tilføj nyt, søg efter Elementor, og installér og aktivér det.
- Har du købt Elementor Pro, uploader du zip-filen under Plugins → Tilføj nyt → Upload plugin og forbinder din licens.
2. Sæt farver og skrifter én gang
Det vigtigste trin, som mange springer over. Åbn Elementor, klik på menuen og vælg Site Settings:
- Global Colors: Læg dine 3–5 farver ind – fx baggrund, tekst og én accentfarve.
- Global Fonts: Vælg skrifttype til overskrifter og brødtekst. Én skrifttype er ofte nok.
- Typography og Buttons: Bestem størrelser på overskrifter og udseendet af knapper.
Når du bagefter bruger de globale farver og skrifter i dine elementer, kan du ændre hele sidens udseende ét sted.
3. Opret siden
Gå til Sider → Tilføj ny, giv siden en titel, og klik Rediger med Elementor. Til venstre er panelet med widgets; til højre er din side.
4. Byg med containere
Klik på plus-tegnet for at tilføje en container. En container er en kasse, der kan ligge vandret eller lodret og indeholde andre containere. Typisk laver du én container pr. sektion – fx en topsektion, en sektion med tre fordele og en sektion med kontaktinformation.
Indstil afstand (padding), baggrund og maksimal bredde på containeren, så sektionerne får luft.
5. Træk widgets ind
Træk fx Heading, Text Editor, Image og Button ind i containerne. Klik på en widget for at ændre indhold under Content, udseende under Style og afstand og effekter under Advanced.
6. Tjek mobil og tablet
Skift visning nederst i panelet eller i toppen af editoren. Her kan du fx gøre overskrifter mindre og lægge kolonner under hinanden på mobilen. Indstillinger, du ændrer i mobilvisning, gælder kun mobilen.
7. Udgiv og gør det til forsiden
Klik Publish. Skal siden være forside, så gå til Indstillinger → Læsning og vælg siden under “En statisk side”.
Med Elementor Pro: header, footer og skabeloner
Med Pro bygger du header og footer i Templates → Theme Builder og bestemmer, hvor de skal vises (typisk hele siden). Du kan også lave en skabelon til alle indlæg, så nye artikler automatisk får samme layout. Se forskellen på gratis og Pro.
Gode vaner
- Gem sektioner, du bruger flere gange, som skabeloner.
- Brug overskrifter i rigtig rækkefølge: én H1 pr. side, derefter H2 og H3.
- Giv billeder en beskrivende alt-tekst.
- Hold animationer og effekter diskrete – de skal hjælpe læseren, ikke forstyrre.
Ofte stillede spørgsmål
Kan jeg bruge Elementor på en side, jeg allerede har?
Ja. Elementor fungerer side for side, så du kan bygge nye sider med Elementor og lade de gamle være.
Hvad er forskellen på sektioner og containere?
Containere er Elementors nyere byggesten og har afløst de gamle sektioner og kolonner. De giver mere fleksible layouts med mindre kode.