Aan de slag met thema's

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise

Een thema is een set van sjablonen, modules, globale inhoud en stijlinstellingen die iedereen kan gebruiken om een hele website te maken. Thema's zijn gecodeerde bestanden die door ontwikkelaars zijn gemaakt met behulp van de CMS-ontwikkelaarsdocumentatie. CMS Hub Accounts bevatten standaard HubSpot thema's die u kunt aanpassen voor elk bedrijf. Er zijn ook thema's beschikbaar op de Asset Marketplace.

Wat is een thema?

Een thema is een set van bestanden voor uw website, inclusief:

  • Gecodeerde sjablonen: een set sjablonen voor uw website, inclusief een homepage, over pagina, landingspagina en blogsjablonen. Deze templates worden door een ontwikkelaar op maat gecodeerd, maar de inhoud en lay-out kan eenvoudig worden aangepast in de drag and drop pagina editor.
  • Modules: een set unieke themamodules die u kunt toevoegen en aanpassen aan elke paginasjabloon in dat thema.
  • Globale inhoud: inhoud die wordt herhaald op meerdere pagina's, zoals een websitekop of voettekst. U kunt globale content direct vanuit de drag and drop pagina-editor bewerken.
  • Thema-instellingen: standaardinstellingen voor sjablonen in uw thema, inclusief lettertypen, spaties en kleuren. Elke nieuwe pagina die gebruik maakt van een thema-sjabloon zal een consistente styling hebben.

Voorbeeld van een thema

De eenvoudigste manier om het ontwerp van een thema te bekijken is door een nieuwe pagina te maken. In de contentmaker kunt u kiezen uit twee soorten thema's:

preview%20a%20theme

Inhoud bewerken voor pagina's met een thema

Elk thema bevat zijn eigen set van modules die uw thema-instellingen voor hun lettertypes, kleuren en stijlen volgen. Deze modules zijn gegroepeerd in horizontale rijen en verticale kolommen. Deze rijen of kolommen kunnen worden gegroepeerd in secties. U kunt deze elementen verplaatsen en herschikken om de structuur van uw pagina-indeling aan te passen.

Leer meer over hoe u de inhoud van een pagina kunt bewerken met behulp van een themasjabloon.

add%20a%20common%20module%20to%20a%20page

Een thema-sjabloon toepassen op uw blog

Als u ook het hosten van uw blog inhoud op HubSpot, overweeg dan het updaten van uw blog template naar hetzelfde thema als uw website voor visuele consistentie. Leer hoe u een thema toe te passen op uw blog in uw blog instellingen.

Bewerk thema-instellingen

Om ervoor te zorgen dat uw website de best practices voor visueel ontwerp volgt, hebben de thema's consistente kleuren, lettertypen en stijlen toegepast op knoppen, formulieren en modules op uw sjablonen.

U kunt uw thema-instellingen openen in de pagina-editor door te klikken op het tabblad Design in het linkerpaneel. Stijlen die hier worden bewerkt, worden toegepast op alle pagina's en themamodules die in dit thema zijn opgenomen. Meer informatie over het beheer van de thema-instellingen.

edit-global-theme-fonts

Functies voor website-ontwikkelaars

Uw ontwikkelaar en IT-team kunnen gebruik maken van beveiligings- en prestatiefuncties voor websites die zijn gemaakt in CMS Hub. Ontwikkelaars kunnen de prestaties van hun website snel en eenvoudig monitoren met code-alerts. Er is ook een logboek van alle wijzigingen die zijn aangebracht in de content van uw website dat toegankelijk is met het content audit API-eindpunt. Lees meer over website ontwikkeling in het CMS en CMS API's voor ontwikkelaars.

Naast het bouwen van thema's via de HubSpot CLI, kunt u ook bestaande thema's in de HubSpot design manager klonen en bewerken. Een thema klonen:

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Klik in de finder op de map @hubspot. Deze map bevat alle thema's en standaardmodules, inclusief slepen en neerzetten van e-mailmodules.

    design-manager-hubspot-folder
  • Klik met de rechtermuisknop op een themamap en selecteer vervolgens Kloon thema.

    design-manager-theme-folder-clone
  • Geef in het dialoogvenster de naam van uw themakopie en klik vervolgens opAanmaken.
  • Het thema wordt gekopieerd naar de hoofdmap en wordt samen met uw andere mappen in de finder weergegeven.

Met het thema gekloond, kunt u het bewerken zoals elk ander gecodeerd bestand, en gebruikers zullen in staat zijn om landingspagina's en website pagina's van het thema te bouwen.

Kopieer een thema naar een ander account

U kunt een themamap van het ene naar het andere account kopiëren. Om een themamap naar een account te kopiëren, moet u een gebruiker in die account zijn en moet u in beide accounts de rechten vande ontwerphulpmiddelen hebben.

Let op: themamappen in de @hubspot of @marketplace mappen kunnen niet worden gekopieerd tussen accounts.

Om een thema te kopiëren naar een account:

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Ga in de linker zijbalk met de muis over dethemamap die u wilt kopiëren. Klik vervolgens met de rechtermuisknop op demap en selecteer Kopiëren naareen andere account.

    copy-theme-folder-to-different-account
  • Selecteer in het dialoogvenster hetaccount waar u het thema naartoe wilt kopiëren en klik vervolgens op Actief kopiëren.

Nadat de kopie is voltooid, verschijnt de themamap in de opgegeven rekening.