Redigera inställningarna för ditt tema

Ett tema är en uppsättning stilar och mallar som du kan använda på dina webbplatssidor 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: de stilalternativ som finns tillgängliga i din temainställning beror på de fältalternativ 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, t.ex:

• Din företagslogotyp: uppdatera din företagslogotyp i dina Kontostandarder på fliken Varumärke.
• Din navigeringsmeny: menyfärgerna anges i temainställningarna, men innehållet och länkarna i navigeringsmenyn hanteras i dina navigeringsinställningar. Lär dig hur du skapar en navigeringsmeny som du kan lägga till i det globala sidhuvudet eller det globala sidfotsinnehållet 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 hur du ansluter en domän till HubSpot.

Redigera inställningar för teman

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

• Navigera till ditt innehåll:

  • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
  • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
  • Blogg:
• Håll muspekaren över innehållet och klicka på Redigera.
• 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 dina temamallar. 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 på 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å sidans innehåll och det vertikala avståndet mellan olika element på sidan.

Fler inställningar

I 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 kan hitta 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 över 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 rich text-modul på din sida, eller genom att åsidosätta standardstilarna i ditt tema i sidredigeraren. Ändra bara dessa stilar om du vill att de ska tillämpas på alla sidor som använder detta tema.

Typografi

I dina typografiinställningar 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.

• Rubriker: du kan anpassa exakt typsnitt, färg, storlek och stil för alla rubriker som ingår i ditt tema.
• Texten: anpassa teckensnitt, färg eller textstorlek endast för texten på din sida.
• 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 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 din webbplatsutvecklare.

• Storlek: ange dimensionerna för små, vanliga och stora knappar på din sida.
• Primär: en primär knapp är för den viktigaste åtgärden som en besökare gör 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 mindre viktiga åtgärder när det redan finns en primär knapp på din sida. Sekundära knappar används vanligtvis på sidor för åtgärder med lägre prioritet.
• Enkel: detta är 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 används för textfältet 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 inställningarna för ditt tema.
• Etiketter: stilar som används för de etiketter som visas ovanför ett formulärfält.
• Fält: stilar som används för namnen på själva formulärfälten.
• Hjälptext: detta är exempelinnehållet som visas inuti varje formulärfält och anger vilken typ av information din besökare 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 för ditt formulär.
• Kant: kantfärgen runt formulärfälten.
• Padding: hur mycket avstånd som ska finnas runt formuläret på din sida.

Tabeller

Ställ in standardfärger, teckensnitt, avstånd och ramar för tabeller som läggs till på din sida.

• Tabellhuvud: färgerna 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.
• Teckensnittsfärg: standardfärg för teckensnitt i tabellen.
• Bakgrundsfärg: standardfärg för bakgrunden i tabellens celler.
• Kantlinje: standardfärg, bredd och stil för kantlinjer i din tabell.
• Utfyllnad: mängden utrymme ovanför och under din tabell på din sida.

Läs mer om hur du infogar en tabell i en Rich Text-modul på din sida.

Webbplatsens sidhuvud

Dessa inställningar styr färgerna och teckensnitten som visas i sidhuvudet, inklusive navigeringsmenyn. Läs mer om hur du ställer in dinnavigeringsmeny i dina kontoinställningar. För att ställa in din företagslogotyp på dina temamallar, lägg till din logotypbild till dina kontostandarder 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 på 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 de färger och teckensnitt som visas i sidfoten, inklusive eventuella navigeringsmenyer. Läs mer om hur du konfigurerardin navigeringsmeny i dina kontoinställningar .

• Meny: 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 gränsen och välj sedan en färg och bredd för din gräns.

Blogg

Dessa inställningar styr stilen för din mall för listningssidor och blogginlägg.

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

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