Ett enkelt redigerarverktyg

Guider för att bygga och redigera din webbplats med Elementor — sidbyggaren som ingår i Mr.Hosts Premium-paket.

Elementor

Vad är Elementor och ingår det i mitt paket?

Elementor är en visuell sidbyggare för WordPress. Du designar sidor genom att dra in element (rubriker, bilder, knappar, formulär) och placerar dem direkt på sidan — utan kod.

Ingår i:

Premium-paketet — Elementor Pro ingår.
Cloud-paketet — Elementor Pro ingår.

Har du Basic? Du kan använda gratisversionen av Elementor, eller uppgradera ditt paket via Support i Mitt konto.

Hur kommer jag igång med Elementor?

1. Logga in på WordPress-admin via din-domän.se/wp-admin.

2. Gå till Tillägg → Lägg till nytt och sök efter Elementor.

3. Klicka Installera → Aktivera.

4. Har du Premium- eller Cloud-paket? Då ingår även Elementor Pro — kontakta supporten för aktiveringsnyckel.

5. Gå till Sidor, välj en sida och klicka Redigera med Elementor.

Hur redigerar jag en sida med Elementor?

1. Gå till Sidor i WordPress-admin.

2. Klicka Redigera med Elementor vid den sida du vill ändra.

3. Dra in widgets från vänstermenyn till sidan.

4. Klicka på en widget för att redigera dess innehåll och styling.

5. Klicka Uppdatera nere till vänster för att spara.

Hur skapar jag en ny sida med Elementor?

1. Gå till Sidor → Lägg till ny i WordPress-admin.

2. Ge sidan en titel.

3. Klicka Redigera med Elementor.

4. Välj en mall från Elementors bibliotek, eller bygg från grunden med behållare och widgets.

5. Klicka Publicera.

Vad är skillnaden mellan sektioner, behållare och widgets?

Behållare (Container) — det yttre ramverket. Innehåller widgets och styr layout (Flexbox eller Grid).
Sektioner / Kolumner — den äldre layoutmodellen i Elementor. Behållare är den nya standarden.
Widgets — själva innehållet: rubriker, bilder, knappar, formulär osv.

Tips: Använd behållare för nya designer — de är snabbare och mer flexibla.

Hantera tjänster

Hur dölj eller visa jag en sektion på mobil?

1. Markera behållaren eller widgeten du vill dölja.

2. I vänsterpanelen, klicka fliken Avancerat.

3. Scrolla till Responsiv.

4. Aktivera Dölj på desktop, Dölj på surfplatta eller Dölj på mobil efter behov.

Sektionen finns kvar i koden men visas inte på vald skärmstorlek.

Hur duplicerar jag en sida innan jag ändrar den?

Säkraste sättet innan stora ändringar — gör en kopia.

1. Installera tillägget Duplicate Page (eller liknande) via Tillägg → Lägg till nytt.

2. Gå till Sidor i WordPress-admin.

3. Hovra över sidan du vill kopiera och klicka Duplicera.

4. Döp om kopian till t.ex. Min sida – backup och sätt status till Utkast.

Då har du alltid en intakt version att gå tillbaka till.

Hur lägger jag till egen CSS i Elementor?

För en specifik widget eller sektion:

1. Markera widgeten/behållaren.

2. Klicka fliken Avancerat → Anpassad CSS.

3. Skriv din CSS (använd selector för att referera till det markerade elementet).

För hela sajten:

1. Gå till WP Admin → Utseende → Anpassa → Ytterligare CSS.

2. Klistra in din CSS.

3. Klicka Publicera.

Min Elementor-sida laddar långsamt — vad gör jag?

Checklista för snabbare Elementor-sidor:

1. Komprimera bilder innan uppladdning (använd t.ex. TinyPNG).

2. Aktivera cache — Premium- och Cloud-paketen har server-cache inbyggt.

3. Avinstallera oanvända Elementor-widgets under Elementor → Inställningar → Funktioner.

4. Använd nyaste PHP-versionen via DirectAdmin → PHP-inställningar.

5. Stäng av animationer på element som inte behöver dem.

Hur återställer jag en tidigare version av min sida?

Elementor sparar automatiskt revisioner av allt du redigerar.

1. Öppna sidan i Elementor.

2. Klicka på historik-ikonen nere till vänster (klock-symbol).

3. Välj fliken Revisioner.

4. Klicka på en tidigare version för att förhandsvisa, sen Tillämpa för att återställa.

Vill du återställa från en server-backup — kontakta supporten via Support i Mitt konto.