Artikelserie Del 2 av 2 – Läs del 1

Egen bröllopshemsida med hemsideprogram

Att bygga sin egen bröllopshemsida med hemsideprogram är billigt, enkelt och du kan se till att få det precis som du vill.

Feb 1, 2018 | Academy

I den artikeln går vi igenom vad du ska tänka på när du väljer designmall, och vad du bör tänka på vad gäller färg, form, fotografier och typografi specifikt när du jobbar med ett hemsideprogram.

Vi går igenom hur du bygger din bröllopshemsida med hemsideprogrammet Sitebuilder, vilka designmallar som passar för en bröllopshemsida och visar på lite exempel på hur det kan se ut.

Ett par som tillsammans skapar sin bröllopshemsida med hemsideverktyg

Missade du första delen i artikelserien? Läs Bröllopshemsida tips och trix där fokuserar vi på vad och hur – när det gäller innehållet på en bröllopshemsida.

För att följa med i den här guiden behöver du skapa ett Sitebuilder-konto. Sitebuilder är ett modernt hemsideprogram där du kan skapa hemsidor för såväl bröllopshemsidan som för till exempel företagets behov. I den här guiden fokuserar vi självklart på att bygga en bröllopshemsida.

Sitebuilder är helt gratis att testa i 14 dagar, sedan så kostar det 49:-/mån. Ofta är det kampanjer så att du kan göra din bröllopshemsida ännu billigare. Läs mer om hemsideprogrammet Sitebuilder.

1. Skapa ett konto i hemsideprogrammet Sitebuilder

Klicka här för att skapa ett gratiskonto i hemsideprogrammet Sitebuilder. För att skapa ett konto behöver du fylla i:

  • Hemsidenamn
    Här är det smart att tänka #hashtag eller domännamn, det du fyller i här blir din subdomän, du kan självklart byta vad som står inne på din bröllopshemsida senare, men din subdomän förblir permanent under din testperiod.
  • E-postadress
    Välj en riktigt E-postadress för att kunna återställa lösenord om du glömmer bort.
  • Lösenord
  • Språk
    Det språket du vill att själva hemsideprogrammet ska vara i (inte hemsidans språk). Du kan välja att ha din hemsida på flera språk inne i hemsideprogrammet efter att du registrerat ett konto.

2. Välja en designmall

Nästa steg är att välja designmall för din bröllopshemsida, det finns många mallar att välja mellan men i den här guiden kommer vi att fokusera på designmallen Antlers och Lorah som vi tycker passar bra för bröllopshemsidor.

När du väljer designmall. Tänk på att justera grund layout, alltså hur menyer, sidhuvud och sidfot är placerade är ganska svårt, medans dina egna bilder och texter är ganska enkelt. Välj därför en desigmall där du verkligen gillar hur menyn, sidhuvud och sidfot ser ut. Typsnitt och färger kan du enkelt ändra själv i ett senare stadie.

En välidgt användbar funktion i Sitebuilder är att du kan byta designmall när du vill. Även om du inte är 100% säker på vilken designmall du vill använda så rekommenderar vi att du, för nu, väljer antingen Antlers eller Lorah – så att vi kan gå vidare till att skapa sidorna som bygger upp din bröllopshemsida.

3. Lägga till sidor

Nu kan vi börja bygga upp sidorna för din bröllopshemsida. Att börja med att lägga till tomma sidor, som vi sedan kan fylla på med text, gör det enklare att få en översikt om hur lång tid det kommer ta att bli klar. Kanske inser du att du inte behöver ha med allt som du hade tänkt dig när menyn blir över 10 sidor lång. Även om det kan kännas kul att få med exakt allting så är det viktigt att vara realistisk när man ska göra det själv.

Innan vi går vidare till det praktiska så kan det vara värt att säga att det går bra att skapa hemsidor Surftown Sitebuilder på mobilen, vi utgår dock ifrån att du sitter vid en dator i den här guiden.

3a. Klicka på Sidor och stilar

Uppe i vänstra hörnet hittar du en liten meny som heter ”Sidor och stilar”.

Meny-alternativ "Sidor och Stilar" bild från hemsideprogrammets gränssnitt.

När du klickar på den menyn får du en översikt av de sidor som du skapat, eller som systemet skapat automatiskt åt dig.

3b. Klicka på Plusset

Skapa en ny sida genom att klicka på plusset.

Klicka på plusset för att skapa en ny sida - bild från hemsideprogrammets gränssnitt.

3c. Fyll i ”Lägg till sida eller mapp”

Fyll i Sidrubrik och låt resten av fälten vara. Sidtyp skapar olika typer av layouter beroende på val av designmall, för nu behöver du inte ändra sidtyp.

 Dialogruta "skapa ny sida eller mapp" bild från hemsideprogrammets gränssnitt.

Återupprepa för alla sidor du vill skapa

För varje sida om du vill skapa återupprepar du steg 3a till 3c. Om du är osäker på vilka sidor du vill ha med, läs del 1 i den här artikelserien där vi fokuserar mer på vad för innehåll du ska ha på din bröllopshemsida. I vår exempelsida har vi skapat 8 sidor utöver startsidan.
Våra exempelsidor är:

 

  • Startsida
  • Brudparet
  • Tid & Plats
  • Hålla tal
  • Önskelista
  • Viktig info
  • Boende
  • OSA

När du är klar med alla sidor som du vill ha med på din bröllopshemsida så kan ser det ut någonting liknande det här (vi arbetar som sagt med Antlers som designmall):

Alla sidor på plats i designmallen Antlers – bild från hemsideprogrammets gränssnitt.

4. Byta bakgrundsbild och texter på startsidan

Nu kan vi äntligen börja med innehållet. Vi börjar med att lägga in en bild på startsidan. Kanske har ni en förlovningsbild eller en bild på er två.

 

Byta bakgrundsbild på startsidan

  1. Navigera till Startsidan genom menyn för Sidor och stilar.
  2. Klicka på kugghjulet uppe i vänstra hörnet av bilden.
  3. Byt bild, välj mellan att; ladda upp ny, använda senaste bilder eller sök på stockbilder.
  4. Klicka på spara.

Video som visar på steg 1-4:

Byta texter på startsidan

Det är även i denna dialog där du lägger in Text i sidhuvud i vårt fall skriver vi in ”Karin + Peter”.
Här kan du lägga in en Slogan i vårt fall skriver vi in ”12 September 2018 | S:t Nicolai kyrka | Lidköping”.

5. Lägga till ett bröllopsmonogram

Kanske har ni redan tagit fram ett bröllopsmonogram för inbjudningskort eller annat syfte. Se till att be er designer om att även få digital kopia. I vissa designmallar passar det bra med en logotyp i vitt och i vissa passar det bättre med en i svart. Ofta är det bra att ha transparent bakgrund på logotypen/bröllopsmonogrammet. Har ni ingent bröllopsmonogram men vill gärna ha en? Kolla in Fiverr om ni vill ha billig hjälp med designen.

Byta ut logotypen på sidan

Om du vill lägga till ett bröllopsmonogram eller logotyp för ditt bröllop så gör du det genom att:

  1. Klicka på kugghjulet uppe i vänstra hörnet på sidans logotyp.
  2. Byt bild, välj mellan att; ladda upp ny, använda senaste bilder eller sök på stockbilder.
  3. Klicka på spara.

Använda bara text som bröllopsmonogram

Du kan också välja att gömma logotypen och bara använda text.

6. Lägg till bilder och texter på undersidor

Äntligen dags att lägga in bilder och texter. Att använda hemsideprogrammets dra och släpp-verktyg kan kännas lite krångligt i början, men vi lovar att snabbt får du upp farten.

Vad gäller texter så ser vi till att använda mycket olika rubriker för att få en snygg och varierad design.

 

  • Navigera till den sida du vill redigera genom menyn för Sidor och stilar.
  • Klicka på Lägg till innehåll uppe till vänster.
  • Dra och släpp den modul du vill lägga till.

Nu är du nästan klar, återupprepa att lägga till text och bilder på alla andra sidor med det innehåll som du bestämt att du vill ha med på bröllopshemsida.

7. Det färdiga resultatet

Du kan se vårt färdiga resultat wedding.site.surftown.com/sv/home. Vi har även gjort sidan tillgänglig på danska. Vi har även lagt in en sida för OSA och använt fotogallerier för önskelistan. Kontaktformuläret som vi använt för OSA-sidan och fotogalleriet är moduler i hemsideprogrammet precis som bilder och texter.

 Färdig design av bröllopshemsida med hemsideprogram

Byta designmall efter du lagt in innehåll

Blev du inte nöjd med utseendet, eller vill du bara experimentera med hur det skulle kunna se ut med en annan designmall? Gör det! Du kan förhandsgranska hur din sida ser ut med en helt annan designmall utan att oroa dig för att ditt innehåll påverkas. Du kan när du vill välja att byta designmall på din bröllopshemsida.

Justeringar av teckensnitt och färger

Vi är nöjda med den designen som vi fick av designmallen men om du vill göra finjusteringar av din design, till exempel: bakgrund, färger och typsnitt så kan du självklart göra det. Igen under menyn Sidor och stilar kan du längst ner till vänster finna webbplatsens stilar. I den menyn kan du ändra allt som gäller bakgrund, färger och typsnitt.

8. Publicera din bröllopshemsida

Längst uppe i högra hörnet har du knappen Publicera, när du väljer att publicera din bröllopshemsida så blir din webbplats tillgänglig på internet. Nu kan du dela den med någon som du vill ha feedback ifrån, kanske ska någon korrekturläsa eller så vill du bara visa några få vänner innan du lägger ut den på din egna domän.

Din temporära adress blir det som du valde som hemsidenamn när du registrade ditt Sitebuilderkonto. Till exempel om du valde ”karinochpeter” som hemsidenamn blir din adress karinochpeter.site.surftown.com.

Den här adressen får du behålla under hela testperioden, men för att behålla din bröllopshemsida längre än så ska du uppgradera från ett Sitebuilder testkonto till kontotypen Sitebuilder Site.

Knappen publicera – bild från hemsideprogrammets gränssnitt.

9. Egen domän för din bröllopshemsida

Självklart ska du ha din egen domän för din bröllopshemsida. För att lägga till en egen domän på din bröllopshemsida så ska du ha uppgraderat ditt Sitebuilder konto först.

1. Uppgradera ditt konto från ett testkonto till Sitebuilder Site

Följ enkelt guiden inne i hemsideprogrammet för att uppgradera ditt konto.

Uppgradera nu, dialog från hemsideprogrammets gränssnitt.

2. Köpa ditt domännamn från din kontrollpanel.

Efter du har uppgraderat får du ett konto hos oss med en enkel kontrollpanel där du enkelt kan koppla egen domän till din bröllopshemsida.

Köpa egen domän för bröllopshemsidan i vår kontrollpanel

Sammanfattning

Vi hoppas att du har tyckt att det har varit enkelt och roligt att bygga din egen bröllopshemsida, att du lyckats få det att se ut som du hade tänkt dig och att ni nu är redo för den stora dagen, även på nätet.

Om det är något som har varit krångligt under processen, så hoppas vi att vår support har varit hjälpsamma på chatt och e-post.

Har du några tankar om hemsideprogrammet? Någon feedback på designmallarna? Skriv till oss på facebook eller twitter – Vi uppskattar verkligen din feedback och använder den till att göra våra produkter bättre.

Kanske var du nära på att ge upp när du insåg att bygga en hemsida själv tar lite tid, men om du tog dig igenom och har lanserat din bröllopshemsida, återigen, skriv till oss på facebook eller twitter och visa upp ditt resultat, vi är superintresserade av vad DU har skapat med vårt verktyg.

QR kod för att logga in i hemsideprogrammet Sitebuilder. En kvinna loggar in på sin bröllopshemsida på mobiltelefonen.

QR Kod för Sitebuilder login sida.
Använd mobiltelefonens kamera för att snabbt komma till Sitebuilder login på telefonen.