Anpassa ett tema för kunskapsbasen

Anpassa utseendet och innehållet i din kunskapsbas så att den stämmer överens med ditt varumärke och skapa en enhetlig navigationsupplevelse för besökarna. Använd temaredigeraren för att uppdatera färger, typografi, layouten på startsidan och artiklarna samt stilarna för sidhuvud och sidfot. Använd den globala innehållsredigeraren för att uppdatera innehållet i sidhuvudet och sidfoten, inklusive logotypen, menyerna, supportalternativen och länkarna till sociala medier.

Innan du börjar

Innan du anpassar temat för din kunskapsbas bör du gå igenom dessa krav och överväganden.

Förstå begränsningar och saker att tänka på

• Dessa verktyg är endast tillgängliga för migrerade kunskapsbaser. Läs mer om hur du migrerar din kunskapsbas.
• För kunskapsbaser som inte har migrerats kan du läsa mer om hur du skapar och anpassar en äldre kunskapsbas.
• Anpassning av kunskapsbasen stöds inte i Design Manager eller med anpassade teman. För mer avancerad anpassning kan du lägga till kodsnuttar i inställningarna för din kunskapsbas, bland annat i webbplatsens sidhuvud och sidfot.

Anpassa temastilarna i kunskapsbasen

Använd temaredigeraren för kunskapsbasen för att skapa en enhetlig visuell stil och layout för din kunskapsbas. Uppdatera färger och typografi, välj layouter för startsidan och artikelsidorna samt konfigurera stilar för sidhuvud och sidfot.

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Service > Kunskapsbas. Om Mer inte visas i ditt konto navigerar du direkt till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Tema.

Anpassa färger

Färginställningarna för ett kunskapsbas-tema tillämpar en primär-, sekundär-, accent- och bakgrundsfärg på alla element som ingår i temats mall. Dessa stilar tillämpas på alla element i din kunskapsbas.

1. I temaredigeraren klickar du på avsnittet Färger i vänster sidopanel.
2. För varje färgtyp (t.ex. Primär) klickar du på färgväljaren och väljer en färg för fälten Primär, Sekundär, Accent och Bakgrund. Som standard visas dina varumärkesfärger.

Anpassa typografin

Välj ett primärt och ett sekundärt typsnitt som ska användas för rubriker, brödtext och URL-länkar i kunskapsbasen.

1. I temaredigeraren klickar du på Typografi i vänster sidofält.
2. I fälten Primärt och Sekundärt klickar du på rullgardinsmenyn för typsnitt och väljer ett typsnitt. För att ändra typsnittsfärgen klickar du på färgväljaren och väljer en typsnittsfärg. Ytterligare alternativ för typsnittsstil kan vara tillgängliga (t.ex. typsnittets tjocklek) beroende på vilket typsnitt som valts.
3. För att redigera teckensnittet för rubriker, brödtext eller länkar klickar du på avsnitten Rubrik (H1–H6), Brödtext eller Länk. Klicka sedan på rullgardinsmenyn för teckensnitt och välj ett teckensnitt. För att ändra teckensnittsfärgen klickar du på färgväljaren och väljer en teckensnittsfärg.

Anpassa sidlayouter

Välj layouter för startsidan och artikelsidorna i din kunskapsbas. Tillgängliga layoutalternativ och stilinställningar varierar beroende på sidtyp.

Anpassa startsidans layout

1. I temaredigeraren klickar du på rullgardinsmenyn Visa som längst upp till vänster och väljer Kunskapsbasens startsida.
2. I vänster sidofält klickar du på avsnittet ”Startsida ” och väljer ett layoutalternativ, till exempel ”Rutor ” eller ”Minimal”.

Anpassa artikelsidans layout

1. I temaredigeraren klickar du på rullgardinsmenyn ”Visa som ” uppe till vänster och väljer ”Kunskapsbasartikel”.
2. I vänster sidofält klickar du på avsnittet ”Artikel ” och väljer ett layoutalternativ, till exempel ”Vänster sidofält ” eller ”Höger sidofält”.

Anpassa stilarna för sidhuvud och sidfot

Anpassa stilarna för sidhuvud och sidfot i ditt kunskapsbas-tema, inklusive bredd, färger, teckensnitt, menyer och andra element. De tillgängliga alternativen varierar beroende på avsnitt.

Anpassa sidhuvudets utseende

• Sidhuvudets bredd: välj Full bredd eller Innehållsbredd.
• Övre fält: välj bakgrundsfärg, standardtypsnitt och typsnitt vid muspekning.
• Språkväljare: klicka på färgväljaren och välj en färg.
• Meny: välj standardtypsnitt, typsnitt vid muspekning, bakgrundsfärg, avstånd och stilar för rullgardinsmenyn.
• Knapp: välj teckensnitt, texttransformation, bakgrundsfärg, kantlinjestil, hörnradie och teckensnitt vid muspekning.
• Sökfält: välj bakgrundstyp, till exempel färg eller bild, och konfigurera avstånd, etiketttext och stilar för inmatningstext.

Anpassa stilar för sidfoten

• Sidfotsbredd: välj ”Full bredd ” eller ”Innehållsbredd”.
• Bakgrund: klicka på färgväljaren och välj en färg.
• Meny: välj grundtypsnitt och typsnitt vid muspekning. För att ändra typsnittsfärgen klickar du på färgväljaren och väljer en typsnittsfärg.
• Text: välj ett teckensnitt.
• Sociala ikoner: välj ikonstorlek, ikonform, ikonfärg, bakgrundsfärg och justering.

Förhandsgranska och publicera temaförändringar

Förhandsgranska ditt tema i olika mallar, språk och på olika enheter innan du publicerar dina ändringar.

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Service > Kunskapsbas. Om Mer inte visas i ditt konto navigerar du direkt till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera uppe till höger och välj Tema.
3. I temaredigeraren klickar du på Förhandsgranska uppe till vänster.
4. Om du vill visa en mall med exempelinnehåll klickar du på rullgardinsmenyn ”Visa på” uppe till vänster och väljer en mall.

4. Om du vill visa en mall på olika språk klickar du på rullgardinsmenyn för språk uppe till vänster och väljer ett språk.

5. För att se hur en mall visas på olika enheter, klicka på enhetsikonerna uppe till höger.

6. När du är klar klickar du på Tillbaka uppe till vänster.

7. För att publicera dina ändringar klickar du på ”Publicera tema” uppe till höger.

Redigera innehållet i den globala sidhuvudet och sidfoten

Använd redigeraren för globalt innehåll för att anpassa innehållet som visas i sidhuvudet och sidfoten i din kunskapsbas.

Redigera innehållet i sidhuvudet

Anpassa sidhuvudets innehåll som visas på alla sidor i din kunskapsbas, inklusive logotypen, navigeringsmenyn, supportalternativen, knappen och språkväljaren.

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Service > Kunskapsbas. Om Mer inte visas i ditt konto navigerar du direkt till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Sidhuvud.
3. I redigeraren för globalt innehåll klickar du på ikonen ” siteTree -innehåll” i vänster sidofält.
4. I vänster sidopanel klickar du på modulen Webbplatsrubrik och väljer något av följande:
   • Logotyp: slå på knappen ”Överskriv standardlogotyp ” eller klicka på ”Redigera standardlogotyp i denna domän”. För att visa ditt företagsnamn slår du på knappen ”Visa företagsnamn när logotyp inte är inställd ”.
   • Ytterligare supportalternativ: slå på knapparna ”Visa länk till kundportalen”, ”Visa inloggning för begränsat innehåll” eller ”Supportformulär ”.
   • Meny: välj en meny och maximalt antal nivåer.
   • Knapp: markera kryssrutan Lägg till knapp, Länk till och Länktyp.
   • Språkväljare: markera kryssrutan Lägg till språkväljare och välj visningsläge.
5. När du är klar klickar du på Publicera till [#] tillgångar längst upp till höger.

Redigera innehållet i sidfoten

Anpassa innehållet i sidfoten som visas på alla sidor i din kunskapsbas, inklusive logotyp, meny, adress, länkar till sociala medier och upphovsrättstext.

1. I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Service > Kunskapsbas. Om Mer inte visas i ditt konto navigerar du direkt till Service > Kunskapsbas.
2. Klicka på rullgardinsmenyn Konfigurera längst upp till höger och välj Sidfot.
3. I redigeraren för globalt innehåll klickar du på ikonen ” siteTree -innehåll” i vänster sidofält.
4. Klicka på en modul i vänster sidofält för att redigera innehållet:
   • Sidfotsmeny: klicka på rullgardinsmenyn ”Meny” och välj en meny. Om du vill visa sidfotsmenyn på alla kunskapsbas-sidor markerar du kryssrutan ”Visa meny ”.
   • Logotyp: slå på eller av knappen ”Överskriv standardlogotyp ” eller klicka på ”Redigera standardlogotyp i denna domän”.
   • Adress i sidfoten: Klicka på Redigera i utökad vy och ange adressen i sidfoten.
   • Följ på sociala medier: håll muspekaren över en länk till sociala medier och klicka på redigeringsikonen editIcon . Klicka på rullgardinsmenyn Länk till och välj ett alternativ.
   • Upphovsrätt i sidfoten: klicka på Redigera i utökad vy och ange upphovsrätten i sidfoten.
5. När du är klar klickar du på ”Publicera till [#] tillgångar” uppe till höger.