Hoppa till huvudinnehåll

Anpassa designen för en sektion

Så ändrar du bakgrund, färger och animationer i Nya Sitebuilder

Översikt

Du kan anpassa utseendet på enskilda sektioner för att ge hemsidan en mer personlig och enhetlig design. Du kan du bland annat ändra bakgrundsfärg, lägga till färgövergångar och formavdelare samt välja animationer.


Anpassa en sektion

  1. Öppna hemsidan i Nya Sitebuilder.

  2. Hovra över sektionen du vill anpassa.

  3. Klicka på Anpassa sektion till vänster om sektionen.

    Screenshot 2024-07-08 at 10.52.16.png

Nu öppnas inställningarna för sektionens utseende.

Ändra bakgrundsfärg

  1. Öppna inställningarna för sektionen.

  2. Välj en färg från din färgpalett.

  3. Kontrollera att bakgrunden och texten är tydliga och lättlästa.

    2024-07-08 10.53.07.gif

Textfärgen anpassas automatiskt för att bibehålla läsbarheten mot den valda bakgrunden.

Lägg till en färgövergång

En färgövergång, även kallad gradient, skapar en mjuk övergång mellan färger i sektionens bakgrund.

  1. Öppna sektionens designinställningar.

  2. Välj ett av de tillgängliga alternativen för färgövergång.

  3. Förhandsgranska resultatet.

    2024-07-08 11.08.26.gif

Lägg till en formavdelare

En formavdelare skapar en dekorativ övergång mellan två sektioner.

  1. Öppna sektionens designinställningar.

  2. Välj en formavdelare.

  3. Anpassa färgen så att den passar ihop med nästa sektion.

    2024-07-08 11.10.35.gif

Formavdelaren placeras längst ned i sektionen.

Lägg till en animation

Du kan välja mellan två animationstyper:

  • Fade – innehållet tonas in.

  • Slide – innehållet glider in i vyn.

Gör så här:

  1. Öppna sektionens designinställningar.

  2. Välj Fade eller Slide.

  3. Publicera hemsidan och kontrollera att animationen fungerar som du vill.

    2024-07-08 11.17.41.gif

Animationen aktiveras automatiskt när besökaren scrollar till sektionen.


Relaterade artiklar


Sammanfattning

Markera sektionen och öppna Anpassa sektion för att ändra bakgrundsfärg, välja en färgövergång, lägga till en formavdelare eller aktivera en animation. Förhandsgranska ändringarna för att säkerställa att designen passar resten av hemsidan.

Fick du svar på din fråga?