LAV DIN EGEN HJEMMESIDE:
Komplet Guide (2020)

Dette er den mest omfattende guide på nettet, til dig som ønsker at lave din egen hjemmeside.

Og det bedste af det hele?

Jeg viser dig “step by step”, hvordan du får en hjemmeside op at køre, med dit eget Domæne, og i dit eget Webhotel.

Kort sagt: Hvis du ønsker at lave din egen professionelle hjemmeside, så vil du elske denne guide.

Fik jeg nævnt at det er helt uden kodning.

Så hvad venter vi på, lad os komme i gang.

LAV DIN EGEN HJEMMESIDE:
Komplet Guide (2020)

Dette er den mest omfattende guide på nettet, til dig som ønsker at lave din egen hjemmeside.

Og det bedste af det hele?

Jeg viser dig “step by step”, hvordan du får en hjemmeside op at køre, med dit eget Domæne, og i dit eget Webhotel.

Kort sagt: Hvis du ønsker at lave din egen professionelle hjemmeside, så vil du elske denne guide.

Fik jeg nævnt at det er helt uden kodning.

Så hvad venter vi på, lad os komme i gang.

Computerskærme som viser at din egen hjemmelavede hjemmeside kan vises på alle medier

Før vi starter med at oprette en hjemmeside

Som det allerførste, er du sikkert godt nysgerrig efter at hvide, hvad det er for en hjemmeside jeg vil guide dig til at lave.

Hvis du tjekker slideren herunder, kan du se flere design oplæg, som du nemt kan importere og bruge som udgangspunkt til din hjemmeside, hvis du gennemfører guiden.

Tjek slideren herunder og se eksempler på hjemmeside skabeloner du kan vælge imellem

Hjemmeside skabelon for et flyttemands firma
Hjemmeside skabelon for et micro bryggeri
Hjemmeside skabelon til en frisør
Hjemmeside skabelon til en elektriker
Hjemmeside skabelon til en køreskole
Hjemmeside skabelon til en sportsforretning
Hjemmeside skabelon til en lægeklinik
Hjemmeside skabelon til en spa klinik
Hjemmeside skabelon til en Barber Shop
Hjemmeside skabelon til et seo bureau
Hjemmeside skabelon til en crypto handler
Hjemmeside skabelon til en Tandlæge
Hjemmeside skabelon til en kunstner
Hjemmeside skabelon til et universitet
Hjemmeside skabelon til en mode webshop
Hjemmeside skabelon til science virksomhed
Hjemmeside skabelon til en gymnastik forening
Hjemmeside skabelon til et rejsebureau
Hjemmeside skabelon til et reklamebureau
Hjemmeside skabelon til en mode webshop
Hjemmeside skabelon til en liv stils hjemmeside
Hjemmeside skabelon til en rejse hjemmeside
Hjemmeside skabelon til en apple watch landingsside
Hjemmeside skabelon til en kirke
Hjemmeside skabelon til en hostingvirksomhed
Hjemmeside skabelon til et entreprenør firma
Hjemmeside skabelon til et spa hotel
Hjemmeside skabelon til et forum
Hjemmeside skabelon til et investeringsfirma
Hjemmeside skabelon til en dyreklinik
Hjemmeside skabelon til en tænketank
Hjemmeside skabelon til en Cafe
Hjemmeside skabelon til en bryllups arrangør
Hjemmeside skabelon til en freelance art director
Hjemmeside skabelon til en bygnings arkitekt
Hjemmeside skabelon til en advokat
Hjemmeside skabelon til en adventure virksomhed

Det ser jo alt sammen meget godt ud, men der er lidt vej endnu, før du kan begynde at importere skabeloner til din hjemmeside.

Inden vi starter guiden, vil jeg også lige fortælle, hvorfor jeg har valgt lige præcis den hjemmeside platform, som jeg anbefaler i guiden.

For hvordan laver man en hjemmeside helt uden kodning?

Og hvilken hjemmeside platform skal du vælge?

Der findes efterhånden rigtig mange forskellige platforme og hjemmeside programmer, til folk der ønsker at lave deres egen hjemmeside. Jeg kan godt forstå hvis du  tænker, hvor skal jeg starte, og hvor skal jeg slutte?

Men hvis man kigger på en statistik lavet af Builtwith, kan man hurtigt se at hjemmesideplatformen WordPress, er det fortrukne CMS til rigtig mange hjemmesider. WordPress udgør hele 53% af alle CMS teknologier som Builtwith har fundet og analyseret på hele internettet.

Graf som viser at 53% af alle hjemmesider bruger WordPress

 

  • WordPress 53% (Gratis)
  • Andre 28%
  • Wix 7% (Betaling)
  • Progress Sitefinity 4% (Gratis)
  • Squarespace 4% (Betaling)
  • Joomla! 4% (Gratis)

Hvorfor er WordPress så populær?

WordPress er kendt for at være det mest brugervenlige CMS som findes på markedet i dag. Og det er virkelig nemt og brugervenligt, jeg anbefaler det dagligt til mine egne hjemmeside kunder.

Kan du sende en E-mail, kan du også finde ud af WordPress

Jeg plejer at sige: Hvis man kan finde ud af at sende en E-mail, så kan man også finde ud af at opdatere sine tekster og billeder i WordPress.

Og du behøver overhovedet ikke at have kendskab til kodning.

Alt foregår i træk og slip bokse.

Men hvad er et CMS?

CMS står for Content Management System, og direkte oversat til dansk betyder det Indholds Styrelses System. Og det er præcis det som WordPress er.

Et CMS gør det nemt at organisere dokumenter, filer og billeder. Og når først dit CMS er opsat i et Webhotel på en server, er det rigtig nemt at gå til. Du kan f.eks. meget hurtigt:

  • Selv skrive og rette dine tekster.
  • Uploade billeder og placere dem hvor du ønsker at vise dem på hjemmesiden.
  • Oprette og placere nye undersider i navigationsmenuen.
  • Installere flere funktioner via WordPress’s plugin administrator.

Hvis du synes det lyder spændende, og har lyst til at lave din egen hjemmeside, så hæng på og bliv klogere.

Heldigvis er det alt sammen noget vi skal til at gennemgå nu.

Step by Step vil du blive guided i:

  • Køb af Webhotel og Domæne
  • Installering af WordPress på Webhotellet
  • Køb og opsætning af Professionelt WordPress Web design

STEP 1:
Køb af Domæne og Webhotel

Her i Step 1 skal du først have anskaffet dig et Domæne og et Webhotel.

Domænet bliver din hjemmeside adresse (f.eks. www.ditdomæne.dk)

Et Webhotel er hjemmesidens base, som skaber adgang til internettet, samt mulighed for at sende og modtage e-mails med dit valgte domænenavn som afsender.

Hvor kan du registrere Domænet og oprette Webhotellet?

Jeg bruger for det meste selv Unoeuro.com til både Webhosting og domæne registrering.

De er en del af Firmaet Zitcom som dagligt leverer webhoteller og Hosting til mere end 250.000 kunder.

Deres priser for et webhotel er rimelige, med et ubegrænset antal E-mail adresser.

Jeg vil anbefale deres Basic Suite til 18,50 kr. pr. måned (oprettelse 112 kr), som opfylder de fleste mindre og mellemstore virksomheders krav.

Selve domænet koster ca. 55 kr. hvis det skal være et dansk DK domæne.

Hvis du er klar, og vil følge guiden, skal du først:

Gå til Unoeuro.com

Det første skærmbillede du ser, er deres landingsside, hvor man bestiller Domæne og Webhotel.

unoeuro homepage

Her skal du starte med at vælge et Domænenavn.

Start med at følge den røde pil i toppen og find dit domænenavn.

Jeg har et par gode råd, du kan følge før du vælger et domænenavn.

  • Køb et domænenavn uden Æ-Ø-Å tegn. Google siger de godt kan læse specialtegn, og det kan de sikkert også, men hvorfor tage den chance. Det er stadig bedst at undgå specialtegn, da de kan skabe problemer flere steder på internettet, hvis du f.eks. skal dele et opslag på Facebook eller andre sociale medier.
  • Undgå at købe et domæne med opdeling af ord f.eks. binde-streg.
  • Og undgå at købe et domæne som indeholder tal. Tal fungerer fint på nettet, men kan være vanskeligt at formidle videre mundligt.
  • Hvis din hjemmeside udelukkede skal bruges i Danmark er det bedst at du vælger et domænenavn med endelsen .dk – Men når det så er sagt, kan du sagtens bruge et domænenavn med .com i Danmark og med dansk tekst. Ingen problemer i det, det er der mange der gør.
  • Hvis du planlægger at hjemmesiden skal være international bør du vælge et .com domæne til din engelske version.

Skriv dit ønskede domænenavn og tryk ”Søg Domæne”.

For eksemplets skyld køber jeg et domæne der hedder peterswebguide.dk

Efter jeg har skrevet peterswebguide i søgefeltet kommer det her vindue frem:

registrering af domaene

Som du kan se dukker der både .dk og .com samt flere domæne muligheder frem.

Her vælger jeg den øverste som i mit tilfælde hedder peterswebguide.dk og trykker på den grønne bestillingsknap i højre side.

Hvis dit valgte Domænenavn er optaget, altså hvis en anden hjemmeside allerede har købt og bruger dit ønskede Domænenavn, så må du fortsætte søgningen. Du kan kun købe domæner hvor der står ledigt ud for domænenavnet.

Når du har trykket på den grønne bestil knap møder du dette vindue:

Vælg Webhost plan

Her skal du vælge hvilken Webhosting løsning du ønsker. Jeg anbefaler deres ”Basic Suite” Webhotel, som er den mindste og billigste af deres webhoteller.

Løsningen er særdeles velegnet til alle nystartede, samt mindre og mellemstore virksomheder. Du har altid mulighed for at opgradere via kontrolpanelet på et senere tidspunkt, hvis du ønsker mere plads eller flere ressourcer.

Når du har trykket på den gule ”Bestil Webhotel” bliver du mødt af dette vindue:

Webhotel bestilling

Her skal du blot bekræfte, at det er dit valgte domænenavn, som skal tilknyttes Webhotellet. Og det er det jo, så tryk ”Vælg Domæne”.

Så er det blevet tid til at udfylde dine personlige data, og det gør du i det næste vindue:

Formular til udfyldning af personlige oplysninger

Øverst til venstre får du en prisoversigt:

  • Registrering af domæne (Skal betales en gang årligt)
  • Oprettelse af Basic Suite (Engangsbetaling)
  • 12 måneders Basic Suite (Betales årligt)

Når du har udfyldt dine persondata og trykket på den gule ”Opret Unoeuro Konto” bliver siden forlænget og du skal køre lidt ned af skærmen for at se de næste oplysninger.

Formular til momsoplysninger

Under Momsoplysninger skal du vælge om du er privatperson eller en momsregistreret virksomhed.

Under produktdetaljer skal du blot lade de allerede skraverede felter være.

Skriv din ønskede adgangskode eller lad systemet generere en kode til dig, ved at trykke på de to pile som danner en cirkel ved teksten ”Ønsket Adgangskode”.

Hvis du ikke udfylder feltet med adgangskode, bliver der automatisk genereret en kode, som bliver tilsendt til dig i den første velkomst E-mail fra dem.

Oplys en alternativ E-mail adresse: Denne e-mail adresse vil blive brugt til at sende din ordrebekræftelse, samt til fremtidig korrespondance imellem dig og dem. Så sørg for at det er en mail adresse som du altid vil have adgang til.

Automatisk fornyelse kan jeg kun anbefale. Af egen erfaring må jeg sige at man hurtigt glemmer en betalingsdato som ligger et helt år fremme i tiden. Jeg bruger altid Automatisk fornyelse, det er drøn ærgerligt, hvis ens hjemmeside pludselig lukker, fordi at man ikke har fået betalt en regning.

Nu er der kun selve betalingen tilbage:

Webhosting betalings oversigt

Yes, endelig kom vi denne proces igennem, og du er nu ejer af et Webhotel

Webhost betaling godkendt

Så er opsætningen af Webhotellet overstået, det var jo ikke så slemt. På den sidste side som du ser herover har du mulighed for at se din kvittering og mulighed for at åbne kontrolpanelet til Webhotellet.

Men vent lidt endnu, vi kommer tilbage til det.

Du burde nu have modtaget 3 e-mails fra Unoeuro.

  • E-mail 1: Kvittering for din betaling med vedhæftet PDF
  • E-mail 2: Vigtige oplysninger om dit Webhotel (denne e-mail skal gemmes for evigt, den indeholder alle vigtige informationer om dit nye Webhotel, som passwords, Kontonavn og brugernavn m.m.
  • E-mail 3: Registrering af domæne hos DK Hostmaster. Denne E-mail fortæller dig at du snart vil modtage en e-mail fra DK-Hostmaster. DK Hostmaster er dem som administrerer alle .dk domæner i Danmark. Læs vejledningen herunder.

Den e-mail du modtager fra fra DK Hostmaster forklarer dig hvordan du skal færdiggøre registreringen af dit nye domæne.

STEP 2:
Registrering Af Domæne Hos DK Hostmaster

Inden du går videre, skal du færdiggøre registreringen af dit domæne. Det er lov pligtigt at alle danske .dk domæner bliver registreret hos DK Hostmaster. Så uden at registrere domænet kan hjemmesiden ikke fungere. Normalt man har 4 dage, men gør det med det samme, så er det overstået.

Tryk på den blå knap i e-mailen og påbegynd registreringen.

 

Email fra DK Hostmaster omkring registrering af Domæne

 

Herefter åbner dette vindue.

 

Accepter DK hostmasters Vilkår

 

Scroll ned på siden, læs deres betingelser og Accepter Vilkår hvis du er enig i dem.

 

Endnu en Email fra DK Hostmaster

 

Og så får du lige endnu en email fra DK Hostmaster:

 

Email angående ID kontrol

 

Find dit Nem ID frem og tryk på den blå knap ”GÅ TIL ID-KONTROL”

Husk at gemme brugernavn og password oplysninger der er nederst i e-mailen. De skal også gemmes i så lang tid som du ønsker at have brugsretten til domænet.

Skriv dine Nem ID oplysninger ind og du er ved at være ved vejs ende.

 

nem id godkendelse

 

Tæt på nu, du skal lige verificere med dit CPR nummer. De gemmer det ikke.

 

Felt til at indskrive cpr nummer

 

Som det sidste skal du lige bekræfte dine kontaktoplysninger for at afslutte ID kontrollen.

 

Bekræft kontaktoplysninger og id kontrol

 

Så lykkedes det.

Det værste er nu overstået, og du har nu gennemført køb af både Webhotel og domæne.

Gik det ikke ok?

 

Oversigt over købte domæner hos DK Hostmaster

STEP 3:
Køb af Professionelt Hjemmeside Web Design

I det her afsnit skal du købe licensen til det professionelle design hos Themeforest.Bestilling af WordPress web design hos Themeforest

Designet koster ca. 400 kr. og er et af de mest solgte hjemmeside designs til WordPress. Det er samme design som jeg tilbyder mine hjemmeside kunder i mit Webbureau. Men du får altså også en masse for pengene. Designet er fyldt med gode muligheder, og du får en prof. hjemmeside op at køre på ganske kort tid.

  • 46 Premium templates som er udviklet af top professionelle designere. Med et enkelt klik kan du importere et helt nyt hjemmeside layout, og så erstatte tekster og billeder med dine egne.
  • Designet er solgt over 450.000 gange
  • Over 20.000 reviews med et gennemsnit på 4.7 ud af 5
  • Opdateringer for livstid
  • 5 stjernet support

Gå til Themeforest

Den første side du ser efter at have trykket på linket, er landingssiden til det hjemmeside design, som jeg omtaler herover.

Avada mobilvenligt wordpress tema

Start med at tilføje produktet til kurven (“Add to Cart”). Og vælg Checkout.

webdesign tilføjet til kurv

Skriv dit navn, fornavn og email adresse. Tryk next..

Skriv kontaktoplysninger

Her skal du skrive et brugernavn ind. Du kan kalde din konto lige hvad du vil, jeg har valgt at kalde min Peterguide. Til sidst, vælg et password og tryk på reCaptcha og fortæl at du ikke er en robot.

Opret et Envato brugernavn

Efter du har trykket på den grønne knap med ”Create account” bliver du bedt om at tilføje dine betalingsoplysninger. Hvis du har et firma kan du med fordel indsætte dit cvr nr. husk at skrive DK foran selve nummeret.

envato brugeroplysninger

Efter ”Save and Continue” skal du vælge betalingsmetode.

Vælg imellem kreditkort, Paypall og Skrill

Indsæt dine kreditkortoplysninger og tryk ”Make Payment”

Valg af kreditkort og betal

I det næste vindue bliver du oplyst om at de har sendt en e-mail til dig.

besked fra Envato: Du har fået en email

I denne e-mail skal du bekræfte din e-mail adresse.

Grøn knap til bekræftelse af email adresse

Efter du har trykket på ”Confirm your email” i mailen, åbner en ny side, som viser dig kontrolpanelet over din nye Envato konto.

Øverst i højre hjørne skal du køre musen henover dit valgte brugernavn, og derefter trykke på downloads.

Envato kontrolpanel

Under downloads vises dine købte produkter, som lige nu kun indeholder hjemmeside designet.

Tryk på download knappen en gang og vælg ”Installable WordPress file only”. Herefter starter download af designet til din computer. Husk på hvilken placering filen får på din computer, for du skal snart bruge den igen.

Imens du er i kontrolpanelet, trykker du download en gang mere, og downloader ” License certificate & purchase code enten som PDF eller som text fil.

Du har nu alt hvad du behøver for nu i Envatomarket’s kontrolpanel, og kan lukke ned for den fane i din browser.

Vi kommer da tættere og tættere på, der er ikke langt igen.

tryk grøn download knap

Nu har du alt hvad du skal bruge til at opsætte hjemmesiden.

Du har nu:

  • Webhotel
  • Domæne
  • Web design

I afsnit (step 5) gennemgår jeg hvordan du nu sammenkobler de tre elementer så det hele bliver en superflot prof. hjemmeside 🙂

Men først skal vi have installeret WordPress i dit Webhotel.

STEP 4:
Opret WordPress Hjemmeside på dit Domæne

Næste skridt i processen er at installere WordPress på dit ny købte Webhotel og domæne. Selve processen er meget enkel og gøres direkte fra kontrolpanelet hos Unoeuro.

Start med at finde e-mailen fra Unoeuro som hedder Oplysninger vedr. dit-domænenavn (Basic Suite)

(Her skal du trykke på ”Nulstil adgangskode”.)

Punktet i min e-mail ser sådan her ud:

Opret hjemmeside og WordPress på Domænet

Så åbner dette vindue og du indtaster dit kontonavn, som også stod i ovenstående e-mail, og tryk ”Send Instrukser”

skift adgangskode

Så modtager du en email og her trykker du på den gule knap ”Nulstil konto-adgangskode”.

Email med nulstil adgangskode

Herefter åbner et vindue hvor du skal skrive din ønskede adgangskode til kontrolpanelet.

Husk at gemme dit adgangskode sammen med de øvrige kontooplysninger, så du har dem til en anden gang.

Til slut, tryk den gule knap ”Ændre konto-adgangskode”

Felt til ændring af adgangskode

Så kan du logge ind med din nye adgangskode på kontoen. Skriv kontonavn igen og dit nye password.

login til Unoeuro

Efter Log ind kommer du direkte ind i dit kontrolpanel hos Unoeuro. Det er her du kan foretage justeringer til dit website samt oprette email adresser ud fra dit valgte domæne m.m.

I venstre side finder du menuen ”Website”. Den trykker du på.

Menu funktion i Unoeuros kontrolpanel

Her dukker der nogle flere muligheder op, og du scroller helt ned i bunden og vælger 1-click installer.

Installer WordPress med 1-Click installer

Det bringer dig til siden hvor du skal vælge dit CMS system. Og det er jo WordPress, som du finder helt nede i bunden af siden.

Tryk på ”Vælg”

Tryk vælg og installer WordPress

På siden der åbner bliver du bedt om at udfylde nogle oplysninger.

De tre øverste felter med:

  • Adresse/brug midlertidig Url
  • Tabel Præfiks
  • Slet Data

Skal du blot lade være, dem behøver du ikke at bruge på din WordPress installation.

Ja, endnu en installation er i gang, denne gang til WordPress. Igen husk at noter dit oprettede brugernavn og password. De er ret vigtige da de informationer skal bruges når du logger på WordPress hjemmesiden.

Administrator login: Vælg et administrator navn du gerne vil bruge når du logger på hjemmesiden. (Frit valg)

Password: Lav et password som du skal bruge når du logger på hjemmesiden. Men lav et stærkt password som både indeholder store og små bogstaver,  tal og gerne specialtegn som  f.eks. %  ?  #. Jo sværere dit password er, desto sværere er det for hackere at “gætte” din adgangskode.

Administrators email: Vælg en e-mail som ikke har noget at gøre med dit domæne. Brug evt. en gmail eller en hotmail. Med denne adresse kan du altid få adgang til hjemmesiden hvis du glemmer dit password.

Site Name: Jeg vælger “Peterswebguide” men det kan ændres igen senere. Du kan kalde det lige hvad du vil.

Interface Language: Vælg det sprog du gerne vil have i hjemmesidens kontrolpanel.

Når du er klar trykker du ”Installer”

Tryk på gul knap og WordPress installer nu

Så starter WordPress Installationen, tryk på ”Accepter og Installer”

Husk at læse alt det der står beskrevet i oversigten.

accepter og installer

Efter kort tid kommer en besked frem ”Installation af WordPress Fuldført”.

Tryk på den gule knap.

Installationen af WordPress er gennemført

Du kan nu se din WordPress hjemmeside for første gang. Meget fed fornemmelse, ik?

Det du ser er et standard WordPress design.

Billede af en Standard WordPress hjemmeside

Men læs videre, nu skal vi jo også have det professionelle design op at køre. Så bliver det først rigtig sjovt.

STEP 5:
Installer Professionelt Web design på Hjemmesiden

Nu mangler vi kun selve opsætningen af det professionelle design.

Som det første skal du logge på WordPress hjemmesiden. Det kan du gøre ved at gå op i feltet hvor hjemmeside adressen står. Her tilføjer du teksten ”/wp-admin”. Sådan her kommer min webadresse til at se ud: peterswebguide.dk/wp-admin
Du skal selvfølgelig bruge dit valgte domænenavn og tilføje /wp-admin til adresselinien i browseren.

Billede viser adresselinien til at logg på WordPress

Når du har skrevet det i adresse linien trykker du enter på dit tastatur imens musen er aktiv i adresse linien.

Når du har trykket enter bliver du mødt af login siden WordPress. Her skriver du login detaljerne til WordPress som du oprettede i det forrige kapitel da vi installerede WordPress.

Altså dit Brugernavn og Password og tryk Login

Billedet viser login vinduet til WordPress

Så kommer du ind i kontrolpanelet i WordPress som ser sådan ud:

Kontrolpanelet til WordPress

I den sorte bjælke i venstre side skal du holde musen henover den menu der hedder udseende. Det får en ny menu til at springe frem, og her vælger du og trykker på Temaer.

vaelg wordpress temaer

Her kan du se alle de temaer der er uploaded til din version af WordPress, og det er hertil vi skal uploade det Professionelle design, så det bliver aktivt og kan tilgås.

Tryk på ”Tilføj nyt” eller det store plus i den nederste halvdel.

Tilføj et nyt tema til WordPress

Her trykker du på ”Upload Tema”

Upload et nyt tema til wordpress

Så bliver du bedt om at uploade et Tema i .zip format. Det er den zip fil du tidligere købte som skal uploades.

Tryk på ”vælg fil” og naviger til zip filen på din computer.

Når du har fundet den på din computer trykker du åben og derefter installer nu.

Når du har trykket på installer kan der godt gå op til et par minutter (afhængigt af din internet forbindelse) Men hav tålmodighed og tryk ikke på noget imens.

Upload web design pakket i zip fil til WordPress

Så bliver du mødt af dette skærmbillede.

Her trykker du Aktiver.

Her trykker du aktiver for at aktivere wordpress designet

Hurra og tillykke, du har nu fået installeret din professionelle WordPress hjemmeside. Se videovejledning længere nede som beskriver hvordan du kommer i gang med hjemmesiden.

Her ser du theme Avada som er det ny installerede web design

Som en hjæp til at komme hurtigt i gang, og få opsat den template du ønsker at bruge, har jeg herunder lavet en videovejledning som fører dig igennem processen.

Under videoen har jeg indsat flere links, til forskellige guides, der beskriver hvad du kan lave lave i WordPress og på din nye hjemmeside.