Uw thema-instellingen bewerken

Een thema is een set van stijlen en sjablonen die u kunt toepassen op uw website pagina's en blogs in HubSpot. Om ervoor te zorgen dat uw website er consistent uitziet, worden de stijlinstellingen voor alle pagina's die hetzelfde thema gebruiken beheerd in uw thema-instellingen. U kunt de instellingen van uw thema gemakkelijk aanpassen door te klikken op het tabblad Ontwerp in het linkerpaneel in de pagina-editor. Thema-instellingen kunnen worden aangepast met intuïtieve bedieningselementen zoals toggles, schakelaars en kleurkiezers.

Voordat u aan de slag gaat

Thema-instellingen bepalen de belangrijkste kleuren, lettertypen en knopstijlen voor pagina's die uw themasjablonen gebruiken.

Let op: de beschikbare stylingopties in uw thema-instellingen zijn afhankelijk van de opties in het themagebied die zijn opgenomen door de webontwikkelaar die uw thema heeft gemaakt.

Een deel van de inhoud voor uw website wordt beheerd in andere delen van uw accountinstellingen, waaronder:

• Uw bedrijfslogo: werk uw bedrijfslogo bij in uw Account Defaults op het tabblad Branding.
• Uw navigatiemenu: de menukleuren worden ingesteld in de thema-instellingen, maar de inhoud en links van uw navigatiemenu worden beheerd in uw navigatie-instellingen. Leer hoe u een navigatiemenu kunt maken dat u kunt toevoegen aan de globale koptekst of globale voettekst in de pagina-editor.
• Uw domein voor publiceren: het aantal subdomeinen, merkdomeinen en topleveldomeinen dat u kunt koppelen, is afhankelijk van uw abonnement. Meer informatie over abonnementslimieten voor domeinen en het koppelen van een domein aan HubSpot.

Thema-instellingen bewerken

Om uw thema-instellingen te bewerken, moet u eerst een pagina maken met een themasjabloon. De thema-instellingen kunnen worden geopend in de inhoudseditor door op het tabblad Thema aan de linkerkant te klikken. Klik vervolgens op Thema-instellingen bewerken.

Het aanpassen van kleuren, lettertypes, en spatiëring zal de standaard stijlen voor alle elementen op uw pagina instellen. Als u specifieke details wilt aanpassen, zoals linkkleuren, knopkleuren of standaard formulierkleuren, klikt u op Bewerken naast Meer instellingen om de extra thema-instellingen te bekijken die beschikbaar zijn voor uw sjablonen.

Kleuren

De kleurinstellingen van uw thema passen een primaire, secundaire en achtergrondkleur toe op alle elementen in uw themasjablonen. Deze stijlen worden toegepast op alle elementen op uw website. Om meer specifieke instellingen voor kopteksten, lettertypen en links aan te passen, klikt u op Bewerken naast Meer instellingen.

Lettertypen

Kies een primair en secundair lettertype om toe te passen op de kopteksten, formulieren, knoppen en hoofdtekst van uw website. Alle Google-lettertypen worden ondersteund. Klik op de kleurenballon om de kleuren van uw primaire of secundaire lettertype aan te passen. U kunt een eenvoudige kleurwaarde kiezen of klik op het tabblad Geavanceerd en kies een specifieke hexadecimale waarde met een kleurkiezer.

Tussenruimte

Uw thema-instellingen voor spatiëring bepalen de maximale breedte van uw pagina-inhoud, en de verticale spatiëring tussen verschillende elementen op uw pagina.

Meer instellingen

Binnen uw thema-instellingen, kunt u extra gedetailleerde instellingen voor meer specifieke stijlen op uw pagina. De stijlopties in uw thema zijn gebaseerd op de themavelden die zijn opgenomen in het gecodeerde sjabloon van uw thema. Als u de instelling die u zoekt niet kunt vinden, neem dan contact op met uw sjabloonontwerper om te zien welke opties in uw sjabloon zijn opgenomen.

Het onderstaande voorbeeld is een algemene richtlijn voor welke soorten extra kunnen worden opgenomen in uw thema. Voor een volledige referentie van thema-velden die kunnen worden opgenomen in uw sjablonen, zie de documentatie van de ontwerper.

Let op: denk eraan dat u lettertypen, kleuren en stijlen kunt aanpassen binnen een rich text module op uw pagina, of door de standaard stijlen van uw thema te overschrijven binnen de pagina editor. Pas deze stijlen alleen aan als u wilt dat ze worden toegepast op alle pagina's die dit thema gebruiken.

Typografie

In uw typografie-instellingen kunt u bepalen welke lettertypes worden toegepast op bepaalde elementen in uw sjablonen. Alle Google-lettertypen worden ondersteund. U kunt ook aangepaste kleuren selecteren voor bepaalde koppen, lettertypen of links in uw thema.

• Koppen: u kunt het lettertype, de kleur, de grootte en de stijl aanpassen voor alle koppen in uw thema.
• Tekst : alleen het lettertype, de kleur of de tekstgrootte van de tekst van uw pagina aanpassen.
• Links: pas de standaardkleur van links op uw website aan. U kunt ook de kleur en het gedrag van links aanpassen wanneer een bezoeker met de muis over uw link gaat of erop klikt.

Knoppen

U kunt aangepaste kleuren, lettertypen en stijlen instellen voor knoppen op uw pagina's en blog. Binnen de pagina-editor voor een specifieke pagina kunt u mogelijk de grootte of het type van de knoppen verwisselen, afhankelijk van hoe uw thema door uw website-ontwikkelaar is gemaakt.

• Grootte: geef de afmetingen op van kleine, normale en grote knoppen op uw pagina.
• Primair: een primaire knop is voor de belangrijkste actie die een bezoeker op uw pagina onderneemt. Deze kleur moet opvallen en de aandacht trekken van uw bezoeker.
• Secundair: een secundaire knop wordt gebruikt voor relatief minder belangrijke acties als er al een primaire knop op je pagina staat. Secundaire knoppen worden meestal toegepast op pagina's voor acties met een lagere prioriteit.
• Eenvoudig: dit zijn de standaardlettertypes en -stijlen die worden toegepast op eenvoudige knopmodules op uw pagina.

Formulieren

Pas de standaardkleuren, -lettertypen en -tekststijlen en knoppenstijlen voor uw formulieren aan.

• Titel: dit zijn stijlen die worden toegepast op het tekstveld dat boven uw hele formulier verschijnt. Dit bevat meestal een begroeting en instructies voor het invullen van het formulier. Deze stijlen op uw formulier kunnen alleen hier in de instellingen van uw thema worden beheerd.
• Labels: stijlen die worden toegepast op de labels die boven een formulierveld verschijnen.
• Velden: stijlen die worden toegepast op de namen van de formuliervelden zelf.
• Help-tekst: dit is de voorbeeld-inhoud die in elk formulierveld verschijnt, om aan te geven welk soort informatie uw bezoeker moet verzenden.
• Indienen: kies de stijl en grootte van de knoppen die op uw formulieren moeten worden toegepast.
• Achtergrondkleur: de achtergrondkleur van het formulier.
• Rand : de kleur van de rand rond de formuliervelden.
• Opvulling: de hoeveelheid ruimte rond het formulier op uw pagina.

Tabellen

Stel de standaardkleuren, lettertypen, spatiëring en randen in voor tabellen die aan uw pagina zijn toegevoegd.

• Tabelkop: de kleuren die worden toegepast op lettertypen in uw tabelkop, en de standaard achtergrondkleur over de volledige breedte van de eerste rij van uw tabel. U kunt ook een onderrand instellen voor een accentkleur langs de onderkant van de rand van uw tabelkop.
• Letterkleur: standaard kleur voor lettertypes in uw tabel.
• Achtergrondkleur: standaard achtergrondkleur voor de achtergrond van de cellen van uw tabel.
• Rand: de standaard randkleur, breedte en stijl van uw tabel.
• Padding: de hoeveelheid ruimte boven en onder de tabel op de pagina.

Meer informatie over het invoegen van een tabel in een rich text module op uw pagina.

Website koptekst

Deze instellingen bepalen de kleuren en lettertypen die in de koptekst van uw pagina verschijnen, inclusief uw navigatiemenu. Leer hoe u uw navigatiemenu instelt in uw accountinstellingen. Om uw bedrijfslogo op uw themasjablonen in te stellen, voegt u uw logo-afbeelding toe aan de standaardinstellingen van uw account in het gedeelteBranding.

• Menu: selecteer de kleur en stijl van het lettertype voor uw navigatiemenu wanneer bezoekers een menuoptie bekijken, er met de muis overheen gaan of erop klikken. Deze stijlen kunnen alleen hier worden beheerd in uw thema-instellingen.
• Achtergrondkleur: selecteer de kleur voor de achtergrond van de header van uw website.
• Onderrand: indien gewenst kunt u een horizontale lijn toevoegen als rand onder de header van uw website. Selecteer een stijl om de onderrand te activeren en selecteer vervolgens een kleur en breedte voor uw rand.

Voettekst

Deze instellingen bepalen de kleuren en lettertypen die in de voettekst van uw pagina verschijnen, inclusief eventuele navigatiemenu's. Leer hoe u uw navigatiemenu kunt instellen in uw accountinstellingen.

• Menu: selecteer de kleur en het lettertype voor het navigatiemenu in de voettekst van uw thema. U kunt de kleuren aanpassen voor wanneer bezoekers een menu-item bekijken, er met de muis overheen gaan of erop klikken. Deze stijlen kunnen alleen hier in uw thema-instellingen worden beheerd.
• Achtergrondkleur: selecteer de kleur voor de achtergrond van de voettekst van uw website.
• Onderrand: indien gewenst kunt u een horizontale lijn toevoegen als rand onder de voettekst van uw website. Selecteer een stijl om de onderrand te activeren en selecteer vervolgens een kleur en breedte voor uw rand.

Blog

Deze instellingen bepalen de stijl van uw listingpagina sjabloon en blogpost sjabloon.

Banner afbeeldingen: upload afbeeldingen om te gebruiken in de achtergrond van de header van uw blog template. U kunt één afbeelding kiezen voor de homepage van uw blog, en één afbeelding voor al uw blogberichten.

Tags: stel de standaard kleuren, lettertypen en stijlen in voor uw blog tags, die boven aan uw blog posts verschijnen.