Redigera dina temainställningar

Ett tema är en uppsättning stilar och mallar som du kan använda på dina webbsidor och bloggar i HubSpot. För att se till att din webbplats ser konsekvent ut hanteras stilinställningar för alla sidor som använder samma tema i dina temainställningar.

Innan du kommer igång

Temainställningar styr huvudfärger, teckensnitt och knappstilar för sidor som använder dina temamallar.

Observera att de stilalternativ som finns tillgängliga i dina temainställningar beror på de alternativ för temafält som inkluderats av den webbutvecklare som skapade ditt tema.

En del av innehållet på din webbplats hanteras i andra delar av dina kontoinställningar, bland annat

• Din företagslogotyp: uppdatera din företagslogotyp i dina kontoinställningar på fliken Branding.
• Din navigeringsmeny: menyfärgerna ställs in i temainställningarna, men innehållet i navigeringsmenyn och länkarna hanteras i dina navigeringsinställningar. Läs om hur du skapar en navigeringsmeny som du kan lägga till i det globala sidhuvudet eller den globala sidfoten i sidredigeraren.
• Din domän för publicering: antalet underdomäner, varumärkesdomäner och toppdomäner som du kan ansluta beror på din prenumeration. Läs mer om prenumerationsgränser för domäner och om att ansluta en domän till HubSpot.

Redigera temainställningar

Du kan redigera inställningarna för ett tema från innehållsredigeraren för alla sidor eller inlägg som använder det temat:

• Navigera till ditt innehåll:

  • Webbplatssidor:
  • Landningssidor:
  • Blogg:
• Klicka på namnet på ditt innehåll.
• I innehållsredigeraren klickar du på menyn Redigera och väljer Tema.

Färger

Temats färginställningar tillämpar en primär-, sekundär- och bakgrundsfärg på alla element som ingår i temamallarna. Dessa stilar kommer att tillämpas på alla element på din webbplats. Om du vill anpassa mer specifika inställningar för rubriker, teckensnitt och länkar klickar du på Redigera bredvid Fler inställningar.

Teckensnitt

Välj ett primärt och sekundärt teckensnitt som ska användas för webbplatsens rubriker, formulär, knappar och brödtext. Alla Google-teckensnitt stöds. Klicka på färgbubblan för att anpassa färgerna för det primära eller sekundära teckensnittet. Du kan välja ett enkelt färgvärde eller klicka på fliken Avancerat och välja ett specifikt hexadecimalt värde med en färgväljare.

Avstånd

Temainställningarna för avstånd styr den maximala bredden på sidinnehållet och det vertikala avståndet mellan olika element på sidan.

Fler inställningar

Inom dina temainställningar kan du ha ytterligare detaljerade inställningar för mer specifika stilar på din sida. Stilalternativen i ditt tema baseras på de temafält som ingår i ditt temas kodade mall. Om du inte hittar den inställning du letar efter kan du kontakta din malldesigner för att se vilka alternativ som ingick i din mall.

Exemplet nedan är en allmän guide till vilka typer av tillägg som kan ingå i ditt tema. För en fullständig referens av temafält som kan inkluderas i dina mallar, se designerns dokumentation.

Observera: Kom ihåg att du kan anpassa teckensnitt, färger och stilar i en rik textmodul på din sida eller genom att åsidosätta standardstilarna i ditt tema i sidredigeraren. Ändra endast dessa stilar om du vill att de ska tillämpas på alla sidor som använder det här temat.

Typografi

I inställningarna för typografi kan du styra vilka teckensnitt som ska användas för vissa element i dina mallar. Alla Google-teckensnitt stöds. Du kan också välja anpassade färger för vissa rubriker, teckensnitt eller länkar i ditt tema.

• Headings: du kan anpassa exakt teckensnitt, färg, storlek och stil för alla rubriker som ingår i ditt tema.
• Body: anpassa teckensnitt, färg eller textstorlek endast för sidans brödtext.
• Länkar: anpassa standardfärgen för länkar på din webbplats. Du kan också anpassa färgen och beteendet för länkar när en besökare håller muspekaren över eller klickar på din länk.

Knappar

Du kan ställa in anpassade färger, teckensnitt och stilar för knappar på dina sidor och i din blogg. I sidredigeraren för en viss sida kan du eventuellt byta storlek eller typ på knapparna, beroende på hur ditt tema skapades av webbplatsutvecklaren.

• Storlek: ange dimensionerna för små, vanliga och stora knappar på sidan.
• Primär: en primär knapp är avsedd för den viktigaste åtgärden som en besökare vidtar på din sida. Den här färgen ska sticka ut och fånga besökarens uppmärksamhet.
• Sekundär: en sekundär knapp används för relativt sett mindre viktiga åtgärder när det redan finns en primär knapp på sidan. Sekundära knappar används vanligtvis på sidor för åtgärder med lägre prioritet.
• Enkel: detta är de standardteckensnitt och stilar som används för enkla knappmoduler på din sida.

Formulär

Anpassa standardfärger, teckensnitt och textstilar samt knappstilar för dina formulär.

• Titel: detta är stilar som tillämpas på det textfält som visas ovanför hela formuläret. Detta innehåller vanligtvis en hälsning och instruktioner för att fylla i formuläret. Dessa stilar på ditt formulär kan endast hanteras här i ditt temas inställningar.
• Labels: stilar som tillämpas på de etiketter som visas ovanför ett formulärfält.
• Fields: stilar som tillämpas på namnen på själva formulärfälten.
• Help text: det här är exempelinnehållet som visas i varje formulärfält och som anger vilken typ av information besökaren ska skicka in.
• Skicka: välj vilken knappstil och storlek som ska tillämpas på dina formulär.
• Bakgrundsfärg: den bakgrundsfärg som används i formuläret.
• Border: kantfärgen runt formulärfälten.
• Padding: hur stort avstånd det ska vara runt formuläret på sidan.

Tabeller

Ange standardfärger, teckensnitt, avstånd och ramar för tabeller som läggs till på sidan.

• Tabellhuvud: de färger som används för teckensnitt i tabellhuvudet och standardbakgrundsfärgen över hela bredden på den första raden i tabellen. Du kan också ställa in en nedre kant för en accentfärg längs den nedre kanten av tabellhuvudet.
• Font color: standardfärg för teckensnitt i tabellen.
• Bakgrundsfärg: standardbakgrundsfärg för bakgrunden i tabellens celler.
• Kantlinje: standardfärg, -bredd och -stil för kantlinjen i tabellen.
• Utfyllnad: mängden utrymme över och under tabellen på sidan.

Läs mer om hur du infogar en tabell i en rik textmodul på sidan.

Webbplatsens rubrik

De här inställningarna styr vilka färger och teckensnitt som visas i sidhuvudet, inklusive navigeringsmenyn. Läs mer om hur du ställer innavigeringsmenyn i dina kontoinställningar. Om duvill ställa in din företagslogotyp på dina temamallar lägger dutill din logotypbild i kontoinställningarna i avsnittetVarumärke.

• Meny: välj färg och stil på teckensnittet för din navigeringsmeny när besökare visar, håller muspekaren över eller klickar på ett menyalternativ. Dessa stilar kan endast hanteras här i dina temainställningar.
• Bakgrundsfärg: välj färg för bakgrunden till sidhuvudet på din webbplats.
• Nedre kant: om så önskas kan du lägga till en horisontell linje som kant under webbplatsens sidhuvud. Välj en stil för att aktivera den nedre kanten och välj sedan en färg och bredd för din kant.

Sidfot

Dessa inställningar styr färgerna och teckensnitten som visas i sidfoten, inklusive eventuella navigeringsmenyer. Läs om hur du konfigurerar dinnavigeringsmeny i kontoinställningarna .

• Menu: välj färg och stil på teckensnittet för navigeringsmenyn i sidfoten i ditt tema. Du kan anpassa färgerna för när besökare visar, håller muspekaren över eller klickar på ett menyalternativ. Dessa stilar kan endast hanteras här i dina temainställningar.
• Bakgrundsfärg: välj färg för bakgrunden i sidfoten på din webbplats.
• Nedre kant: om så önskas kan du lägga till en horisontell linje som kant under sidfoten på din webbplats. Välj en stil för att aktivera den nedre kanten och välj sedan en färg och bredd för din kant.

Blogg

Dessa inställningar styr stilen på din mall för listningssidan och blogginläggsmallen.

Bannerbilder: ladda upp bilder som ska användas som bakgrund i bloggmallens sidhuvud. Du kan välja en bild för bloggens startsida och en bild som ska gälla för alla blogginlägg.

Taggar: ange standardfärg, teckensnitt och stilar för dina bloggtaggar, som visas högst upp i dina blogginlägg.