Opret et farvetema

Hvad denne artikel dækker

Denne artikel viser, hvordan du opretter et farvetema til foreningens hjemmeside — enten ved selv at vælge farverne eller ved at få AI til at lave et tema for jer. Et farvetema er et navngivet sæt farver, du bagefter kan vælge på hjemmesiden og på de enkelte elementer. At vælge et farvetema for hele hjemmesiden står i Logo, favicon og farver på hjemmesiden, og at bruge et farvetema på et enkelt element står i Indsæt elementer på en side.

Hvornår er det relevant

Brug denne fremgangsmåde, når foreningen vil have sine egne farver på hjemmesiden ud over de farvetemaer, der følger med (Standard, Hvid og Sort). Når du har oprettet et farvetema, dukker det op som et valg i farvetema-listerne andre steder i hjemmesiden.

Brug den ikke, hvis du kun vil vælge et tema, der allerede findes — så skal du i stedet vælge temaet på hjemmesiden (se Logo, favicon og farver på hjemmesiden) eller på et element (se Indsæt elementer på en side).

Forudsætninger

Sådan finder du farvetemaerne

Du kan komme til siden Opret nyt farvetema ad to veje:

• Gå til Indstillinger → Hjemmeside → Farvetemaindstillinger. Bemærk, at der er to steder, der hedder Hjemmeside i administrationen: det her er fanen Hjemmeside inde under Indstillinger — ikke menupunktet Hjemmeside i venstremenuen, hvor du bygger selve siderne.
• Eller gå til Hjemmeside → Byg hjemmeside og klik Farvetema i kortet Hjemmeside indstillinger i højre side.

Begge veje åbner den samme side, Opret nyt farvetema, som har to dele: Tilpas farverne, hvor du selv vælger farverne, og AI genereret farvetema, hvor du kan få AI til at lave et tema. Du bruger den ene af dem.

Farvetemaindstillinger ligger under Indstillinger → Hjemmeside. Det samme farvetema kan også oprettes fra Byg hjemmeside → Hjemmeside indstillinger → Farvetema.

Trin: Opret et farvetema manuelt

1. Åbn Opret nyt farvetema — enten via Indstillinger → Hjemmeside → Farvetemaindstillinger eller via Hjemmeside → Byg hjemmeside → Hjemmeside indstillinger → Farvetema.
2. Fold Tilpas farverne ud, hvis den ikke allerede er åben.
3. Udfyld det første farvefelt. For hver farve i temaet angiver du:
   • Navn — et navn på farven.
   • Baggrundsfarve — klik på farvefeltet og vælg en farve.
   • Tekstfarve — klik på farvefeltet og vælg en farve.
4. Vil du have flere farver i temaet, klikker du + Tilføj farve. Et nyt farvefelt lægger sig under det første.
5. Klik Gem øverst til højre. Knappen skifter kort til Farvetemaerne er gemt..., når temaet er gemt.

Under Tilpas farverne giver du hver farve et navn, en baggrundsfarve og en tekstfarve.

Klik Tilføj farve for at lægge flere farver i temaet.

Sådan vælger du en farve

Klik på farvefeltet under Baggrundsfarve eller Tekstfarve. Så folder Color Picker sig ud under feltet, og du kan vælge farven på to måder:

• Skriv farvekoden. Stå på RGB, skriv koden i feltet Hex (RGB) — for eksempel #4675A8 — og klik Sæt. Det er den vej, du skal bruge, hvis foreningen har fået faste farvekoder af en grafiker.
• Vælg en færdig farve. Rul ned til TAILWIND PALETTE og klik Vis farver ud for den farvefamilie, du vil bruge — for eksempel Rød, Orange, Rav, Gul, Lime, Grøn, Emerald, Blågrøn eller Cyan — og vælg en nuance.

Knappen OKLCH ved siden af RGB er en anden måde at skrive den samme farve på. Den er beregnet til dem, der arbejder med farver i det format; goMember gemmer altid farven i OKLCH, uanset hvordan du har valgt den.

Slet en farve i temaet

Du fjerner en farve fra temaet med papirkurv-ikonet under farvefeltet. Sletningen sker i to trin: klik på papirkurven, og klik derefter på den samme knap igen, når der står Bekræft sletning!. Først da forsvinder farven.

Trin: Få AI til at lave et farvetema

I stedet for selv at vælge farverne kan du lade AI lave et tema ud fra foreningens farve.

1. Åbn Opret nyt farvetema — enten via Indstillinger → Hjemmeside → Farvetemaindstillinger eller via Hjemmeside → Byg hjemmeside → Hjemmeside indstillinger → Farvetema.
2. Fold AI genereret farvetema ud, og sæt flueben i Få AI til at lave et nyt farvetema.
3. Vælg en farve i Vælg jeres primære farve. Det er foreningens farve eller den farve, AI skal tage udgangspunkt i.
4. Vil du give AI flere farver at arbejde med, sætter du flueben i Tilføj farve og vælger dem.
5. Skriv eventuelt et ønske i Yderligere instruktioner — for eksempel at AI skal undgå bestemte farver.
6. Klik Gem. AI laver 10 farvetemaer, I kan bruge på hjemmesidens sideelementer.

Med AI vælger du en primær farve og skriver eventuelt et ønske i Yderligere instruktioner.

Sådan bruger du farvetemaet

Et farvetema, du har oprettet, lægger sig automatisk ind som et valg de steder, hvor man vælger farvetema:

• For hele hjemmesiden vælges temaet i Side indstillinger — se Logo, favicon og farver på hjemmesiden.
• I footeren vælges temaet i dropdownen Farvetema — se Tilpas footeren på hjemmesiden.
• For et enkelt element vælges temaet på elementets fane Styles — se Indsæt elementer på en side.

Pakke-begrænsninger

Næste trin

• Vælg farvetemaet for hele hjemmesiden → Logo, favicon og farver på hjemmesiden
• Vælg farvetema til footeren → Tilpas footeren på hjemmesiden
• Brug et farvetema på et element → Indsæt elementer på en side

Almindelige fejl og løsninger

Mit nye farvetema står ikke i listen, når jeg vil vælge det.
Årsag: Temaet er ikke gemt, eller du kigger et sted, hvor temaet endnu ikke er slået igennem.
Løsning: Gå tilbage til Indstillinger → Hjemmeside → Farvetemaindstillinger og klik Gem. Kvitteringen Farvetemaerne er gemt... viser, at det er på plads. Åbn derefter farvetema-listen igen.

Farven forsvinder ikke, når jeg klikker på papirkurven.
Årsag: Sletningen skal bekræftes.
Løsning: Klik på knappen igen, når der står Bekræft sletning!.

Teksten er svær at læse oven på baggrunden.
Årsag: Baggrundsfarve og Tekstfarve ligger for tæt på hinanden.
Løsning: Ret farverne, så der er god kontrast — for eksempel mørk tekst på lys baggrund.

Beslægtede emner

• Logo, favicon og farver på hjemmesiden (GM-WEB-014)
• Tilpas footeren på hjemmesiden (GM-WEB-035)
• Indsæt elementer på en side (GM-WEB-013)
• Sådan er hjemmesiden bygget op (GM-WEB-001)