Redigera inställningarna för ditt tema

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 enhetlig ut hanteras stilinställningar för alla sidor som använder samma tema i dina temainställningar. Du kan enkelt anpassa inställningarna för ditt tema genom att klicka på fliken Design på den vänstra panelen i sidredigeraren. Temainställningarna kan justeras med intuitiva kontroller som växlar, omkopplare och färgväljare.

Innan du börjar

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

Observera: De stylingalternativ som är tillgängliga i din temainställning beror på de temafältalternativ som ingår 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 kontoinställningar på fliken Branding.
• Din navigeringsmeny: Menyfärgerna anges i temainställningarna, men innehållet och länkarna i din navigeringsmeny hanteras i inställningarna för navigering. Lär dig hur du skapar en navigeringsmeny som du kan lägga till i den globala rubriken 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 om att ansluta en domän till HubSpot.

Redigera temainställningar

Om du vill redigera dina temainställningar måste du först skapa en sida med en temamall. Temainställningarna kan nås i innehållsredigeraren genom att klicka på fliken Tema till vänster. Klicka sedan på Redigera temainställningar.

Om du anpassar färger, typsnitt och avstånd fastställs standardformat för alla element på din sida. Om du vill redigera specifika detaljer, t.ex. länkfärger, knappfärger eller standardblankettfärger, klickar du på Redigera bredvid Fler inställningar för att visa ytterligare temainställningar som är tillgängliga för dina mallar.

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 tillämpas på alla element på din webbplats. Om du vill anpassa mer specifika inställningar för rubriker, typsnitt och länkar klickar du på Redigera bredvid Fler inställningar.

Typsnitt

Välj ett primärt och sekundärt typsnitt som ska tillämpas på webbplatsens rubriker, formulär, knappar och brödtext. Alla Google-typsnitt stöds. Klicka på färgbubblan för att anpassa de primära eller sekundära teckensnittsfärgerna. 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ärgplockare.

Avstånd

Dina temainställningar 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 är baserade på de temafält som ingår i temats 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 för vilka typer av tillägg som kan ingå i ditt tema. För en fullständig referens över temafält som kan ingå i dina mallar, se designerns dokumentation.

Observera: Kom ihåg att du kan anpassa typsnitt, färger och stilar i en rik textmodul på din sida, eller genom att åsidosätta standardstilar 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 typsnitt som tillämpas på vissa element i dina mallar. Alla Google-typsnitt stöds. Du kan också välja anpassade färger för vissa rubriker, typsnitt 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.
• Kropp: Anpassa typsnittet, färgen eller textstorleken endast för sidans kropp.
• Länkar: Anpassa standardfärgen för länkar på din webbplats. Du kan också anpassa färg och beteende 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, typsnitt och stilar för knappar på dina sidor och din blogg. I sidredigeraren för en specifik sida kan du kanske byta knappstorlek eller typ, 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 till 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 sett 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 standardtypsnitt och stilar som tillämpas på enkla knappmoduler på din sida.

Formulär

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

• Titel: Det här är stilar som tillämpas på textfältet som visas ovanför hela formuläret. Det 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 tillämpas på etiketterna som visas ovanför ett formulärfält.
• Fält: stilar som tillämpas på namnen på själva formulärfälten.
• Hjälptext: Detta är det exempelinnehåll som visas inuti varje formulärfält och som anger vilken typ av information som 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 tillämpas på ditt formulär.
• Gräns: Gränsfärgen runt formulärfälten.
• Padding : Mängden utrymme runt formuläret på din sida.

Tabeller

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

• Tabellhuvud: Färgerna som tillämpas på teckensnitten i tabellhuvudet och standardbakgrundsfärgen över hela bredden på den första raden i tabellen. Du kan också ställa in en bottengräns för en accentfärg längs den nedre kanten av tabellhuvudet.
• Typsnittsfärg: Standardfärg för typsnitt i tabellen.
• Bakgrundsfärg: Standardbakgrundsfärg för bakgrunden i tabellens celler.
• Gräns: standardgränsfärg, -bredd och -stil för din tabell.
• Utfyllnad: Utrymmet ovanför och under tabellen på sidan.

Läs mer om hur du infogar en tabell i en textmodul på din sida.

Webbplatsens rubrik

De här inställningarna styr färgerna och typsnitten som visas i sidans rubrik, inklusive navigationsmenyn. Läs mer om hur du ställer in din navigeringsmeny i dina kontoinställningar .Om du vill ställa in din företagslogotyp på dina temamallar läggerdu till din logotypbild i dina kontoinställningar i avsnittetBranding.

• 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 i rubriken på din webbplats.
• Bottengräns: Om du vill kan du lägga till en horisontell linje som gräns under din webbplatsrubrik. Välj en stil för att aktivera den nedre gränsen och välj sedan en färg och bredd för gränsen.

Sidfot

De här inställningarna styr färgerna och typsnitten som visas i sidans sidfot, inklusive eventuella navigeringsmenyer. Läs mer om hur du ställer in din navigeringsmeny i dina kontoinställningar .

• Meny: Välj färg och typsnittsstil för navigeringsmenyn i ditt temas sidfot. Du kan anpassa färgerna för när besökare tittar på, 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.
• Bottengräns: Om du vill kan du lägga till en horisontell linje som en gräns 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 gränsen.

Blogg

De här inställningarna styr stilen för mallen för din listningssida och din mall för blogginlägg.

Banderollbilder: Ladda upp bilder som ska användas i bakgrunden av din bloggmallens rubrik. 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, typsnitt och stilar för dina bloggtaggar, som visas högst upp i dina blogginlägg.