Design / Farver

Her præsenteres en omfattende guide til, hvordan du kan konfigurere nogle af de centrale designindstillinger for din goMember hjemmeside. Disse indstillinger vil hjælpe dig med at skabe en visuel identitet, der afspejler din forenings eller virksomheds brand.

• Logo og Banner:
  • Logo / Profilbillede: Det første skridt er at uploade dit eget logo til hjemmesiden. Det er vigtigt, at logoet har en størrelse, der passer til det øverste venstre hjørne af siden, så det fremstår professionelt og letgenkendeligt.
  • Bannerbillede: Dette billede vil strække sig over hele bredden af siden og vil automatisk tilpasse sig skærmstørrelsen. Dit logo vil blive placeret oven på banneret, hvilket giver en flot visuel effekt. Det er en god idé at begrænse størrelsen på bannerbilledet for at sikre, at din hjemmeside ikke bliver langsom at indlæse. Du kan optimere billedet ved at bruge Image Optimizer, før du uploader det.
  • Site Navn ved Logo: Hvis du ønsker, at dit site-navn skal vises til højre for logoet, kan du afkrydse denne mulighed. Det skal bemærkes, at denne indstilling ignoreres, hvis der ikke er valgt et logo.  
  • Logo Højde: Her kan du angive højden på dit logo i pixels. Det er vigtigt at sikre, at logoet har den rette højde for at opretholde et harmonisk design.
  • Logo Margin: Du kan også angive marginen for logoet i pixels. Hvis du ønsker, at logoet skal placeres helt ud til kanten, kan du indtaste 0.
  • Favicon Billede: Faviconet er det lille ikon, der repræsenterer din hjemmeside i browserfanen. Det skal være i jpg- eller png-format og helst have en kvadratisk form for at sikre, at det vises korrekt.  
• Farver:
  • Nulstil til Farvetema: Hvis du vælger et farvetema, vil alle de farveindstillinger, der er angivet nedenfor, blive nulstillet. Farvetemaet aktiveres, når du gemmer ændringerne.
  • Top Baggrundsfarve: Her kan du vælge baggrundsfarven for den øverste del af siden. Denne indstilling benyttes, hvis der ikke er valgt et top-bannerbillede, og den kan hjælpe med at skabe en sammenhængende visuel stil.
  • Top Tekstfarve (Logo): Du kan angive tekstfarven for logoet, hvilket giver dig mulighed for at sikre, at teksten er letlæselig og står i kontrast til baggrunden.
  • Nedre Område Baggrund: Angiv baggrundsfarven for den nedre informationsbjælke. Dette kan være med til at adskille indholdet og give et klart overblik.
  • Nedre Område Tekstfarve: Her kan du vælge tekstfarven for det nedre område, hvilket er vigtigt for at sikre, at teksten er synlig og let at læse.  
• Menu / Navigation:
  • Menu Visning: Du kan vælge, hvordan menuen skal vises på din hjemmeside. Menuen kan placeres til højre for logoet, hvilket fungerer godt, hvis der kun er få hovedpunkter i menuen.
  • Menu Farve: Her kan du angive tekst- og rammefarven på menuen. Det er vigtigt, at farverne harmonerer med resten af hjemmesidens design.
  • Undermenu Valgt Baggrundsfarve: Angiv baggrundsfarven for den valgte undermenu, hvis den er indsat på indholdssiden. Dette kan hjælpe med at fremhæve valgte menupunkter.
  • Undermenu Valgt Tekstfarve: Her kan du vælge tekstfarven for den valgte undermenu, hvilket er vigtigt for at sikre, at teksten er let at læse mod baggrunden.
  • Undermenu Linkfarve: Angiv linkfarven på undermenupunkter, der er indsat på indholdssiden. Dette kan være med til at guide brugerne og gøre det lettere at navigere.
• Mail Udseende:
  • Mail Bannerbillede: Upload dit eget bannerbillede til mailen. Dette billede vil blive vist øverst i mailen og vil erstatte navn og logo. Det er vigtigt at huske at inkludere foreningsnavnet i banneren, så modtagerne nemt kan genkende afsenderen. Banneren bør være mindst 600px bred for at sikre, at den ser godt ud på forskellige enheder.
  • Mail Baggrundsfarve: Her kan du vælge baggrundsfarven for de mails, du sender ud. Dette kan være med til at skabe en ensartet visuel stil i dine kommunikationer.
  • Mail Tekstfarve: Angiv tekstfarven for de mails, du sender. Det er vigtigt, at teksten er let at læse og står i kontrast til baggrunden.
• Kampagneområde:
  • Kampagnelayout: Hvis denne indstilling er markeret, vil kampagneområdet blive vist på alle sider. Dette kan være en effektiv måde at promovere aktuelle kampagner eller begivenheder på.
• Standard Elementer:
  • Offentlige Nyhedsabonnenter til MailChimp: Tilbyd dine besøgende muligheden for at tilmelde sig nyhedsbreve. Du kan vælge den MailChimp-liste, som besøgende kan tilmelde sig til i bunden af hjemmesiden, hvilket kan hjælpe med at opbygge din mailingliste.
  • Antal Nyheder: Her kan du angive det antal nyheder, der skal vises i bunden af siden. Hvis du ikke ønsker at vise nogen nyheder, kan du indtaste 0.
  • Antal Aktiviteter: Angiv det antal kommende aktiviteter, der skal vises i bunden af siden. Igen, hvis du ikke ønsker at vise nogen aktiviteter, kan du indtaste 0.  
• Avanceret:
  • Special Indhold i (Head): Her kan du indsætte eventuelle scripts eller styles, som du ønsker at få loaded på alle sider. Dette kan være nyttigt for at tilføje funktionalitet eller ændre designet yderligere.
  • Special Indhold i (Body) Start: Hvis du ønsker at indsætte indhold lige efter starten af <body>-tagget på alle sider, kan du gøre det her.
  • Special Indhold i (Body) Slut: Hvis du vil indsætte indhold lige før slutningen af </body>-tagget på alle sider, kan du også gøre det her.
  • Egne CSS Styles: Hvis du ønsker at angive dine egne CSS styles, kan du gøre det her. Det anbefales dog kun til personer, der har erfaring med at skrive CSS styles, da det kan have indflydelse på hele hjemmesidens design.  

Vi ønsker dig held og lykke med at tilpasse designet og mailudseendet på din goMember hjemmeside! 🌟