Sådan opretter du en hjemmeside på én side med Elementor (gratis metode)

En side hjemmesider gør et bestemt job godt: de sætter hvert stykke information en besøgende har brug for på en enkelt rulle. Ingen klik rundt. Ingen anden side. Bare helt, om, tjenester, kontakt, færdig.

Denne vejledning går igennem, hvordan du opretter en hjemmeside på én side med Elementor ved hjælp af det gratis plugin, et letvægtstema og en håndfuld widgets fra Master Addons, hvor det gratis Elementor-sæt løber ud. Ved udgangen har du et websted, der ruller rent fra top til bund, med navigationslinks, der hopper til hver sektion i stedet for at indlæse en ny side.

Hvis du har travlt, skal du springe til genvejen til skabelonsættet nær bunden. Hvis du rent faktisk vil forstå, hvad du bygger, skal du starte fra toppen.

Hvad er en hjemmeside på én side, og hvornår den rent faktisk virker

Et websted på én side lægger alt dit indhold på en enkelt webadresse. I stedet for at navigere til /about eller /services, menuen hopper til forankrede sektioner på samme side.

Det fungerer godt for:

• Freelancere fremviser en lille portefølje
• Event landingssider (bryllup, konference, produktlancering)
• Små servicevirksomheder (konsulenter, barberere, designere)
• Coming-soon sider eller MVP-meddelelser
• Personlige CV'er og porteføljer

Det fungerer mindre godt for:

• Blogs, som har brug for separate post-URL'er til SEO
• Onlinebutikker med mere end en håndfuld produkter
• Websteder, der er målrettet mod flere long-tail søgeord

Hvis dit indhold kan passe ind i omkring 7-12 sektioner uden at føle sig proppet, er en personsøger sandsynligvis det rigtige format.

Hvad du har brug for, før du starter

Tre ingredienser:

1. En WordPress-installation (selvhostet eller på din yndlingsvært).
2. Free Elementor og det frie Hej Elementor tema. Hej skibe uden nogen styling, hvilket er præcis, hvad du ønsker, når Elementor tegner alt.
3. Den frie Master Addons plugin for widgets inkluderer Elementor ikke (filterbare gallerier, prisborde, infobokse, teamkarruseller, kontaktformular 7-styling).

Du kan bygge det meste af dette med gratis Elementor alene, men et par sektioner bliver akavet uden ekstra widgets. Jeg vil markere dem, mens vi går.

Vælg det rigtige tema og sideskabelon

Installer Hello Elementor fra Udseende > Temaer > Tilføj ny. Det er en tom tavle: ingen sidebjælker, ingen standard stilarter, ingen meninger. Elementor tegner hele siden.

Når den er aktiv:

1. Opret en ny side (Sider > Tilføj ny).
2. Åbn den i Elementor.
3. Klik på indstillingsgearet nederst til venstre, gå til Sidelayout, og pluk Elementor Canvas.

Lærred strimler WordPress header og footer. Din ene personsøger bliver hele siden.

Hvis du vil sammenligne temamuligheder, vil bedste letvægts WordPress temaer til Elementor roundup dækker alternativer, men Hello er standard af en grund.

De 11 sektioner i et elementorlayout på én side

Mest anstændige en personsøgere følger den samme rytme. Her er stakken, jeg bruger:

1. Navigationsmenu (klæbrig)
2. Heltesektion
3. Om
4. Tjenester eller funktioner
5. Team
6. Portefølje eller casestudier
7. Prissætning
8. Udtalelser
9. Kontaktformular
10. Sociale ikoner
11. Sidefod

Ikke alle websteder har brug for alle elleve. En solo freelancer springer sandsynligvis Team over. En B2B konsulent springer måske Prissætning. Vælg dem, der rent faktisk flytter din besøgende tættere på at kontakte dig, og slip resten.

Byg navigationsmenuen

Først skal du oprette menuen i WordPress: Udseende > Menuer > Opret en ny menu.

Tilføj brugerdefinerede links med pladsholderwebadresser. For nu skal du bruge en hash (#) efterfulgt af sektionens navn: #about, #services, #pricing. Du vil forbinde dem ordentligt i slutningen, når hver sektion har et matchende ID.

Gem menuen.

Nu, inde i Elementor, slip en sektion øverst med to kolonner. Sæt dit logo i venstre kolonne. For højre kolonne har du to muligheder:

• Gratis Elementor: Brug WP Menu widget.
• Master Addons: Brug den Navigation Menu widget. Det understøtter mega menu, hover effekter, mobil toggle styling, og henter den menu, du lige har bygget uden ekstra konfiguration.

Gør afsnittet klæbrigt med Sektionsindstillinger > Avanceret > Bevægelseseffekter > Sticky: Top. Hvis du ønsker en fuld gennemgang, den sticky header i Elementor guide bryder det ned.

Design Hero Sektionen

Helten sætter tonen. Hold det kort: et løfte, en støttelinje, en knap.

Tilføj et nyt afsnit lige under menuen. Åbn Sektionsindstillinger og indstil:

• Indholdsbredde: Fuld bredde
• Højde: Tilpas til skærm
• Lodret justering: Middle

Drop i en stor overskrift, en linje med beskrivende tekst og en knap. Brug et baggrundsbillede eller en ensfarvet farve i Section Style. En mørk overlejring hjælper tekstlæsbarheden, når baggrundsbilledet er optaget.

Hvis du vil have et forspring, sender Master Addons heltesektionsskabeloner i Skabelonbibliotek. Importer en, byt kopi og billede, og du er færdig på få minutter.

Tilføj Om-sektionen

Intet fancy her. Et standard afsnit med to kolonner:

• Venstre kolonne: et billede (dit, dit teams eller dit arbejdsområde)
• Højre kolonne: Overskrift + Teksteditor + Knap

Peg på knappens ankerlink i afsnittet Tjenester nedenfor (“Se, hvad jeg gør”), så besøgende, der ruller forbi Om, stadig har en fri vej frem.

Byg servicesektionen

Det er her Infobox-widgeten tjener sin plads. Gratis Elementor har en ikonboks, men den er begrænset. Master Addons Infoboks widget giver dig flere layouts, ikonpositionering, svævetilstande og et URL-felt på hele boksen, så hele kortet kan klikkes.

Opret en sektion, tilføj en overskrift (“Tjenester” eller “Hvad jeg gør”), og derefter en indre sektion opdelt i tre eller fire kolonner. Drop en Infoboks pr. kolonne.

Hver boks skal besvare et spørgsmål: hvad er tjenesten, hvem den er til, og hvilket resultat den leverer. Dump ikke funktionslister her. Det er hvad en dedikeret serviceside er til, og du har ikke en på en personsøger.

Tilføj en Teamsektion

Spring dette afsnit over, hvis du er solo.

For 1-4 personer: brug Team Member widget. Hvert medlem får et kort med foto, navn, rolle, kort bio, og sociale ikoner.

For større hold: brug Team Members Carousel. Den viser tre eller fire medlemmer ad gangen og ruller vandret, hvilket holder sektionen visuelt indeholdt.

Hold alle teamfotos samme beskæring og billedformat. Uoverensstemmende hovedstørrelser i et gitter ser mere sjusket ud, end du ville forvente. Dokumentation: Teammedlem widget og Teammedlemmer Karrusel. For en selvstændig guide, se sådan opretter du en teammedlemmer sektion.

Tilføj en filtrerbar portefølje

Gratis Elementors billedgalleri er fint til et statisk gitter, men det filtrerer ikke efter kategori.

Hvis du vil have besøgende til at klikke på “Branding” eller “Web” og få gitteret omrokeret, skal du bruge et filtrerbart galleri. Master Addons har en. Det understøtter kategori faner, popup lightbox, bånd (som “NY” eller “FEATURED” badges), og en metadata overlay på hover.

Opsætning: drop in the Filtrerbar Galleri widget, uploade billeder, tagge hver med en kategori, og stil. Mere sammenhæng i den Elementor filtrerbare galleri plugins roundup hvis du vil se, hvordan det stables op mod alternativer.

Tilføj pristabeller

Hvis du sælger produktiserede tjenester eller abonnementer, konverterer en prissætning sektion bedre end en vag “kontakt for citat.”

Gratis Elementor har ikke en prissætning widget, så dette er Master Addons territorium. Den Prissætning Tabel widget er i den gratis version og giver dig overskrifter, pris, funktionsliste med check- eller krydsikoner, et badge til den anbefalede plan og en CTA-knap.

Tre kolonner er det søde sted for en personsøger. Besøgende eye-scan venstre mod højre, og den midterste kolonne er, hvor du sætter den plan, du rent faktisk vil have dem til at vælge. Markér det “Mest populære” med et bånd og stil det lidt anderledes (koldere kant, udfyldt knap). Flere mønster tips i den Elementor prissætning tabel widget post.

Tilføj klientudtalelser

To eller tre rigtige vidnesbyrd slår en mur af falske udseende.

Gratis Elementors Testimonial Carousel håndterer det grundlæggende layout. Hvis du vil have en renere enkelt-kolonne version (et stort citat, der roterer), fungerer Team Members Carousel i Master Addons, mærkeligt nok, også godt her: slip kundebilleder i medlemsslots og sæt citatet i bio-feltet.

Bed om udtalelser, der nævner et specifikt resultat (“fik 3 klienter i den første måned”) snarere end generisk ros (“fantastisk at arbejde med”). Specifikationer er overbevisende. Vage adjektiver er fyldstof.

Tilføj en kontaktformular

Installer den gratis Kontakt Formular 7 plugin fra plugin-mappen. Opret en formular, tag kortkoden.

I Elementor skal du slippe en Text Editor-widget og indsætte kortkoden. Formularen gengives, men den ser almindelig ud.

Det er der, Master Addons Contact Form 7 widget tager over. I stedet for at indsætte en kortkode, lader den dig style etiketter, felter, kanter, fejlmeddelelser og send-knappen fra Elementor-panelet. Ingen brugerdefineret CSS.

Fuld gennemgang i Kontakt Formular 7 tilpasning dok. Hvis du vil have et Font Awesome-ikon inde i indsend-knappen, er der et separat indlæg på anvendelse af Font Awesome ikoner til CF7 knapper.

Tilføj Sociale ikoner

Gratis Elementor indeholder en Social Icons widget. Det dækker Facebook, X (tidligere Twitter), LinkedIn, Instagram, YouTube, og en håndfuld andre. Du styrer farve (mærke eller brugerdefineret), størrelse, form (afrundet firkant eller cirkel), og afstand.

Sæt disse over eller inde i din sidefod. Hold optællingen til tre eller fire platforme, hvor du faktisk er aktiv. Tolv ikoner, halvdelen af dem døde konti, ser værre ud end tre sunde.

Arranger sidefoden

På en personsøger kan sidefoden være en enkelt linje.

Tilføj et afsnit under kontaktformularen, enkelt kolonne, centreret. En kort copyright-linje (© 2026 Dit navn. Alle rettigheder forbeholdes.) gør jobbet. Hvis du har brug for privatlivspolitik eller vilkår links, skal du også slippe dem her. Intet andet hører hjemme i en one pager footer.

Link Menuen til Hver Sektion (den del, de fleste tager fejl af)

Dette er det trin, der rejser begyndere op. Menupunkterne, du sætter op i starten (#about, #services, og så videre) ikke gøre noget endnu, fordi sektionerne har ingen matchende ID'er.

Her er rettelsen, udført én gang pr. afsnit:

1. Hold markøren over en sektion, klik på seks-punkts håndtaget i midten for at vælge det.
2. Gå til Advanced faneblad i venstre panel.
3. Rul til CSS ID.
4. Skriv ID'et uden hash. Så about, ikke #about.

Gem. Gentag for hver sektion, du vil have menuen til at hoppe til. Hvis du hellere ikke wire ankre i hånden — sige på lange blogindlæg i stedet for en destinationsside — a indholdsfortegnelse plugin bygger disse springlinks for dig automatisk.

Gå så tilbage til Udseende > Menuer og bekræft, at hvert menupunkts link er hashversionen (#about, #services, #pricing). Gem menuen.

Genindlæs front-end, klik på et menupunkt, og siden skal jævnt-rulle til den matchende sektion. Hvis den springer brat i stedet for at rulle, mangler temaet reglen om glat-rulle CSS. Tilføj dette til Tilpas > Yderligere CSS:

html { scroll-behavior: smooth; }

Færdig.

Spring det manuelle arbejde over: Start fra et skabelonsæt

Hvis du ikke har lyst til at bygge elleve sektioner fra bunden, sender Master Addons 30+ fuld Skabelonsæt, mange af dem en personsøger til specifikke brancher (agentur, restaurant, portefølje, SaaS, konsulent).

Importer et sæt, byt billederne og kopier, juster farverne, så de passer til dit brand, og du er live om en eftermiddag i stedet for en uge. Den sådan importeres Elementor skabeloner indlæg dækker importtrinnet, hvis du aldrig har gjort det.

Sådan anbefaler jeg også begyndere at starte. Byg ud fra en arbejdsskabelon, lær hvordan hvert afsnit er opbygget, og tweak derefter derfra.

Hastigheds- og præstationstips til websteder på én side

Da hele webstedet lever på én URL, at URL nødt til at indlæse hvert billede, skrifttype, og script for hver besøgende. En oppustet én personsøger er en konvertering morder.

Hurtige gevinster:

• Komprimer hvert billede før upload (TinyPNG, Squoosh eller et plugin som Imagify).
• Brug WebP-format, hvor det er muligt. Den bedste WordPress billede optimizer plugins roundup dækker muligheder.
• Lazy-load under-the-fold billeder (Elementor håndterer dette som standard i moderne versioner).
• Begræns webskrifttyper til to familier, maks.
• Minimer CSS og JS med et caching-plugin (LiteSpeed Cache, WP Rocket eller Autoptimize).

Mere i sådan fremskynder du Elementor-websteder. Master Addons v3 er tre gange hurtigere end v2 og indlæser kun widget CSS og JS for widgets, der faktisk er i brug, hvilket betyder mere på et enkelt-URL-websted end på et flersidet.

FAQ

Indpakning Up

En hjemmeside på én side med Elementor er ikke hård. Vælg Hej Elementor, indstil siden til Canvas, byg elleve sektioner (eller færre), tildel CSS-id'er, og led menuen til hashlinks. Færdig.

Hvor Master Addons fremskynder tingene:

• Navigation Menu widget med mega menu og mobil toggle
• Infoboks widget til tjenester
• Filtrerbart Galleri for porteføljer
• Prissætning Tabel (gratis) med indbygget bånd og funktion liste
• Kontakt Formular 7 styling uden at skrive CSS
• Teammedlemmer og teammedlemmer Karrusel
• 30+ fulde skabelonsæt, når du vil springe den manuelle opbygning over

Download the gratis Master Addons plugin og start med hvilken sektion du er mindst sikker på at bygge fra bunden. Arbejd udad derfra.

Relateret læsning: 100 bedste elementortilføjelser · Sådan importeres Elementor skabeloner · Widgets og udvidelser · Master Addons Prissætning