Vidensbase

Rediger dine temaindstillinger

Skrevet af HubSpot Support | Jun 28, 2023 1:27:21 PM

Et tema er et sæt stilarter og skabeloner, som du kan anvende på dine websider og blogs i HubSpot. For at sikre, at dit website ser ensartet ud, administreres stilindstillingerne for alle sider, der bruger det samme tema, i dine temaindstillinger.

Før du går i gang

Temaindstillinger styrer de vigtigste farver, skrifttyper og knapstile for sider, der bruger dine temaskabeloner.

Bemærk: De stilindstillinger, der er tilgængelige i dine temaindstillinger, afhænger af de temafeltindstillinger, der er inkluderet af den webudvikler, der har skabt dit tema.

Noget af indholdet på din hjemmeside administreres i andre dele af dine kontoindstillinger, herunder:

Rediger temaindstillinger

Du kan redigere et temas indstillinger fra indholdseditoren for alle sider eller indlæg, der bruger det pågældende tema:

  • Naviger til dit indhold:

    • Hjemmesidens sider:
    • Landingssider:
    • Blog:
  • Klik på navnet på dit indhold.
  • Klik på menuen Rediger i indholdseditoren, og vælg Tema.

Farver

Dit temas farveindstillinger anvender en primær-, sekundær- og baggrundsfarve på alle elementer, der indgår i dine temaskabeloner. Disse stilarter anvendes på alle elementer på dit website. Hvis du vil tilpasse mere specifikke indstillinger for overskrifter, skrifttyper og links, skal du klikke på Rediger ved siden af Flere indstillinger.

Skrifttyper

Vælg en primær og sekundær skrifttype, der skal bruges til hjemmesidens overskrifter, formularer, knapper og brødtekst. Alle Google-skrifttyper understøttes. Klik på farveboblen for at tilpasse dine primære eller sekundære skrifttypefarver. Du kan vælge en simpel farveværdi eller klikke på fanen Avanceret og vælge en specifik hexadecimal værdi med en farvevælger.

Afstand

Dine temaindstillinger for afstand styrer den maksimale bredde på dit sideindhold og den lodrette afstand mellem forskellige elementer på din side.

Flere indstillinger

Inden for dine temaindstillinger kan du have yderligere detaljerede indstillinger for mere specifikke stilarter på din side. Stilindstillingerne i dit tema er baseret på de temafelter, der er inkluderet i dit temas kodede skabelon. Hvis du ikke kan finde den indstilling, du leder efter, skal du kontakte din skabelondesigner for at se, hvilke indstillinger der er inkluderet i din skabelon.

Eksemplet nedenfor er en generel guide til, hvilke typer ekstra der kan være inkluderet i dit tema. Se designernes dokumentation for at få en komplet henvisning til temafelter, der kan være inkluderet i dine skabeloner.

Bemærk: Husk, at du kan tilpasse skrifttyper, farver og stilarter i et rich text-modul på din side eller ved at tilsidesætte standardstilarter i dit tema i sideeditoren. Ændr kun disse stilarter, hvis du ønsker, at de skal anvendes på alle sider, der bruger dette tema.

Typografi

I indstillingerne for typografi kan du styre de skrifttyper, der anvendes på bestemte elementer i dine skabeloner. Alle Google-skrifttyper understøttes. Du kan også vælge brugerdefinerede farver til bestemte overskrifter, skrifttyper eller links i dit tema.

  • Overskrifter: Du kan tilpasse den nøjagtige skrifttype, farve, størrelse og stil for alle overskrifter, der er inkluderet i dit tema.
  • Brødtekst: Tilpas kun skrifttype, farve eller tekststørrelse for brødteksten på din side.
  • Links: Tilpas standardfarven på links på din hjemmeside. Du kan også tilpasse farven og opførslen af links, når en besøgende holder musen over eller klikker på dit link.

Knapper

Du kan indstille brugerdefinerede farver, skrifttyper og stilarter for knapper på dine sider og din blog. I sideeditoren for en bestemt side kan du muligvis bytte knapstørrelser eller -typer, afhængigt af hvordan dit tema blev oprettet af din webstedsudvikler.

  • Størrelse: Angiv dimensionerne på små, almindelige og store knapper på din side.
  • Primær: En primær knap er til den vigtigste handling, en besøgende foretager sig på din side. Denne farve skal skille sig ud og fange den besøgendes opmærksomhed.
  • Sekundær: En sekundær knap bruges til relativt mindre vigtige handlinger, når der allerede er en primær knap på din side. Sekundære knapper anvendes typisk på sider til handlinger med lavere prioritet.
  • Enkel: Dette er de standardskrifttyper og -stilarter, der anvendes på enkle knapmoduler på din side.

Formularer

Tilpas standardfarver, -skrifttyper og -tekststile samt knapstile til dine formularer.

  • Titel: Dette er stilarter, der anvendes på det tekstfelt, der vises over hele formularen. Det indeholder typisk en hilsen og instruktioner om, hvordan man udfylder formularen. Disse stilarter på din formular kan kun administreres her i dit temas indstillinger.
  • Etiketter: Stilarter, der anvendes på de etiketter, der vises over et formularfelt.
  • Felter: Stilarter, der anvendes på navnene på selve formularfelterne.
  • Hjælpetekst: Dette er det eksempel på indhold, der vises i hvert formularfelt, og som angiver, hvilken type oplysninger den besøgende skal indsende.
  • Send: Vælg, hvilken knapstil og -størrelse der skal anvendes på dine formularer.
  • Baggrundsfarve: den baggrundsfarve, der anvendes på din formular.
  • Border: kantfarven omkring formularfelterne.
  • Padding: mængden af mellemrum omkring formularen på din side.

Tabeller

Indstil standardfarver, skrifttyper, mellemrum og rammer for tabeller, der er føjet til din side.

  • Tabelhoved: de farver, der anvendes på skrifttyper i tabelhovedet, og standardbaggrundsfarven i hele bredden af den første række i din tabel. Du kan også indstille en bundkant til en accentfarve langs den nederste kant af din tabeloverskrift.
  • Skriftfarve: standardfarve for skrifttyper i din tabel.
  • Baggrundsfarve: standardbaggrundsfarve for baggrunden i tabellens celler.
  • Kant: standardkantfarve, -bredde og -stil for din tabel.
  • Padding: mængden af plads over og under din tabel på din side.

Læs mere om, hvordan du indsætter en tabel i et rich text-modul på din side.

Hjemmesidens overskrift

Disse indstillinger styrer de farver og skrifttyper, der vises i sidehovedet, herunder din navigationsmenu. Se, hvordan du opsætter dinnavigationsmenu i dine kontoindstillinger. Hvis duvil sætte dit firmalogo på dine temaskabeloner, skal du tilføje ditlogobillede til dine kontostandarder i afsnittetBranding.

  • Menu: Vælg farve og stil på skrifttypen til din navigationsmenu, når besøgende ser, holder musen over eller klikker på et menupunkt. Disse stilarter kan kun administreres her i dine temaindstillinger.
  • Baggrundsfarve: Vælg farven på baggrunden for headeren på dit website.
  • Bundkant: Hvis du ønsker det, kan du tilføje en vandret linje som kant under dit websteds header. Vælg en stil for at aktivere den nederste kant, og vælg derefter en farve og en bredde til din kant.

Sidefod

Disse indstillinger styrer de farver og skrifttyper, der vises i sidefoden, herunder eventuelle navigationsmenuer. Se, hvordan du opsætterdin navigationsmenu i dine kontoindstillinger .

  • Menu: Vælg farve og skrifttype for navigationsmenuen i dit temas sidefod. Du kan tilpasse farverne, når besøgende ser, holder musen over eller klikker på et menupunkt. Disse stilarter kan kun administreres her i dine temaindstillinger.
  • Baggrundsfarve: Vælg farven på baggrunden for sidefoden på dit website.
  • Nederste kant: Hvis du ønsker det, kan du tilføje en vandret linje som kant under hjemmesidens sidefod. Vælg en stil for at aktivere den nederste kant, og vælg derefter en farve og en bredde til din kant.

Blog

Disse indstillinger styrer stilen på skabelonen til din forside og dit blogindlæg.

Bannerbilleder: Upload billeder, der skal bruges som baggrund for blogskabelonens header. Du kan vælge ét billede til din blogs startside og ét billede til alle dine blogindlæg.

Tags: Indstil standardfarve, skrifttyper og stilarter for dine blogtags, som vises øverst i dine blogindlæg.