Thema's gebruiken

Een thema is een verzameling sjablonen, modules, globale inhoud en stijlinstellingen die kunnen worden gebruikt om een website te maken. Je kunt pagina's en berichten bewerken met een thema in de inhoudseditor en blogtemplates zo instellen dat ze een thema gebruiken in je bloginstellingen.

Alle accounts hebben toegang tot ten minste één standaard HubSpot-thema. Thema's kunnen ook worden gedownload van de Template Marketplace.

Thema's begrijpen

Een thema is een verzameling bestanden voor uw website:

• Gecodeerde sjablonen: een set sjablonen voor uw website, waaronder een homepage, over-pagina, landingspagina en blogsjablonen. Deze sjablonen zijn op maat gecodeerd door een ontwikkelaar, maar de inhoud en lay-out kunnen worden aangepast in de inhoudseditor.
• Modules: een set 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, zoals lettertypen, spatiëring en kleuren.

Een actief thema gebruiken

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 niets aan het thema dat wordt gebruikt voor bestaande inhoud, waarvoor de huidige sjabloon van de inhoud moet worden verwisseld. Extra thema's kunnen worden aangeschaft in de HubSpot Sjabloonmarktplaats.

1. Naar uw inhoud navigeren:
   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op Aanmaken of Aan de slag.
3. Klik op de themakeuzepagina op Instellen als actief thema op de gewenste themakaart. Klik op Voorbeeld thema om een voorbeeld van het thema te bekijken.
4. Klik op de pagina Sjabloon selecteren op de gewenste sjabloonkaart. Ga vervolgens verder met het maken van een pagina met behulp van HubSpot's sleep-en neerzet-editor

Actief thema wijzigen

1. Navigeer naar uw inhoud:

   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik rechtsboven op Maken of Aan de slag.
3. Als je het thema van websitepagina's wilt wijzigen, klik je op het vervolgkeuzemenu Thema en selecteer je Thema wijzigen. Klik vervolgens op Instellen als actief thema op de gewenste themakaart.

4. Om het thema van landingspagina's te wijzigen, klikt u op de naam van het thema in het menu aan de linkerkant. Klik vervolgens op Instellen als actief thema op de gewenste themakaart.

5. Ga in het themaselectiescherm met de muis over een thema en klik vervolgens op Voorbeeld thema om een voorbeeld van het thema of Instellen als actief thema te openen.
6. Je kunt dan een sjabloon uit het thema selecteren om verder te gaan met het bouwen van een pagina met de sleep-en neerzet-editor van HubSpot.

Maak een pagina met een thema

1. Navigeer naar uw inhoud:

   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik rechtsboven op Maken of Aan de slag.
3. Als je nog niet eerder een thema hebt geselecteerd, word je naar het themakeuzescherm geleid. Klik op de gewenste themakaart op Instellen als actief thema. Klik op Voorbeeld thema om een voorbeeld van het thema te bekijken.
4. Op het scherm Sjabloonselectie 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 Overige sjablonen.
5. Om een sjabloon uit het thema te selecteren, klikt u op Sjabloon selecteren of Gebruiken.
6. Bewerk de pagina-inhoud in de inhoudseditor met behulp van de sleep-en neerzet-editor.

7. Klik rechtsboven op Publiceren of Bijwerken om uw wijzigingen live te zetten.

Een themasjabloon toepassen op je blog

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

1. Klik in je HubSpot-account op het settings instellingen-pictogram in de bovenste navigatiebalk.
2. Navigeer in het linker zijbalkmenu naar Inhoud > Blog.
3. Als u meerdere blogs hebt, klikt u op het vervolgkeuzemenu Selecteer een blog om te wijzigen en selecteert u een blog.
4. Klik op het tabblad Sjablonen .
5. Klik in de secties Blogpostsjabloon en Bloglijstpagina op het vervolgkeuzemenu Acties en selecteer Sjabloon wijzigen.

6. Klik in het themaselectiescherm op de gewenste themakaart en klik vervolgens op de sjabloonkaart. Klik rechtsonder op Gereed.

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

Thema-instellingen bewerken

U kunt de styling van uw thema aanpassen, inclusief lettertype, kleuren en spatiëring in uw thema-instellingen. Stijlen die hier worden bewerkt, zijn van toepassing op alle pagina's en themamodules in dit thema. Meer informatie over het beheren van thema-instellingen.

Thema's beheren

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

Je kunt de thema-instellingen van een kinderthema bewerken zonder het ouderthema te beïnvloeden, maar er worden geen extra kopieën van thema-activa gemaakt. Om de activa van een ouderthema te kopiëren, is het aanbevolen om het thema te klonen.

Een thema klonen

Om de gecodeerde bestanden van standaardthema's in de design manager te bewerken, moeten ze eerst worden gekloond.

1. Ga in je HubSpot-account naar Inhoud > Design Manager.
2. Klik in de zoeker op de map @hubspot. Deze map bevat alle thema's en standaardmodules, inclusief e-mailmodules met slepen en neerzetten.
3. Klik op een themamap.
4. Klik op het vervolgkeuzemenu Bestand en selecteer Thema klonen.
5. Voer in het dialoogvenster een naam in voor het thema.
6. Om de bestandslocatie van het gekloonde thema te wijzigen, klikt u op Wijzigen in het veld Bestandslocatie. Selecteer vervolgens een locatie. Standaard wordt de hoofdmap geselecteerd.
7. Klik op Maken als je klaar bent.

Een child thema maken

In de ontwerpmanager kun je een child-thema maken op basis van een gekocht Template Marketplace-thema of een standaard HubSpot-thema. Je kunt de thema-instellingen van een child-thema bewerken zonder het ouderthema te beïnvloeden.

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

1. Ga in je HubSpot-account naar Inhoud > Design Manager.
2. Klik in de zoeker op de map @marketplace voor Template Marketplace-thema's of op de map @hubspot voor standaardthema's.
3. Klik met de rechtermuisknop op een themamap en selecteer Kindthema maken.
4. Voer in het dialoogvenster een naam in voor het kinderthema.
5. Als u wilt wijzigen waar het kinderthema wordt opgeslagen, klikt u op Wijzigen in de sectie Bestandslocatie. Klik op een map en klik vervolgens op Selecteren.
6. Als u de namen van de CSS- en JS-bestanden van het thema wilt aanpassen, klikt u op Geavanceerde opties en voert u nieuwe bestandsnamen in de velden CSS en JS in.
7. Klik op Kindthema maken om het proces te voltooien. U kunt de vormgeving van het kinderthema bewerken in de inhoudseditor.

Een thema kopiëren naar een andere account

Je kunt een themamap kopiëren van de ene account naar de andere. Je moet een gebruiker zijn met Design tools rechten in beide accounts.

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

Zo kopieert u een thema naar een account:

1. Ga in je HubSpot-account naar Inhoud > Design Manager.
2. Ga in de zoeker met de muis over de themamap die je wilt kopiëren, klik dan met de rechtermuisknop op de map en selecteer Kopiëren naar ander account.
3. Klik in het dialoogvenster op het vervolgkeuzemenu Bestemmingsaccount en selecteer een account. Klik vervolgens op Activa kopiëren. De map verschijnt in het bestemmingsaccount zodra het kopieerproces is voltooid.
   
   

Thema uploaden

Gebruikers van Content Hub-accounts kunnen HubSpot-thema's kopen via Envato's ThemeForest Marketplace en deze vervolgens uploaden naar HubSpot vanuit het themakeuzescherm:

1. Navigeer naar de HubSpot CMS Hub-sectie van Envato's ThemeForest Marketplace.
2. Koop een thema van de marktplaats.
3. Je ontvangt een e-mail met een aankoopcode voor je gekochte thema. Kopieer de aankoopcode.
4. Ga in je HubSpot-account naar Inhoud > Websitepagina's.
5. Klik rechtsboven op Maken.
6. Klik op de pagina Kies een sjabloon op het vervolgkeuzemenu Thema en klik vervolgens op Thema wijzigen.

7. Klik op de pagina Een thema kiezen onder aan de pagina op Een thema uit ThemeForest installeren.
8. Plak in het dialoogvenster de aankoopcode uit de e-mail en klik vervolgens op Thema installeren.
9. Meld u in het nieuwe tabblad aan bij Envato's ThemeForest Marketplace om het installatieproces te voltooien.
10. Wanneer je je hebt aangemeld, wordt er een banner weergegeven in HubSpot. Het kan enkele minuten duren voordat je thema beschikbaar is.

Een thema verwijderen

Gekloonde thema's en geüploade thema's kunnen worden verwijderd uit de ontwerpmanager:

1. Ga in je HubSpot-account naar Inhoud > Design Manager.
2. Klik in de zoeker op de map met de assets van het thema.
3. Klik op het vervolgkeuzemenu Bestand en selecteer [mapnaam] verwijderen.
4. Schakel in het dialoogvenster het selectievakje in om te bevestigen dat u de afhankelijkheden hebt bekeken en klik vervolgens op Deze map verwijderen.

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

1. Klik in je HubSpot-account op het Marktplaats-pictogram marketplace in de bovenste navigatiebalk en selecteer vervolgens Marktplaats-downloads.
2. Klik op het tabblad Thema's op het vervolgkeuzemenu Acties en selecteer Verwijderen voor het betreffende thema.
3. Voordat u de installatie ongedaan maakt, moet u mogelijk de sjabloon van een blogbericht of pagina wijzigen. Meer informatie over het wijzigen van de sjabloon van een pagina of bericht.
4. Klik in het dialoogvenster op Verwijderen.