Guide Kom i gang med Tema

En guide for deg som ennå ikke har begynt med temaet, der målet er at temaet skal passe til nettstedet ditt. Gå frem trinn for trinn, prøv deg frem, og husk at du alltid kan deaktivere temaet hvis du ikke er fornøyd.

Det trenger ikke være et stort prosjekt å komme i gang med temaer på en eksisterende nettside. Begynn i rolig tempo med å legge til et tema og opprette et testmiljø på nettsiden din.

Når du lager ditt første tema, kan du lage et tema som skiller seg betydelig fra nettstedet ditt når det gjelder farger og skrifttyper, slik at du kan se hvordan og hva de ulike innstillingene påvirker. Da kan det også være lurt å laste opp en annen nettskrifttype enn den/de du allerede har på nettstedet.

• Last opp ny nettfont under Nettstedsinnstillinger / Utseende / Nettfonter.
• Avslutt med å klikke OK slik at den nye nettfonten lagres.

For å kunne følge veiledningen og gjøre justeringer på nettstedet ditt, må du være administrator og ha administratorrettigheter.

Legg til tema

Legg deretter til et tema på nettstedet ditt. Dette gjør du under Nettstedsinnstillinger / Utseende / Tema.

Gi temaet ditt et navn, for eksempel Grunnleggende tema.

Gjør innstillinger i temaet for:

• Grunnleggende
• Profilfarge
• Blokkfarger.

Hvis du har lagt til en ny nettfont, kan du velge den under Grunnleggende / Skrifttyper i temaet ditt. På den måten vil du umiddelbart se hvilke moduler som henter skrifttyper fra Grunnleggende.

Opprett en testmappe

Opprett en mappe på nettstedet ditt og skjule den i søket. På den måten vil ingen besøkende på nettstedet finne testsidene dine ved en feiltakelse.

Opprett en testsiden

Opprett en testside i mappen din. Før du aktiverer temaet på siden, bør du begynne med å legge til flere oppsett og moduler. På bildet ser du eksempler på hva du kan legge til på siden. Husk at det er forskjell på modulene, avhengig av hvor de henter innstillingene sine fra. Du må kanskje gå tilbake til temaet ditt og gjøre flere/andre innstillinger, avhengig av hvilke moduler du plasserer.

Bildet viser eksempler på elementer som kan være nyttige å ha på en side når du skal teste et tema. Det viser også utseendeinnstillinger for de ulike layoutene og modulene som hentes fra temaet.

Aktiver temaet på siden

Når du har lagt til oppsett og moduler på siden, er det på tide å aktivere temaet ditt. Det gjør du ved å gå til sidens Egenskaper og deretter Utseende/Tema, hvor du velger temaet ditt.

Nå ser du hvilket innhold som påvirkes av innstillingene du har gjort i temaet.

Hvis du har valgt en annen skrifttype under Grunnleggende i temaet ditt, ser du umiddelbart hvilke moduler som henter utseendet sitt derfra.

Hvis et område på siden mister fargen eller skifter farge, må du først sjekke innstillingene i grunnmalen.

To eksempler på hvordan bakgrunnsfargen på sidefoten endres eller ikke når du aktiverer temaet ditt:

1. Hvis bakgrunnsfargen på grunnmalen er angitt under malens egenskaper, erstattes den av bakgrunnsfargen i temaet.
2. Hvis bakgrunnsfargen for sidefoten i stedet hentes fra et oppsett, beholder sidefoten den fargen.

Testsider uten og med aktivert tema

I eksemplet Uten tema har komponentene farger selv om det ikke er aktivert noe tema på siden. Dette skyldes at utseendeinnstillinger hentes fra Sitevision Standard hvis det ikke er aktivert noe tema på siden. Du kan lese mer om standardfarger på Sitevision Envision.

Bildene viser det samme eksemplet som tidligere på siden, men hvordan det ser ut i visningsmodus med henholdsvis tema og uten tema.

Det neste trinnet kan være å knytte flere utseendeinnstillinger til temaet ved å la temaet styre for eksempel formatmaler og farger.

Styr formatmalene via temaet

Gå inn og styr formatmalene dine via temaet. Du kan gjøre dette på to måter:

1. Bruk skrifttyper og/eller tekstfarge fra temaet.

Bare skrifttyper og/eller tekstfarge hentes fra Grunnleggende i temaet. De resterende innstillingene gjør du som vanlig under Formateringsmaler.

2. Koble formatmalene dine til temaets innstillinger for innholdstekst.

Begynn med å lage en oversikt over dine eksisterende formatmaler og bestem hvilke varianter de skal kobles til under Innholdstekst i temaet. Koble deretter formatmalene dine, én om gangen, til respektive Innholdstekst i Tema.

Da håndterer du alle innstillingene i temaet for hvordan teksten skal se ut. På den måten kan samme antall formatmaler brukes med helt forskjellige utseender hvis du oppretter flere forskjellige temaer. For eksempel for mørk og lys modus.

Merk! Hvis du ikke angir noen skrifttype under den respektive innholdsteksten, arves skrifttypen fra Grunnleggende.

Tema styrer farger

Temaet styrer fargene på nettstedet for å gjøre administrasjonen enklere. Når du gir fargene navn, bør du tenke på å gi fargen et navn som beskriver hva den gjør, i stedet for hva den er. Eksempel: Kantlinje i stedet for Grå.

Under Nettstedsinnstillinger/Farger vil du se fargene til de ulike temaene dine per temastyrt farge.

Mørkt tema

Et annet trinn er å utvikle et lyst og et mørkt tema på nettstedet, siden dette er et krav for tilgjengelighet. Det lyse temaet er sannsynligvis det du allerede har opprettet, så nå kan du opprette et mørkt tema.

• Legg til tema, gi det navnet Mørkt grunnleggende tema.

Hvis du vil bruke innstillingene fra Grunnleggende tema som utgangspunkt og justere dem, klikker du på fanen Avansert i det nye temaet:

• Under Importer tema/Importtype velger du Importer verdier fra annet tema.
• Velg Grunnleggende tema og klikk på Importer.

Gjør alle utseendeinnstillingene for det mørke temaet ditt, og merk av forPrimært mørkt tema under fanen Avansert.

• Avslutt med å klikke på OK for å lagre det nye temaet.

Når du aktiverer det mørke temaet som primært, registrerer nettstedet hvilken modus besøkende har på enheten sin og tilpasser seg etter det.

Aktiver temaet på grunnmalen

Nå er det på tide å aktivere temaet på grunnmalen. Føles det litt skummelt? Da er tipset at du lager en kopi av grunnmalen og tester på den før du gjør innstillingene på den offentlige malen.

Husk at du alltid kan deaktivere temaet hvis du ikke er fornøyd.