Sådan fungerer Elementor i WordPress
Elementor giver dig en visuel editor, hvor du bygger sider ved at trække elementer ind på siden og tilpasse dem. Denne type værktøj kaldes en page builder eller sidebygger. I stedet for at skrive kode arbejder du direkte med sidens opbygning og ser ændringerne undervejs.
Du installerer Elementor som et plugin i WordPress. Derefter åbner du den side, du vil arbejde på, via “Edit with Elementor” eller “Rediger med Elementor”.
I editoren bruger du widgets, som er indholdselementer til eksempelvis overskrifter, tekst, billeder og knapper. Du placerer dem i layoutet og justerer blandt andet farver, skrifttyper, afstande og størrelser.
Du kan bygge siden fra bunden eller tage udgangspunkt i en skabelon. Globale designindstillinger gør det lettere at bruge de samme farver og skrifttyper på tværs af sider, så hjemmesiden hænger visuelt sammen.
Forskellen på Elementor, WordPress og et tema
Elementor er hverken et selvstændigt CMS eller bare et WordPress-tema. De tre dele har forskellige roller:
- WordPress er dit CMS: systemet, der håndterer hjemmesidens indhold, sider, indlæg og brugere.
- Temaet danner grundlag for hjemmesidens udseende og overordnede opbygning.
- Elementor er et ekstra værktøj, som giver dig visuel kontrol over sider og layouts.
Elementor kan bruges sammen med mange WordPress-temaer. Du behøver altså ikke bruge ét bestemt tema for at arbejde med sidebyggeren.
Med en betalt version kan du også få adgang til en Theme Builder. Den gør det muligt at designe dele, der går igen på hjemmesiden, eksempelvis sidehoved, sidefod og skabeloner til indlæg. Elementor kan dermed overtage flere af temaets designopgaver, men erstatter ikke WordPress som system.
Hvad bruger man Elementor til?
Elementor bruges både til hele hjemmesider og til enkelte sider på et eksisterende website. For marketingfolk er det især relevant til landingssider, kampagnesider og løbende ændringer af indhold og layout.
Skal du eksempelvis lave en landingsside til et webinar, kan du sammensætte en side med overskrift, program, billeder af oplægsholderne og en tilmeldingsmulighed. Tilmeldingen kan kræve en formularfunktion i en betalt version eller en anden formularløsning.
Når kampagnen ændrer sig, kan du selv flytte elementer, justere teksten og fremhæve en anden knap uden at involvere en udvikler i hver ændring.
Editoren understøtter også responsivt design, hvor du tilpasser sidens udseende til forskellige skærmstørrelser. Du kan eksempelvis justere tekststørrelser og afstande til mobilvisning. Det kræver stadig, at du kontrollerer, om siden fungerer og er let at læse på de relevante skærme.
Gratis Elementor eller Pro?
Den gratis kerneversion giver adgang til den visuelle sidebygger og grundlæggende widgets. Den kan være tilstrækkelig, hvis du skal bygge almindelige indholdssider med tekst, billeder og knapper.
Pro udvider mulighederne med blandt andet avancerede widgets, Theme Builder, formularer, popups og designfunktioner til webshops med WooCommerce.
De konkrete funktioner afhænger af den aktuelle version og plan. Vælg derfor ud fra de opgaver, du skal løse, frem for blot at antage, at alle betalte planer indeholder det samme.
Fordele og begrænsninger i praksis
Den største fordel er, at vejen fra idé til færdig side bliver kortere. Visuel redigering og genbrug af skabeloner gør det lettere for webredaktører, marketingfolk og designere at arbejde selvstændigt.
Men no-code betyder ikke, at værktøjet klarer webdesignet for dig. Du skal stadig tage stilling til indholdets rækkefølge, læsbarhed, navigation og mobilvisning. Et flot layout er ikke automatisk en brugervenlig side.
Designfriheden kan også gøre vedligeholdelsen mere krævende, hvis hver side får sine egne skrifttyper, afstande og særskilte løsninger. Fælles skabeloner og globale indstillinger hjælper med at holde designet konsekvent.
Elementor kan erstatte meget manuelt layoutarbejde, men ikke nødvendigvis specialudvikling. Det er derfor både et værktøj for begyndere og for professionelle, som vil bygge og tilpasse WordPress-sider visuelt.