ℹ️Designmaler er et tilleggsprodukt som må bestilles før dere kan ta de i bruk. Klikk på Bestill-fanen over for å få et pristilbud.
Opprette nettsted med designmal
- Klikk på nettstedvelgeren i CMS (blå knapp oppe til venstre)
- Velg Lag nytt nettsted
- Velg Lag ny malportal
- Gi den et navn og velg språk/målform
- Klikk Lagre
ℹ️ Det kan ta litt tid å opprette et nytt nettsted. Oppdater siden og sjekk om nettstedet er opprettet hvis det tar for lang tid.
Tilpasse fargene
Du kan selv endre fargene og tilpasse dem til din visuelle profil.
- Klikk på: Administrasjon > Design
- Velg designmalen
- Gjør endringer på fargefeltene (se detaljer under)
- Klikk Lagre
Slik fungerer fargene
Klikk for stort bildeDu legger inn tre farger fra din profil. Hver av fargene du legger inn må ha en kontrastfarge. Kontrastfargen må ha en kontrast på minst 4,5:1 for å møte minstekravene til universell utforming.
Primær farge, standardmaler
Krav: Må være en mørk farge fordi den skal vises på lys/hvit bakgrunn.
Denne fargen brukes på en del standardelementer og standardsider.
💡Bruk gjerne den samme fargen som du setter på Mørk farge eller Primær farge.
Mørk farge
Krav: Må være en mørk farge fordi den skal vises på lys/hvit bakgrunn.
Brukes her:
- Bakgrunn i header, footer og toppen av forsiden
- Enkelte elementer i tekst/artikkel; for eksempel på FAQ
- Knapp med bilde på forsiden
- Kan brukes i fokusfelt
Kontrastfarge til Mørk farge
Krav: Lys farge med kontrast til Mørk farge på minst 4,5:1. Sjekk tips til verktøy for å måle kontrast fra UUtilsynet.
Brukes som tekstfarge på Mørk farge.
Primær farge
Krav: Må være en mørk farge fordi den skal vises på lys/hvit bakgrunn.
Brukes her:
- Hover-farge på Knapp med bilde på forsiden
- Knapper på lys bakgrunn
- Enkelte elementer i tekst/artikkel; for eksempel punktliste og nummerert liste
- Kan brukes i fokusfelt
💡Du kan gjerne bruke en variasjon av fargen du har satt som Mørk farge.
Kontrastfarge til Primær farge
Krav: Lys farge med kontrast til Primær farge på minst 4,5:1. Sjekk tips til verktøy for å måle kontrast fra UUtilsynet.
Brukes som tekstfarge på Primær farge.
Sekundær farge
Krav: Må være en lys farge fordi den skal vises sammen med mørke elementer.
Brukes her:
- Knapper i Header
- Elementer på mørke bakgrunner
- Kan brukes i fokusfelt
- Bakgrunnsfarge på områdemeldinger
- Bakgrunnsfargen i FAQ
💡Du kan gjerne gjenbruke kontrastfargen til en av de mørke fargene.
Kontrastfarge til Sekundær farge
Krav: Må være en mørk farge med kontrast til Sekundær farge på minst 4,5:1. Sjekk tips til verktøy for å måle kontrast fra UUtilsynet.
Brukes som tekstfarge på Sekundær farge.
💡Kan gjerne være samme farge som en av de andre mørke fargene du har valgt.
⚠️ Alle fargekombinasjoner må ha kontrast på minst 4,5:1 for å oppfylle krav til universell utforming. Sjekk kontrast med verktøy fra UUtilsynet.
Last opp logo
- Klikk på: Administrasjon > Design
- Velg designmalen
- Klikk på feltet for logo
- Last opp din logo
- Klikk Lagre
Endre på forsiden
Forsiden redigeres hovedsakelig på menypunktet Forside. Her kan du:
- legge til velkomstbanner og fokusfelt (se fremgangsmåte under)
- koble opp aktueltfelt til en Side med flere artikler
- koble opp kalenderfelt til en kalenderwidget
Lage banner/fokusfelt
Du kan enten lage nye banner/fokusfelt eller redigere eksisterende banner/fokusfelt.
- Gå til Rediger → Widgets
- Velg en kategori eller lag en ny
- Klikk +Ny widget og gi den en tittel
- Velg den typen du ønsker (kan variere fra mal til mal)
- Velg utseende
- Legg inn innhold
- Klikk Publiser
- Gå til menypunktet Forside, klikk i et av feltene og velg widgeten.
Malportalen: Fokusfelt i artikkel
Om du har designmalen Malportalen kan du også legge til fokusfelt i artikler.
Bruk emnetypen Malportal: Artikkel eller Malportal produktside i artikkelen og legg til widgeten i det nederste feltet.
💡For Banner med tekst- og bildefelt kan du plassere bildet øverst eller nederst ved å legge inn CSS-klassen image-top eller image-bottom.
Klikk for stort bilde