Rediger temaindstillinger

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

Før du går i gang

Før du begynder at arbejde med denne funktion, skal du sørge for fuldt ud at forstå, hvilke skridt der skal tages på forhånd, samt funktionens begrænsninger og potentielle konsekvenser af at bruge den.

Forstå begrænsninger og overvejelser

• De stylingmuligheder, der er tilgængelige i temaindstillingerne, afhænger af de temafeltindstillinger, der er inkluderet af den webudvikler, der har oprettet temaet.
• Vidensbaser bruger en modificeret version af temaer. Læs mere om redigering af temaindstillinger for vidensbaser.
• Nogle af elementerne til webindhold administreres i andre dele af kontoindstillingerne, herunder:
  • Firmalogo : Opdater dit firmalogo i Brand Kit.
  • Navigationsmenu: Menuens farver kan indstilles i temaindstillingerne, men navigationsmenuens indhold og links administreres i dine navigationsindstillinger. Se , hvordan du opretter en navigationsmenu, som du kan føje til det globale header- eller footer-indhold i sideeditoren.

Rediger temaindstillinger

Du kan redigere et temas indstillinger fra den fulde temaeditor for alle sider eller indlæg, der bruger det pågældende tema. Du kan også redigere temaindstillinger for websider og landingssider i indholdseditoren, hvis en superadministrator har valgt, at kontoen skal have den universelle temaeditor (BETA).

1. Naviger til dit indhold:

   • Hjemmesidens sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
   • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
   • Blog: På din HubSpot-konto skal du navigere til Indhold > Blog.
2. Klik på navnet på dit indhold.
3. For at bruge den fulde temaeditor til sider og indlæg:
   • Klik på menuen Rediger i indholdseditoren, og vælg Tema i redigeringsværktøjslinjen. Hvis du f.eks. bruger Elevate-temaet, skal du klikke på menuen Rediger og vælge Tema: Elevate.

• • I temaeditoren skal du klikke for at udvide de relevante sektioner (f.eks. Farver eller Knapper) for at redigere temaindstillingerne.
  • Når du er færdig, skal du klikke på Publish theme. Du bliver sendt tilbage til indholdseditoren.
    

4. Sådan bruger du den universelle temaeditor (BETA) til sider:
   • I indholdseditoren for sider skal du klikke på ikonet Globale temastile i venstre sidepanel.
   • Klik i venstre sidepanel for at udvide de relevante sektioner (f.eks. Farver eller Knapper) for at redigere temaindstillingerne. Ændringerne gælder for alle sider og skabeloner, der bruger temaet.

Forstå temastilarter

I dine temaindstillinger kan du have stilindstillinger for skrifttyper, farver, knapper og links. Du kan også 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.

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

Bemærk: 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.

Farver

Dit temas farveindstillinger anvender en primær-, sekundær- og baggrundsfarve på alle elementer, der indgår i dine temaskabeloner. Disse stilarter vil blive anvendt på alle elementer på dit website.

Skrifttyper

Vælg en primær og sekundær skrifttype, der skal anvendes på dit websteds 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 af din sides eller dit indlægs indhold og den lodrette afstand mellem forskellige elementer.

Typografi

I indstillingerne for typografi kan du styre, hvilke skrifttyper der skal 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 føjes til din side. Læs mere om, hvordan du indsætter en tabel i et rich text-modul på 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.

Website-overskrift

Disse indstillinger styrer de farver og skrifttyper, der vises i sidehovedet, herunder navigationsmenuen. Se, hvordan du opsætter din navigationsmenu i dine kontoindstillinger . Hvis du vil sætte dit firmalogo på dine temaskabeloner, skal du tilføje dit logobillede 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ætter din 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.