Ändra färgerna på din webbplats med hjälp av Stilar

Färgerna du väljer utgör en stor del av din webbplats design. Den här guiden kommer att visa dig hur du hanterar färgpaletterna för din webbplatsmeny.

I denna guide

1. Videoöversikt
2. Hitta färginställningarna
3. Definiera en färgpalett
   1. Temafärger
   2. Anpassade färger
4. Anpassa färgerna på element

Videoöversikt

Hitta färginställningarna

Om din webbplats använder ett tema som stöder webbplatsredigeraren kan du ändra färgerna på din webbplats med hjälp av Stilar. Ett snabbt sätt att avgöra om din webbplats använder webbplatsredigeraren är att kolla under Utseende i din adminpanel. Om du ser Redigerare här kan du ändra färgerna på din webbplats genom att följa dessa steg:

1. Öppna din adminpanel och gå till Utseende → Redigerare.
2. Klicka på Stilar till vänster eller välj ikonen för stilar som visas här. Ikonen ser ut som en svartvit cirkel.
3. Välj Färger.
4. Välj Palett för att välja standardfärger för din webbplats eller välj mellan följande element på din webbplats:
   • Text
   • Bakgrund
   • Länk
   • Bildtexter
   • Knapp
   • Rubrik

Resten av den här guiden kommer att beskriva vart och ett av dessa element mer detaljerat.

Definiera en färgpalett

Din webbplats färgpalett anger standardfärgerna som används på din webbplats. Du kan fortfarande anpassa färgen på specifika element, men att definiera din färgpalett säkerställer ett konsekvent färgschema på hela din webbplats.

Här kan du redigera Temafärger, Standardfärger och Anpassade färger:

• Temafärger: Färger som ställs in av ditt temas designers när temat skapas och som används i hela ditt temas design.
• Standardfärger: Färgerna som visas i blockfärginställningarna när du redigerar dina sidor och inlägg.
• Anpassad färger: Definiera och namnge ytterligare färger som ska användas i din färgpalett.

Temafärger

För att uppdatera temafärgerna, följ instruktionerna nedan:

1. Klicka var som helst i rutan under Palett.

2. Klicka på de tre punkterna bredvid Tema och välj sedan Visa detaljer för att expandera listan över färgområden i paletten.
3. Varje tema har egna färgområden definierade. I vårt exempel kan vi välja mellan Primär, Sekundär, Förgrund, Bakgrund eller Tertiär för att redigera färg:

Steg för att uppdatera tema– och standardfärger i sektionen Stilar i webbplatsredigeraren

4. Använd färgväljaren som visas för att välja önskad färg.
5. Klicka på Klar för att ange din valda färg.
6. Klicka på Spara längst upp till höger för att spara dina ändringar.

Anpassade färger

Du kan också lägga till flertalet anpassade färger till din webbplats palett. Dessa kommer att sparas och vara tillgängliga för dig att välja mellan i färginställningarna för dina block.

För att lägga till anpassade färger, följ dessa ytterligare steg:

1. Under Anpassade färger klickar du på knappen +.
2. Välj din färg med färgväljaren eller ange ett HEX-, RGB- eller HSL-färgvärde.
3. Klicka på färgens namn (standardvärdet är ”Färg 1”) och skriv in ett namn för din nya färg.
4. Klicka på Klar.

Dessa steg visas i följande video:

Anpassa färgerna på element

I färginställningarna, som finns direkt under Palett, hittar du alternativet för att redigera färgen på olika element på din webbplats. Dessa element är:

• Text: Välj en färg som ska användas för den vanliga bastexten på din webbplats, men inte för länkar, bildtexter, knapptext eller rubriker.
• Bakgrund: Välj en solid färg eller en gradient för din webbplats bakgrund. Läs mer i vår guide om att anpassa din webbplats bakgrund.
• Länk: Välj en färg för alla länkar på din webbplats. Här kan du välja den standardfärg som visas för alla länkar, samt den hovringsfärg som visas när någon placerar sin markör över en länk:

• Bildtexter: Välj färgen på texten som används i bildblockets bildtexter.
• Knappar: Ange färgen som används i knappblock. Du kan välja textfärg och ange en solid färg eller en gradient för knappens bakgrund.
  • Det går för närvarande inte att styra hovringsfärgen för knappar. Det är möjligt att använda CSS-kod för att tillämpa en hovringsfärg på en knapp.
• Rubriker: Ange en färg för rubrikblock på hela webbplatsen. Du kan välja textfärg och ange en solid färg eller en gradient för rubrikens bakgrund.
  • För att välja olika färger för var och en av rubriknivåerna (H1 till H6) klickar du på de tre punkterna bredvid Färg för att expandera alternativen. Därefter klickar du på önskad rubriknivå. En bock visas bredvid rubriknivån och du kan därefter stänga alternativen för att komma åt färginställningarna för den aktuella rubriknivån.

Om du vill åsidosätta färgen för en specifik text (och inte för alla element) kan du ange en annan färg i de enskilda blockfärginställningarna i det specifika inlägget eller på den specifika sidan.