Guide Kom igång med Tema

En guide för dig som inte börjat med tema än där slutmålet är att temat ska matcha din befintliga sajt. Gör steg för steg, prova dig fram och kom ihåg att du alltid kan avaktivera temat om du inte är nöjd.

Det behöver inte vara ett jätteprojekt att komma igång med tema på en befintlig webbplats. Börja i lagom takt med att lägga till ett tema och skapa en testmiljö på din webbplats.

När du gör ditt första tema kan du göra ett tema som skiljer sig rejält från er webbplats gällande färger och fonter för att du ska se hur och vad de olika inställningarna påverkar. Då kan det också vara bra att ladda upp en annan webbfont än den/de ni redan har på webbplatsen.

• Ladda upp ny webbfont under Webbplatsinställningar / Utseende / Webbfonter.
• Avsluta med att klicka OK så att din nya webbfont sparas.

För att kunna följa guiden och göra justeringar på din webbplats behöver du vara administratör och ha administratörsbehörigheter.

Lägg till tema

Lägg sedan till ett tema på din webbplats. Det gör du under Webbplatsinställningar / Utseende / Tema.

Ge ditt tema ett namn, till exempel Grundtema.

Gör inställningar i temat för:

• Grundläggande
• Profilfärg
• Blockfärger.

Om du lagt till en ny webbfont kan du välja den under Grundläggande / Typsnitt i ditt tema. På så sätt kommer du att se direkt vilka moduler som hämtar typsnitt från Grundläggande.

Skapa en testmapp

Skapa en mapp på din webbplats och dölj den i söket. På så sätt hittar ingen webbplatsbesökare dina testsidor av misstag.

Skapa en testsida

Skapa en testsida i din mapp. Innan du aktiverar temat på sidan, börja med att lägga till flera layouter och moduler. På bilden ser du exempel på vad du kan lägga till på sidan. Tänk på att det är skillnad på modulerna, var de hämtar sina inställningar från. Du kan behöva gå tillbaka till ditt tema och göra fler/andra inställningar beroende på vilka moduler du placerar ut.

Bilden visar exempel på delar som kan vara bra att ha på en sida när du ska testa ett tema. Den visar också utseendeinställningar för de olika layouterna och modulerna som hämtas från tema.

Aktivera temat på sidan

När du har lagt till layouter och moduler på sidan är det dags att aktivera ditt tema. Det gör du genom att gå till sidans Egenskaper och sedan Utseende/Tema där du pekar ut ditt tema.

Nu ser du vilket innehåll som påverkas av de inställningar du gjort i temat.

Om du valt ett annorlunda typsnitt under Grundläggande i ditt tema ser du med en gång vilka moduler som hämtar sitt utseende därifrån.

Om någon yta på sidan tappar sin färg eller byter färg behöver du titta på inställningarna i grundmallen till att börja med.

Två exempel på hur bakgrundsfärgen på sidfoten förändras eller inte när du aktiverar ditt tema:

1. Om bakgrundsfärgen på grundmallen är inställd under mallens egenskaper, då ersätts den av din bakgrundsfärg i temat.
2. Om bakgrundsfärgen för sidfoten istället hämtas från en layout så behåller sidfoten den färgen.

Testsidor utan och med tema aktiverat

I exemplet Utan tema har komponenterna färger trots att inget tema är aktiverat på sidan. Det beror på att utseendeinställningar hämtas från Sitevision Standard om inget tema är aktiverat på sidan. Du kan läsa mer om standardfärger på Sitevision Envision.

Bilderna visar samma exempel som tidigare på sidan men hur det ser ut i visningsläget med tema respektive utan tema.

Nästa steg kan vara att koppla fler utseendeinställningar till tema genom att temastyra till exempel formatmallar och färger.

Temastyr formatmallarna

Gå in och temastyr dina formatmallar. Du kan göra på två sätt:

1. Använd typsnitt och/eller textfärg från tema.

Endast typsnitt och/eller textfärg hämtas från Grundläggande i temat. Resterande inställningar gör du som vanligt under Formatmallar.

2. Koppla dina formatmallar till temats inställningar för innehållstext.

Börja med att göra en inventering av dina befintliga formatmallar och bestäm vilka varianter de ska kopplas till under Innehållstext i temat. Koppla sedan dina formatmallar, en i taget, till respektive Innehållstext i Tema.

Då hanterar du alla inställningar i temat för hur text ska se ut. Samma antal formatmallar kan på så sätt användas med helt olika utseenden om du skapar upp flera olika teman. T ex för mörkt respektive ljust läge.

OBS! Om du inte anger något typsnitt under respektive Innehållstext ärvs typsnittet från Grundläggande.

Temastyr färger

Temastyr webbplatsens färger för att underlätta förvaltning. När du ger färgerna sitt namn, tänk att du ger färgen namnet vad den gör i stället för vad den är. Exempel: Kantlinje i stället för Grå.

Under Webbplatsinställningar/Färger kommer du se dina olika temans färger per temastyrd färg.

Mörkt tema

Ett annat steg är att utveckla att du har ljust och mörkt tema på webbplatsen eftersom det är ett tillgänglighetskrav. Det ljusa temat är troligtvis det du redan har skapat så nu kan du skapa ett mörkt tema.

• Lägg till tema, ge det namnet Mörkt grundtema.

Om du vill använda inställningarna från Grundtema som bas och justera dem klickar du på fliken Avancerat i det nya temat:

• Under Importera tema/Typ av import väljer du Importera värden från annat tema.
• Välj Grundtema och klicka på Importera.

Gör alla utseendeinställningar för ditt mörka tema och bocka i Primärt mörkt tema under fliken Avancerat.

• Avsluta med att klicka OK så att ditt nya tema sparas.

När du aktiverar det mörka temat som primärt känner webbplatsen av vilket läge besökaren har på sin enhet och anpassar sig efter det.

Aktivera temat på grundmallen

Nu är det dags att aktivera temat på grundmallen. Känns det lite läskigt? Då är tipset att du skapar en kopia av grundmallen och testar på den innan du gör inställningarna på den publika mallen.

Kom ihåg att du alltid kan avaktivera temat om du inte är nöjd.