Ändra utseendet på din webbplats

Hur du, med några knapptryck, kan få ett helt annat utseende

Installera tillägget

• 1. Börja med att gå in på ”Tillägg” > ”Lägg till nytt” och sök efter ”Twenty Eleven Theme Extensions”. Installera och aktivera det. Mer information om hur du installerar och aktiverar ett tillägg kan du hitta i guiden ”Hantera tillägg”.
• 2. När du har installerat och aktiverat tillägget kommer det upp en ny flik under ”Utseende”, nämligen ”Theme Extensions”. Gå in på den.

• 3. Där kan du göra följande:

Widget Sidebar: Som standard visas inte sidomenyn på sidor och i enskilda inlägg när du använder Twenty Eleven. Om du vill ändra på det (utan detta tillägg installerat) måste du bocka i det under sidattribut för varje sida.

Med hjälp av det här tillägget kan du göra så att sidomenyn syns på alla sidor genom att bocka i ”Enable the widget sidebar on pages”. Om du bockar i ”Enable the widget sidebar on single-post pages” får du även sidomenyn på enskilda blogginlägg. Den sista punkten under ”Widget Sidebar” är ”Center the navigation links at the top of single-post pages” vilket gör så att ”förgående”- och ”nästa”-länkarna centreras.

Widget Titles: Om du bockar i den här inställningen kommer länkar och rubriker hamna på samma vänsterjustering:

Headline Post: Om du väljer att bocka i den här funktionen så kommer ett klistrat inlägg endast synas som en länk längst upp (i vanliga fall visas hela det klistrade inlägget). Det jag skriver i boxen är det röda och länken till inlägget blir blått:

Header images size: Här kan du ändra höjden på headern (bilden längst upp i temat). Byt ut 288 mot till exempel 400 för att få större höjd på bilderna. Glöm inte att ladda upp nya bilder via ”Utseende” > ”Sidhuvud” annars kan det komma att se konstigt ut - bilden kan bli utdragen eller hoptryckt.

Custom colors: När du har bockat i denna och sparat kommer du kunna ändra alla färger genom att gå in på ”Utseende” > ”Inställningar för tema”, vilket är väldigt smidigt:

• Länkfärg: Färgen på dina länkar
• Post Text Color: Färg på texten i dina inlägg
• Post Title Color: Färg på rubriken
• Post Metadata Color: Färg på metadata (texten ”Postat” & ”Publicerat i”)
• Page Background Color: Bakgrundsfärgen på hela sidan (inläggen/sidor och sidomenyn)
• Page Border Color: Bakgrundsfärgen
• Background Contrast Color: Bakgrundsfärg på knappar (t ex kommentera-knappen)
• Blog Title color: Färgen på bloggtiteln
• Blog Description Color: Färgen på sloganen
• Header Background Color: Bakgrundsfärg vid sidhuvud
• Menu Background Color: Bakgrundsfärg på menyn
• Menu Highlight Color: Bakgrundsfärg på menyn när du håller musen över en länk
• Menu Text Color: Färg på texten i menyn
• Standardlayout: Layout på webbplatsen

Se hjälpbild:

Custom CSS: Här finns möjlighet till att lägga in egna koder i stilmallen, som i så fall kommer att gälla före de koder som finns i style.css. Det är ett mer avancerat område och vi rekommenderar att bara du som har arbetat med en stilmall ger dig på denna funktion.

Guiden är skriven av Therese Tjernström och är fri att använda under villkoren Creative Commons – Erkännande.