Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.

Thema's gebruiken

Laatst bijgewerkt: januari 19, 2023

Geldt voor:

Alle producten en plannen

Een thema is een set sjablonen, modules, globale inhoud en stijlinstellingen die kunnen worden gebruikt om een website te maken. Thema's kunnen worden gedownload van de Asset Marketplace, terwijl CMS Hub-accounts ook toegang hebben tot standaard HubSpot-thema's. Je kunt pagina's bewerken met behulp van een thema met de drag and drop content editor en blog templates instellen om een thema te gebruiken in je blog instellingen.

Thema's begrijpen

Een thema is een verzameling bestanden voor uw website, waaronder:

  • Gecodeerde sjablonen: een set sjablonen voor uw website, waaronder een homepage, over-pagina, landingspagina en blog sjablonen. Deze sjablonen zijn op maat gecodeerd door een ontwikkelaar, maar de inhoud en lay-out kunnen worden aangepast in de drag-and-drop content editor.
  • Modules: een reeks unieke themamodules die u kunt toevoegen aan inhoud die dat thema gebruikt.
  • Globale inhoud: inhoud die op meerdere pagina's wordt herhaald, zoals de kop of voettekst van een website. U kunt globale inhoud rechtstreeks bewerken vanuit de pagina-editor met slepen en neerzetten.
  • Thema-instellingen: stijlinstellingen voor sjablonen die een thema gebruiken, inclusief lettertypen, spatiëring en kleuren.

Gebruik een actief thema

U kunt een actief thema instellen om de pagina's van dat thema als standaardopties weer te geven voor nieuw aangemaakte pagina's. Het instellen of wijzigen van een actief thema verandert niet het thema dat wordt gebruikt voor bestaande inhoud, waarvoor de huidige sjabloon van de inhoud moet worden verwisseld. Extra thema's kunnen worden gekocht in de Asset Marketplace.

  • Navigeer naar uw inhoud:

    • Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
    • Landingspagina's: Navigeer in uw HubSpot-account naar Marketing > Landingspagina's.
  • Klik rechtsboven op het keuzemenu Maken en selecteer Website-pagina of Landingspagina.
  • Voer in het dialoogvenster een paginanaam in en klik op Pagina maken.
  • Ga in het themaselectiescherm met de muis over een thema en klik vervolgens op Voorbeeld thema om een voorbeeld van het thema te openen of Stel in als actief thema om dit thema als standaard voor uw pagina's te gebruiken.

set-an-active-theme
Nadat u een thema hebt ingesteld, wordt u telkens wanneer u een nieuwe pagina maakt, naar het scherm voor het selecteren van het thema gebracht. Vanuit dit scherm kunt u overschakelen naar een ander actief thema:

  • Klik op het Theme dropdown menu en selecteer Change theme.

change-theme-in-hubspot

  • Ga in het themaselectiescherm met de muis over een thema en klik vervolgens op Voorbeeld thema om een voorbeeld van het thema te openen of Stel in als actief thema om dit thema als standaard voor uw pagina's te gebruiken.

Een pagina maken met een thema

  • Navigeer naar uw inhoud:

    • Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
    • Landingspagina's: Navigeer in uw HubSpot-account naar Marketing > Landingspagina's.
  • Klik rechtsboven op het keuzemenu Maken en selecteer Website-pagina of Landingspagina.
  • Voer in het dialoogvenster een paginanaam in en klik op Pagina maken.
  • Op het scherm voor het selecteren van sjablonen verschijnen sjablonen van uw actieve thema in de sectie Themasjablonen . Om sjablonen te bekijken die geen deel uitmaken van uw actieve thema, klikt u op Andere sjablonen.
  • Beweeg de muis over een sjabloon en klik op Voorbeeld sjabloon om een voorbeeld van de sjabloon te bekijken of Selecteer sjabloon om door te gaan naar de inhoudseditor.

preview-or-select-template

  • Bewerk in de inhoudseditor de inhoud van de pagina met behulp van de sleep-en neerzet-editor.
  • Klik rechtsboven op Bijwerken of Publiceren om uw wijzigingen live te zetten.

Een themasjabloon op uw blog toepassen

U kunt instellen dat een blog hetzelfde thema gebruikt als uw pagina's in uw bloginstellingen. De sjablonen voor blogberichten en pagina's met blogvermeldingen worden apart geselecteerd.

  • Klik in uw HubSpot-account op de settingsinstellingenpictogram in de hoofdnavigatiebalk.
  • Navigeer in het linker zijbalkmenu naar Website > Blog.
  • Als u meerdere blogs hebt, klikt u op het keuzemenu Selecteer een blog om te wijzigen en selecteert u een blog.
  • Klik op het tabblad Sjablonen .
  • Klik in de secties Blogpostsjabloon enBloglijstpagina op het vervolgkeuzemenu Acties en selecteer Sjabloon wijzigen.

change-blog-template

  • In het themakeuzescherm selecteert u uw thema en vervolgens een sjabloon met dat thema. Klik rechtsonder op Klaar.

select-a-theme-blog-template

  • Wanneer u de sjablonen voor blogberichten en blogvermeldingen hebt ingesteld, klikt u linksonder op Opslaan .

Let op: voor pagina's met blogvermeldingen die kunnen worden bewerkt in de inhoudsbewerker, leiden deze stappen naar de inhoudsbewerker in plaats van het themakeuzescherm.

Thema-instellingen bewerken

U kunt de styling van uw thema - inclusief lettertype, kleuren en spatiëring - aanpassen in uw thema-instellingen. De hier bewerkte stijlen gelden voor alle pagina's en themamodules in dit thema. Meer informatie over het beheren van thema-instellingen.

edit-global-theme-fonts

Thema's beheren

In de design manager kun je een thema bewerken, klonen of kopiëren naar een ander HubSpot account. Je kunt ook standaard HubSpot-thema's, gekloonde thema's en aangepaste thema's verwijderen en kindthema's maken.

Een thema klonen

Om de gecodeerde bestanden van standaardthema's in de design manager te bewerken, moeten ze eerst worden gekloond. Thema's gekocht van de Asset Marketplace kunnen niet worden gekloond; het is aanbevolen om in plaats daarvan een kinderthema te maken.

  • 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 de drag-and-drop e-mailmodules.
    design-manager-hubspot-folder
  • Klik rechts op een themamap en selecteer dan Thema klonen.
design-manager-theme-folder-clone
  • Voer in het dialoogvenster een naam in voor het thema en klik op Maken.

Het thema wordt gekopieerd naar de hoofdmap en staat in de finder bij uw andere mappen.

Een kinderthema maken

In de ontwerpmanager kun je een kinderthema - een kopie van een gekocht thema - maken op basis van een gekocht Asset Marketplace-thema of een standaard HubSpot-thema.

Ontwikkelaars kunnen ook kindthema's maken op basis van aangepaste thema's en kindthema's maken met behulp van de CLI met behulp van onze documentatie voor ontwikkelaars. Meer informatie over het werken met kindthema's.

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Klik in de finder op de map @marketplace voor Asset Marketplace-thema's of op de map @hubspot voor standaardthema's.
  • Klik met de rechtermuisknop op een themamap en selecteer dan Kindthema maken.
  • Voer in het dialoogvenster een naam in voor het kinderthema.
  • Om te wijzigen waar het kinderthema wordt opgeslagen, klikt u op Wijzigen in de sectie Bestandslocatie. Klik op een map en vervolgens op Selecteren.
  • Om de namen van de CSS- en JS-bestanden van het thema aan te passen, klikt u op Geavanceerde opties, waarna u nieuwe bestandsnamen invoert in de velden CSS en JS .
  • Om het proces te voltooien, klikt u op Kindthema maken. U kunt de styling van het kindthema bewerken in de inhoudseditor.

Een thema kopiëren naar een andere account

U kunt een themamap kopiëren van de ene account naar de andere. U moet in beide accounts een gebruiker zijn met rechtenvoor Ontwerptools.

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.
  • Ga in de finder met de muis over de themamap die u wilt kopiëren, klik dan met de rechtermuisknop op de map en selecteer Kopiëren naar ander account.

    copy-theme-folder-to-different-account
  • Selecteer in het dialoogvenster een account en klik vervolgens op Activa kopiëren. De map verschijnt in de opgegeven account zodra het kopieerproces is voltooid.

Een thema uploaden

Gebruikers van CMS Hub-accounts kunnen HubSpot-thema's kopen op Envato's ThemeForest Marketplace en deze vervolgens uploaden naar HubSpot vanuit het themaselectiescherm:

  • Navigeer naar de HubSpot CMS Hub-sectie van Envato's ThemeForest Marketplace.
  • Koop een thema van de marktplaats.
  • U ontvangt een e-mail met een aankoopcode voor uw aangekochte thema. Kopieer de aankoopcode.

copy-your-envato-purchase-code

  • Navigeer naar uw inhoud:

    • Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
    • Landingspagina's: Navigeer in uw HubSpot-account naar Marketing > Landingspagina's.
  • Klik rechtsboven op het keuzemenu Maken en selecteer Website-pagina of Landingspagina.
  • Voer in het dialoogvenster een paginanaam in en klik op Pagina maken.
  • Klik in het sjabloonkeuzescherm op het keuzemenu Thema en selecteer Thema wijzigen.

change-theme-in-hubspot

  • Klik rechtsboven op Installeer een thema van ThemeForest.

install-a-theme-from-themeforest

  • Plak in het dialoogvenster de aankoopcode uit de e-mail en klik vervolgens op Thema installeren.
  • Log in het nieuwe tabblad in op Envato's ThemeForest Marketplace om het installatieproces te voltooien.

Als je succesvol bent ingelogd, verschijnt er een banner in HubSpot. Het kan enkele minuten duren voordat uw thema beschikbaar is.

upload-theme

Een thema verwijderen

Standaard HubSpot-thema's, gekloonde thema's en geüploade thema's kunnen worden verwijderd uit de design manager:

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Klik in de finder op de map met de assets van het thema.
  • Klik op het keuzemenu Bestand en selecteer Verwijderen [mapnaam].
  • Schakel in het dialoogvenster het vakje Ik weet zeker dat ik deze map wil verwijderen in en klik vervolgens op Deze map verwijderen.

Gekochte thema's moeten worden verwijderd van de Asset Marketplace:

  • Klik in uw HubSpot-account op de marktplaatspictogram marketplace in de hoofdnavigatiebalk en selecteer vervolgens Asset-marktplaats.
  • Klik op het tabblad Aangekocht .
  • Ga met de muis over het thema, klik dan op het vervolgkeuzemenu Acties en selecteer Verwijderen.
  • Klik in het dialoogvenster op Verwijderen.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.