Använd stilboken för att designa din webbplats

I den här guiden får du lära dig hur man använder stilboken för att se en förhandsgranskning av hur stiländringar kommer att påverka visningen av block, utan att behöva infoga dessa block på webbplatsen.

Den här funktionen är tillgänglig för webbplatser med våra WordPress.com Premium-, Business- och Commerce-paket samt det äldre Pro-paketet. För webbplatser med Gratis- och Starter-paketet, uppgradera ditt paket för att komma åt den här funktionen.

Stilboken visar dig exempel på hur alla tillgängliga block kommer att se ut när du har sparat stiländringar för din webbplats.

1. Gå till adminpanelen för din webbplats.
2. Gå till Utseende → Redigerare.
3. Välj ”Stilar” i menyn till vänster.
4. Klicka på ikonen som ser ut som ett öga till höger om texten ”Stilar”. (Du kan klicka på ikonen igen för att gå tillbaka till redigeraren.)

Du kan också öppna stilboken när du redigerar en sida, mall eller malldel. Detta är stegen som används i videoöversikten ovan. Följ dessa steg:

1. Gå till adminpanelen för din webbplats.
2. Gå till Utseende → Redigerare.
3. Redigera en sida, mall eller malldel.
4. Klicka på ikonen ”Stilar” (en cirkel med en vit och en svart halva) i redigerarens övre verktygsfält.
5. Klicka på ikonen ”Stilbok” (ikonen ser ut som ett öga) för att öppna stilboken. (Du kan klicka på ikonen igen för att gå tillbaka till redigeraren.)

När du öppnar stilboken kan du förhandsgranska och ändra ditt färgschema och din typografi, med exempel på hur varje ändring kommer att påverka specifik text, block, media och annat.

Till höger om panelen ”Stilar” visas en förhandsgranskning av de olika typerna av element (Färger, Typografi, Knappar, Bilder, osv.) på din webbplats. Så här redigerar du ett visst elements stilar:

1. Klicka på ett element (Färger, Typografi, osv.) i förhandsgranskningen till höger på din skärm.
2. Redigera elementets stilar under panelen ”Stilar” till vänster.
3. Klicka på bakåtpilen bredvid elementets namn för att återgå till den fullständiga listan med element och välja ett annat element att formatera.

4. När du är klar klickar du på knappen ”Granska ändring…” längst ner i panelen ”Design” för att granska och spara dina ändringar.

Om du vill avsluta utan att spara dina ändringar klickar du på ikonen längst upp till vänster i panelen ”Design” och väljer alternativet att lämna utan att spara ändringarna.