Her kan du se, hvordan du selv opretter og tilpasser et tema efter dine ønsker i GoPublic. Det er relevant for dig, som gerne selv vil oprette subsites og ønsker at tilpasse farver og fonte. Theme creator giver dig mulighed for at tilpasse farver, fonte og rundinger på hjørnerne.
Gå til roden af dit site > Vælg fanen 'Indstillinger' > Gå ned under ‘Theme Creator’ > Klik på ‘Opret nyt tema’. Herfra kan du vælge, hvilket design du vil basere det nye tema på.
På billedet herunder kan du se et eksempel på, hvor det ligger:
Du kan vælge mellem to muligheder her:
Du kan basere dit tema på GoPublics basisdesign ved at vælge det stylesheet, der hedder Blank v5. I det tilfælde har du mulighed for at indstille følgende variabler:
Skrifttype til brødtekst og overskrifter
Farvepalette med en primær farve og 5 sekundære farver
Farve på footer
Farve på header og hovednavigation
Afrundede hjørner
Du kan også vælge, at basere dit tema på et andet design, du har fået udarbejdet. Det kan eksempelvis være relevant, hvis du ønsker at oprette subsites, hvor der skal være genkendelighed og gennemgående træk fra jeres hoveddesign, men blot med en anden identitetsfarve. Hermed bliver alle de øvrige designvariabler, som er udviklet i designet bevaret. Hvis du benytter dig af den mulighed, er det kun muligt at justere farver og fonte.
Bemærk at denne funktion ikke er standard, så du skal derfor kontakte supporten, hvis det er noget du ønsker at benytte dig af.
Når du har valgt, hvad du vil bygge temaet på, skal du navngive dit tema og klik ‘Opret tema’.
Der popper nu et vindue op, hvor du kan se, hvordan dit tema vil se ud. I venstre side kan du justere farver, typografi og udseende, som dækker over, hvor meget runding du vil have på hjørnerne.
Farverne justeres ved at klikke på hver enkelt farve, hvor et vindue vil åbne. Du kan vælge en primær farve og op til fem sekundære farver. Når du har klikket på farven, vil et farvefelt poppe op. Her kan du trække cursoren rundt og se, hvordan farven vil se ud. Hvis du har en specifik farvekode, du vil bruge, kan du indsætte RGB- eller hexkode i feltet under. Du kan desuden indstille, hvad farven skal hedde, eks. “Baggrundsfarve”, ved at dobbeltklikke i feltet over farven. Du kan ændre farverne undervejs, så du behøver ikke føle dig nødsaget til at beslutte de endelige farver før du kan gå i gang med at oprette indhold og struktur.
Den primære farve slår igennem ved: Søgeikon, ikoner generelt (både multibokse, links, dynamiske lister osv.), links (herunder: Button, Button outline, Link with arrow), brødkrumme-stien, venstremenuen, spacer med en 1px vandret streg
Den første sekundære farve angivet i Theme Creator anvendes til links med CSS stylingen: “Button alternate”.
De resterende sekundære farver kan anvendes som baggrundsfarver på moduler.
Sammensæt en farvepalette, der repræsenterer din organisation og dét formål, som hjemmesiden eksisterer for. Her får du vores anbefalinger til, hvordan du kan sammensætte en farvepalette, også selvom du ikke nødvendigvis har designmæssige kompetencer:
Tag udgangspunkt i primærfarven fra organisationens logo eller designmanual, og basér de resterende fire farver på denne. Vælg farver, der lægger sig op ad primærfarven, ex. hvis primærfarven er blå, så hold dig eksempelvis til farver i blålige nuancer. Derudover kan du supplere med nogle neutrale toner, som er gode at bruge til baggrunde uden at være for fremtrædende i designet eller fx en varm farve, hvis sitet har en overvejende kølig palette.
Du kan selv sammensætte en farvepalette med fem farver ved hjælp af redskaber som https://coolors.co/ - husk at eksperimentere og prøv jer frem. Start eksempelvis med at lande på en fed primærfarve, som I synes ser godt ud, og som passer med det udtryk I gerne vil formidle med det nye site. Arbejd ud fra denne til at finde de resterende fire farver - eksempelvis med ovenstående tilgang - eller ved at lade Coolors matche farver indtil du har fem farver du er glad for.
Husk webtilgængelighed:
Du skal tage højde for at dine farvevalg overholder webtilgængelighed. Det indebærer, at der skal være tilstrækkelig kontrast mellem skrift og baggrundsfarve. GoBasic vil automatisk tilføje lys tekst på mørke baggrunde og mørk tekst på lyse baggrunde, men det er dig som webansvarlig, der skal sørge for at farverne overholder kontrastforholdet. Du kan bruge WebAIM's kontrasttjekker, som du kan finde via dette link: https://webaim.org/resources/contrastchecker/
Vær opmærksom på, at du "kun" behøver leve op til AA-standarden.
Når du er tilfreds med dit tema, kan du gemme det 🎉
Når du har justeret dit tema og gemt det, er du klar til at bruge temaet på dit site:
Gå til roden af dit site > Vælg fanen 'Indstillinger' > Gå ned under ‘Konfiguration’.
Under ‘Konfiguration’ finder du feltet ‘Tema’. Vælg det tema du har oprettet via dropdown.
Når du afslutter med ‘Gem og Publicer’ er temaet skiftet ud på sitet.
OBS: Brug hard refresh (CTRL + SHIFT + R) for at få ændringer til at slå igennem.
Du kan se et eksempel her:
Gå til roden af dit site > Vælg fanen 'Indstillinger' > Gå ned under ‘Theme Creator’
Her kan du se en liste over de temaer, du har lavet, og hvis du ønsker at enten redigere eller slette temaet klikker du på én af knapperne til højre for det enkelte tema. Når du har klikket, kan du gennemgå indstillingerne og gemme, eller du kan i stedet vælge 'Slet tema’
