Så skapar du en grym startsida i Wordpress

En webbplats består av många undersidor som i Wordpress kallas för sidor. Dessa används för att skapa unikt innehåll på din webbplats. I detta avsnittet skapar vi en säljande startsida.

En undersida kan till exempel vara en sida med ett kontaktformulär eller en startsida. Varje sida har ett unikt domännamn. Om du vill skapa en kontakta oss sida skriver du www.dindomän.se/kontakt, då vet webbläsaren att du vill visa din kontaktsida. Men innan du kan navigera till sidorna måste du först skapa dem.

I Wordpress skapar man och ändrar dessa sidors utseende genom att gå till ”Sidor->Alla Sidor”.
På ”Alla Sidor” har Wordpress redan genererat några sidor till din webbplats. Den viktigaste sidan för din webbutik heter just ”Webbutik”. Den sidan är genererad av tillägget Woocommerce och det är den sidan som dina användare besöker för att titta i webbutiken. Det finns även en sida som heter ”Varukorg” som visar vilka produkter som användaren har lagt till i varukorgen. Dessa sidor är redan förprogrammerade men det går självklart att ändra utseendet eller lägga till text. Nu när du vet vad en sida i Wordpress är ska vi utveckla vår startsida.

Skapa vår startsida

Det är startsidan som dina besökare först kommer till när de skriver in din webbadress och här gäller det att göra ett seriöst intryck. Du vill även visa vad din webbutik erbjuder så dina besökare ska surfa vidare på din webbplats med slutmålet att göra ett köp.

De flesta moderna startsidorna har en stor slider högst upp på sidan för att visa besökaren ett meddelande de inte kan missa.

Vi tänkte använda oss utav ett tillägg för att skapa en sådan slider. Precis som när vi installerade tillägget Woocommerce går vi till ”Tillägg->Lägg till nytt” och söker på ”slider”. De olika tilläggen har olika funktioner men vi väljer ett tillägg som heter ”Huge IT slider” och installerar samt aktiverar detta. I Wordpress sidopanel får vi nu en ny flik som heter just ”Huge IT slider” och skapar vår slider därifrån.

Vi har nu skapat vår slider och är redo för att skapa startsidan. För att komma igång måste vi skapa en ny sida i Wordpress och ge den ett passande namn.

När vi är inne och redigerar vår nyskapade startsida klickar vi på ”Add Slider” och lägger till den nyskapade slidern på sidan.

Vi behöver nu fylla ut startsidan med mer information. Det kan vara en bra idé att visa besökaren en del av vårt produktsortiment och hoppas på att de ska hitta någon intressant produkt direkt. För att visa de senast tillagda produkterna på startsidan kan vi använda oss utav en shortcode från tillägget Woocommerce. En shortcode är en förkortning av ett större kodstycke. Du hittar dessa för Woocommerce här. Vår startsida ser nu ut som nedan inne i redigeraren.

Redigera startsidan i Wordpress

Det är nu dags att titta hur startsidan ser ut i webbläsaren. För att Wordpress ska veta vilken sida du vill använda som startsida måste du göra en enkel inställning. Det gör du genom att gå till ”Utseende->Anpassa” och sedan ”Statisk startsida”. Här kan du välja vilken sida som ska användas som startsida. Efter att vi har ställt in sida ser vår startsida ut som nedan.

Startsidan i Wordpress

Vi har nu kommit en bra bit på vår startsida. Men vi går tillbaka för att fortsätta designa vår startsida lite mer. Vi vill fylla ut vår startsida med fler bilder mellan slidern och produkterna. Dessa bilder ska fungera som en meny så att besökaren ska kunna klicka sig vidare ifrån startsidan. Vi har tre nyskapade bilder vi vill använda oss utav. Inne i vårt startsida klickar vi på ”Lägg till media” för att lägga till bilder och sätter sedan in webblänken till bilderna i följande kod.

Vår startsida i redigerare med ny kod

Vår färdiga startsida

Den färdiga webbplatsen i Wordpress

Vi är nu klar med vår startsida och du kan nu fortsätta med att skapa dina övriga sidor till webbutiken. Lycka till!