Skapa undersida med layoutmall

1. Döp sidan till ”Om oss”.
2. Klicka på ”Använd Divi Builder”.

Tryck på ”Välj layout”.

Väl åter layoutpaketet ”Agency”.

Denna gången ska vi använda oss av ”About”.

1. Tryck på ”About”.
2. Tryck på ”Use This Layout”.

Vi börjar med att städa upp lite genom att ta bort de sektioner vi inte vill ha med. Radera videosektionen genom att trycka på papperskorgen.

Radera Newsletter-sektionen.

Radera den befintliga formulärsektionen.

1. Välj ”Bakgrund”.
2. Radera den befintliga bilden och lägg upp din egen.
3. Spara.

Gå in på Modulinställningar för headern.

1. Ändra rubriken.
2. Ändra texten.

1. Scrolla ner till ”Bakgrund”.
2. Välj ut önskad bakgrundsfärg.

1. Gå in på ”Design”.
2. Välj ”Rubrik Text”.
3. Klicka på mobilinställningar för ”Rubrik Text Storlek”.
4. Sätt till 40px.

1. Scrolla ner och välj ”Body Text”.
2. Klicka på mobilinställningar för ”Body Text Storlek”.
3. Sätt till 18px.
4. Spara.

Klicka på ”Spara urval till bibliotek” för headern.

1. Välj önskat namn.
2. Tryck på ”Spara till bibliotek”.

1. Ändra Kolumnstruktur till 1/3 + 2/3.
2. Spara.

Radera det lilla sträcket genom att tryck på papperskorgen.

Gå in på Modulinställningar för rubriken.

1. Ändra till önskad text.
2. Vänsterjustera.
3. Spara.

Gå in på Modulinställningar för brödtexten.

1. Ändra till önskad text.
2. Vänsterjustera.
3. Spara.

1. Infoga ny modul genom att klicka på plusset.
2. Välj ”Växlare”.

Klicka på inställningar för den första sliden.

Vi tänkte göra en slider med bara bilder utan texter så vi raderar Rubrik, Knapp och Body.

1. Scrolla ner och välj ”Bakgrund”.
2. Ta bort den befintliga bilden och lägg upp din egen.
3. Spara.

Upprepa proceduren för slide nummer 2.

1. För att ställa in höjden går vi in på ”Design”.
2. Sätt ”Höjd” till 400px.

1. Klicka på mobilinställningar för Höjden.
2. Välj inställningar för mobil.
3. Sätt till 200px.

1. Scrolla ner till ”Animation”.
2. Slå på ”Automatisk animering”.
3. Sätt animeringshastighet till 4000.
4. Spara.

1. Ändra rubrik.
2. Ändra text.

1. Välj ”Bild och ikon”.
2. Ändra ”Använd ikon” till NEJ.
3. Spara.

Klicka på plusset för att lägga till ny modul.

Välj ”Knapp”.

Ändra knapp-texten.

1. Välj ”Länk”.
2. Vi har ännu ej gjort sidan men den kommer att heta appelmust så vi kan skriva in den blivande fullständiga url:en.

1. Gå sedan in på design och utforma knappen enligt önskemål.
2. Spara.

Upprepa för kolumn två och tre.

Välj ”Vanlig”.

Välj enkelspalt längst upp till vänster.

Välj ”Avdelare”.

Välj färg.

1. Gå in på ”Storlek”.
2. Sätt avdelarens höjd till 2px.
3. Spara.

För att vi inte ska få för mycket luft mellan sektionerna så kan vi dra ner bottendistansen till 0 för länksektionen med en drag-and-drop-manöver.

Vi kan också dra ner toppdistansen på nästkommande sektion till 0.

Gå in på Modulinställningar för rubriken.

1. Ändra texten.
2. Spara.

Gå in på Modulinställningar för den första bilden.

1. Ändra ”Namn”.
2. Ändra ”Befattning”.
3. Ta bort alla sociala länkar.

1. Scrolla ner och välj ”Bild”.
2. Ta bort den befintliga och lägg till din egen.
3. Spara.

Upprepa för bild två och tre.

1. Välj ”Lägg till från bibliotek”.
2. Välj ”Footer”.

Publicera.