Grundlaget for enhver hjemmeside er dens unikke stil, som former dens identitet og gør den genkendelig. To afgørende elementer, der i høj grad påvirker denne stil, er typografi og farveskema. I denne artikel lærer du, hvordan du tilpasser tekstformater og farver globalt for hele din hjemmeside og dermed opnår et konsistent og professionelt udseende med kun få klik. Oplev, hvordan du sikrer et ensartet design på tværs af alle enheder og sætter individuelle præg, når det er nødvendigt.

På denne side:

• Rediger og anvend globale tekstformater
• Formater globale tekstformater til forskellige enheder
• Brugerdefinerede tekstformater

Rediger og anvend globale tekstformater

Designeren indeholder en række konfigurerbare tekststile, som du kan tilføje til ethvert tektafsnit på din hjemmeside for at sikre et ensartet design.

Rediger den pågældende tekststil: Klik på Design -> Globalt Design > Globale Tekster -> vælg den pågældende skrifttype og tilpas den.

Du kan tilpasse følgende funktioner:

• Skrifttype
• Fontvægt
• Farve
• Tekstdekoration
• Skriftstørrelse
• Bogstavafstand
• Paragrafafstand
• Skrifttype
• Tekstjustering
• Indstillinger for links (fontvægt, farve, dekoration)

Når du har indstillet tekstformaterne for titler og afsnit, kan du nemt anvende dem på alt indhold, du tilføjer i tekstblokke. Marker blot det indhold, du vil anvende en tekststil på, og vælg den passende stil fra Design-menuen. Hvis du hurtigt vil foretage justeringer af de globale tekststile, kan du vælge redigeringsikonet ud for tekststilen i Design-menuen.

Formater globale tekstformater til forskellige enheder

Alle titel- og afsnitstekstformater kan optimeres til de tre vigtigste visningsvinduer: Desktop, Tablet og Mobil.

Hvis du f.eks. vil designe stilen "Lys spottekst", så den er 70px på desktop, 50px på tablet og 30px på mobil, skal du gøre følgende:

1. Start med at indstille skriftstørrelsen for Lys spottekst til 70px i Desktop-viewport. Alle ændringer foretaget i Desktop-viewport påvirker også Tablet og Mobil.
2. Dernæst indstiller du skriftstørrelsen for Lys spottekst til 50px for Tablet-viewport (husk at klikke på Tablet-visning i Designerens topbjælke før redigering af modulet). Alle ændringer foretaget i Tablet-visning påvirker mobilvisningen, men ikke Desktop.
3. Endelig indstiller du skriftstørrelsen for Lys sporttekst til 30px for Mobil-viewport (husk at klikke på mobilvisning i editorens topbjælke før redigering af modulet). Eventuelle ændringer i mobil-viewport ville ikke påvirke andre viewports.

Brugerdefinerede tekstformater

Udover standardformaterne i Designeren har du også 10 brugerdefinerede formater til rådighed, hvis du ønsker at definere yderligere stilarter.

Dette kan f.eks. være nyttigt, hvis du har et annonceringbanner på din hjemmeside og ønsker, at hver tekst på det skal vises i sin egen stil. Klik på en af de brugerdefinerede stile, design den som du vil, og giv den et passende navn, så du lettere kan genkende den senere.

Nøgleord: Hjemmesidedesign, Globale tekststile, Tilpas farver, Skrifttype, Typografi, Responsivt design, Desktop-visning, Tablet-visning, Mobil-visning, Brugerdefinerede stilarter, Hjemmesideidentitet, Designindstillinger, Tekstformatering, Skriftstørrelse, Linjehøjde, Farveskema, Hjemmesidetilpasning, Konsistent design, Weblayout.

Opdateret den: 11/08/2025