Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Anpassa Webbplatsens Design | Bygga en Komplett Webbplats Från Grunden
Bygga en Kodfri Webbplats med WordPress

bookAnpassa Webbplatsens Design

Efter att du har installerat ditt tema och importerat en startmall är det dags att anpassa din webbplats så att den speglar ditt varumärke och innehåll.

Använda WordPress Customizer
expand arrow

WordPress Customizer låter dig redigera webbplatsens design i realtid och se ändringar omedelbart.

För att öppna den:

  • Gå till Utseende → Anpassa från WordPress-panelen;
  • Customizer öppnas med en liveförhandsvisning av din webbplats till höger och en meny med inställningar till vänster.

Alternativen som finns i Customizer varierar beroende på vilket tema som är aktivt. När du använder Astra med en startmall är följande alternativ vanligtvis tillgängliga:

  • Globala inställningar: justera typsnitt, färger och containerbredd;
  • Header- och footerbyggare: redigera de övre och nedre områdena på din webbplats;
  • Menyer och widgets: hantera navigering och sidopaneler.

Du behöver inte utforska alla inställningar nu—fokusera bara på grunderna.

Justera primära element
expand arrow

Detta är de viktigaste delarna att titta på när du anpassar webbplatsens design:

1. Färger och typografi

  • Gå till Globalt → Färger för att ändra bakgrunds-, text- och länkfärger;
  • Gå till Globalt → Typografi för att ställa in typsnitt och storlekar för rubriker och brödtext.

2. Header och Footer

  • Klicka på Header Builder eller Footer Builder i Customizer;
  • Du ser en visuell layout där du kan klicka på olika sektioner (logotyp, meny, sociala ikoner, etc.) för att redigera dem;
  • Du kan också ta bort eller omorganisera element genom att dra dem till nya positioner.
Lägga till logotyp och favicon
expand arrow

Om du inte laddade upp din logotyp när du importerade startmallen kan du göra det nu.

För att uppdatera din logotyp:

  1. Gå till Header Builder → Webbplatstitel & Logotyp;
  2. Klicka på Välj logotyp och ladda upp din bild (helst PNG med transparent bakgrund).

För att lägga till en favicon (ikon i webbläsarfliken):

  1. Gå till Allmänna inställningar → Webbplatsidentitet;
  2. Under Webbplatsikon, ladda upp en kvadratisk bild (512x512 pixlar rekommenderas).
Spara dina ändringar
expand arrow

När du är nöjd med dina uppdateringar, klicka på Publicera-knappen högst upp i Customizer för att spara alla ändringar.

question mark

Vad är en favicon i WordPress?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 7. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 3.45

bookAnpassa Webbplatsens Design

Svep för att visa menyn

Efter att du har installerat ditt tema och importerat en startmall är det dags att anpassa din webbplats så att den speglar ditt varumärke och innehåll.

Använda WordPress Customizer
expand arrow

WordPress Customizer låter dig redigera webbplatsens design i realtid och se ändringar omedelbart.

För att öppna den:

  • Gå till Utseende → Anpassa från WordPress-panelen;
  • Customizer öppnas med en liveförhandsvisning av din webbplats till höger och en meny med inställningar till vänster.

Alternativen som finns i Customizer varierar beroende på vilket tema som är aktivt. När du använder Astra med en startmall är följande alternativ vanligtvis tillgängliga:

  • Globala inställningar: justera typsnitt, färger och containerbredd;
  • Header- och footerbyggare: redigera de övre och nedre områdena på din webbplats;
  • Menyer och widgets: hantera navigering och sidopaneler.

Du behöver inte utforska alla inställningar nu—fokusera bara på grunderna.

Justera primära element
expand arrow

Detta är de viktigaste delarna att titta på när du anpassar webbplatsens design:

1. Färger och typografi

  • Gå till Globalt → Färger för att ändra bakgrunds-, text- och länkfärger;
  • Gå till Globalt → Typografi för att ställa in typsnitt och storlekar för rubriker och brödtext.

2. Header och Footer

  • Klicka på Header Builder eller Footer Builder i Customizer;
  • Du ser en visuell layout där du kan klicka på olika sektioner (logotyp, meny, sociala ikoner, etc.) för att redigera dem;
  • Du kan också ta bort eller omorganisera element genom att dra dem till nya positioner.
Lägga till logotyp och favicon
expand arrow

Om du inte laddade upp din logotyp när du importerade startmallen kan du göra det nu.

För att uppdatera din logotyp:

  1. Gå till Header Builder → Webbplatstitel & Logotyp;
  2. Klicka på Välj logotyp och ladda upp din bild (helst PNG med transparent bakgrund).

För att lägga till en favicon (ikon i webbläsarfliken):

  1. Gå till Allmänna inställningar → Webbplatsidentitet;
  2. Under Webbplatsikon, ladda upp en kvadratisk bild (512x512 pixlar rekommenderas).
Spara dina ändringar
expand arrow

När du är nöjd med dina uppdateringar, klicka på Publicera-knappen högst upp i Customizer för att spara alla ändringar.

question mark

Vad är en favicon i WordPress?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 7. Kapitel 2
some-alt