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 klikke ‘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, footer- og headerudseende. Derudover kan du styre, hvor meget runding du vil have på hjørnerne af alle modulerne på dit site under "Appearance".
Du kan vælge en primærfarve, og op til fem sekundære farver. Farverne justeres ved at klikke på hver enkelt farve i theme creator'en, hvorefter et pop-up vindue vil åbne. 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 farvevælgeren. Du kan også navngive farven (f.eks. “Lys grøn”), 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 bl.a. igennem på: Søgeikon, ikoner generelt (både content box, links, dynamiske lister osv.), links (herunder: Button, Button outline, Link with arrow), brødkrummestien, venstremenuen, samt spacer modulets "divider" indstilling.
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 hjemmesidens formål. Her får du vores anbefalinger til, hvordan du kan sammensætte en farvepalette, også selvom du ikke nødvendigvis har de store designkundskaber:
Tag udgangspunkt i primærfarven fra organisationens logo eller designmanual, og basér de resterende 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 (f.eks. lysegrå), eller 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 dig frem. Start eksempelvis med at finde en fed primærfarve, som du synes ser godt ud, og som passer med det udtryk du 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.
Du skal tage højde for, at dine farvevalg overholder kravene om webtilgængelighed. Dette indebærer, at der skal være tilstrækkelig kontrast mellem skrifts- 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 A og AA-standarderne.
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: Hvis du ikke ser ændringerne slå igennem, kan du prøve én eller flere af følgende løsninger:
Brug "hard refresh" ved at trykke CTRL + SHIFT + R
Slet dine cookies
Prøv at se siden i en anden browser
Prøv at se siden i Google Chrome's "Incognito Mode"
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. Hvis du ønsker at enten redigere eller slette et tema, klikker du på én af knapperne til højre for det enkelte tema.
