Redigera temainställningar

Ett tema är en uppsättning stilar och mallar som du kan använda på dina sidor och blogginlägg i HubSpot. För att se till att ditt webbinnehåll ser konsekvent ut hanteras stilinställningar för alla sidor och inlägg som använder samma tema i dina temainställningar.

Innan du sätter igång

Innan du börjar arbeta med den här funktionen bör du se till att du förstår vilka steg som bör tas i förväg, samt funktionens begränsningar och potentiella konsekvenser av att använda den.

Förstå begränsningar och överväganden

• De stylingalternativ som finns tillgängliga i temainställningarna beror på de alternativ för temafält som inkluderats av den webbutvecklare som skapade temat.
• Kunskapsbaser använder en modifierad version av teman. Läs mer om hur du redigerar temainställningar för kunskapsbaser.
• Vissa av elementen för webbinnehåll hanteras i andra delar av kontoinställningarna, t.ex:
  • Företagslogotyp : uppdatera din företagslogotyp i Brand Kit.
  • Navigeringsmeny: menyfärger kan ställas in i temainställningar, men innehållet i navigeringsmenyn och länkarna hanteras i dina navigeringsinställningar. Lär dig hur du skapar en navigeringsmeny som du kan lägga till i det globala sidhuvudet eller den globala sidfoten i sidredigeraren.

Redigera temainställningar

Du kan redigera inställningarna för ett tema från den fullständiga temaredigeraren för alla sidor eller inlägg som använder det temat. Du kan även redigera temainställningar för webbplats- och målsidor i innehållsredigeraren om en superadministratör har valt att kontot ska använda den universella temaredigeraren (BETA).

1. 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: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
2. Klicka på namnet på ditt innehåll.
3. Så här använder du den fullständiga temaredigeraren för sidor och inlägg:
   • Klicka på menyn Redigera i innehållsredigeraren och välj Tema i redigerarens verktygsfält. Om du t.ex. använder temat Elevate klickar du på menyn Redigera och väljer Tema: Elevate.

• • I temaredigeraren klickar du på för att expandera relevanta avsnitt (t.ex. Färger eller Knappar) för att redigera temainställningarna.
  • När du är klar klickar du på Publish theme. Du kommer tillbaka till innehållsredigeraren.
    

4. Så här använder du den universella temaredigeraren (BETA) för sidor:
   • I innehållsredigeraren för sidor klickar du på ikonen Globala temastilar i det vänstra sidofältet.
   • Klicka på för att expandera de relevanta avsnitten (t.ex. Färger eller Knappar) i den vänstra sidofältet för att redigera temainställningarna. Ändringarna kommer att gälla för alla sidor och mallar som använder temat.

Förstå temats stilar

I dina temainställningar kan du ha stilalternativ för teckensnitt, färger, knappar och länkar. Du kan också 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 ingår i din mall.

Exemplen nedan är en allmän guide till vilka typer av stilalternativ som kan ingå i ditt tema. En fullständig referens till temafält som kan ingå i dina mallar finns i dokumentationen för malldesignern.

Observera: Du kan anpassa teckensnitt, färger och stilar i en rik text-modul 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.

Färger

Ditt temas 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.

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å sidans eller inläggets innehåll och det vertikala avståndet mellan olika element.

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 kanske byta storlek eller typ på knapparna, beroende på hur ditt tema skapades av webbplatsutvecklaren.

• Storlek: ange måtten på 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. Läs mer om hur du infogar en tabell i en rik text-modul 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.
• Padding: mängden utrymme ovanför och under tabellen på sidan.

Webbplatsens sidhuvud

Dessa inställningar styr de färger och teckensnitt som visas i sidhuvudet, inklusive navigeringsmenyn. Läs om hur du ställer in navigeringsmenyn i dina kontoinställningar . Om du vill ställa in din företagslogotyp på dina temamallar lägger du till 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 din navigeringsmeny 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.