Guide til tilpasning af tema og custom .css filer

Intro

Dette er en kort guide til at komme i gang med at opsæte et tema til nye kunder på FællesWeb platformen.

Alt afhængig af kundens behov kan en opsætning af temaet i under sideindstillinger noden være nok. Det kan f.eks. være kunder som blot ønsker at tilpasse primært farver og fonte, kunder som kommer fra den gamle FællesWeb platform eller nye kunder som ikke ønsker yderligere fravigelser i styling fra hvad standardsystemet kan.

Sideindstillinger

Langt det meste af styling til temaet kan udføres ved at ændre i indstillinger under sideindstillinger noden. Her kan sættes en lang række indstillinger i forhold til farve, typografi, logo, header/footer osv. Herunder kommer en kort forklaring af de designrelaterede sektionerne under sideindstillinger. Alt som ikke kan løses med sideindstillinger laves med custom CSS. Det custom CSS som laves, fungerer som et ekstra lag til sideindstillingerne - det vil sige CSS fra FællesWeb loades først, hvorefter custom styling lægges ovenpå som et ekstra lag.

Custom CSS

Ønsker du yderligere tematisering og designændringer udover de indstillinger du kan finde i Backoffice under sideindstillinger, kan du i backoffice tilføje en custom CSS fil med style ændringer der overskriver standard stylingen. Standard stylingen gør brug af CSS variabler (åbner ekstern beskrivelse af teknologien), i en BEM struktur, som gør det nemt at overskrive standard stylingen.

Custom CSS filer uploades til mediearkivet. Du kan frit vælge om du vil anvende scss, less, css eller noget helt andet, så længe det blot kompilerer ned til en css fil som kan uploades i backoffice.