Gebruik thema's

Een thema is een set sjablonen, modules, globale inhoud en stijlinstellingen die iedereen kan gebruiken om een volledige 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 bestanden voor uw website, waaronder:

• Gecodeerde sjablonen: een set sjablonen voor uw website, waaronder een homepage, about page, landing page, en blog sjablonen. Deze sjablonen zijn op maat gecodeerd door een ontwikkelaar, maar de inhoud en lay-out kunnen gemakkelijk worden aangepast in de drag-and-drop pagina-editor.
• Modules: een set unieke themamodules die u kunt toevoegen en aanpassen op elke paginasjabloon in dat thema.
• Globaleinhoud: inhoud die op meerdere pagina's wordt herhaald, zoals de header of footer van een website. U kunt globale inhoud rechtstreeks bewerken vanuit de pagina-editor met slepen en neerzetten.
• Thema-instellingen: standaardinstellingen voor sjablonen in uw thema, inclusief lettertypen, spatiëring en kleuren. Elke nieuwe pagina die gebruik maakt van een thema sjabloon zal een consistente styling hebben.

Een thema bekijken

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

• HubSpot-thema's: standaard HubSpot-thema's die zijn inbegrepen in CMS Hub Professional- en Enterprise-accounts.
• Uw thema's: aangepaste thema's die zijn gemaakt door een webontwikkelaar met behulp van de CMS-referentiedocumentatie, waaronder: een webontwikkelaar in uw team, een Solutions Partner, het HubSpot-migratieteam, of een aanbieder op de Asset Marketplace. Voor CMS Hub-accounts zullen alle HubSpot-thema's die u al hebt gebruikt om pagina's te maken ook verschijnen in Uw thema's.

Inhoud voor pagina's bewerken met een thema

Elk thema bevat zijn eigen set van modules die uw thema-instellingen volgen voor hun lettertypes, kleuren en stijlen. 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 paginalay-out aan te passen.

Meer informatie over het bewerken van inhoud op een pagina met behulp van een themasjabloon.

Een themasjabloon toepassen op uw blog

Als u ook de inhoud van uw blog op HubSpot host, kunt u overwegen uw blogsjabloon aan te passen aan hetzelfde thema als uw website voor visuele consistentie. Leer hoe u een thema toe te passen op uw blog in uw blog-instellingen.

Thema-instellingen bewerken

Om ervoor te zorgen dat uw website de beste praktijken voor visueel ontwerp volgt, hebben 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 Ontwerp 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 beheren van thema-instellingen.

Functies voor websiteontwikkelaars

Uw ontwikkelaar en IT-team kunnen gebruikmaken van beveiligings- en prestatiekenmerken voor websites die zijn gemaakt in CMS Hub. Ontwikkelaars kunnen de prestaties van websites snel en eenvoudig controleren met codewaarschuwingen. Er is ook een logboek van alle wijzigingen die zijn aangebracht in de inhoud van uw website, dat kan worden geraadpleegd met het content audit API-eindpunt. Meer informatie 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 klonen en bewerken in de HubSpot design manager. Om een thema te klonen:

• Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
• In de zoeker, klik op de @hubspot map. Deze map bevat alle thema's en standaardmodules, inclusief e-mailmodules met slepen en neerzetten.
  
  
• Klik met de rechtermuisknop op een themamap en selecteer vervolgens Thema klonen.
  
  
• Geef in het dialoogvenster je gekloonde thema een naam en klik vervolgens opMaken.
• Het thema wordt gekopieerd naar de hoofdmap en komt in de zoeker bij je andere mappen te staan.

Als het thema gekloond is, kun je het bewerken zoals elk ander gecodeerd bestand, en gebruikers kunnen landingspagina's en websitepagina's maken op basis van het thema.

Een thema kopiëren naar een ander account

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

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

Om een thema naar een account te kopiëren:

• Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
• In de linker zijbalk, ga met de muis over dethemamap die u wilt kopiëren. Klik dan met de rechtermuisknop op demap en selecteer Kopiëren naarandere account.
  
  
• Selecteer in het dialoogvenster het accountwaarnaar u het thema wilt kopiëren en klik vervolgens op Activa kopiëren.

Nadat het kopiëren is voltooid, verschijnt de themamap in het gespecificeerde account.