Laatst bijgewerkt: september 13, 2022
Een thema is een set van sjablonen, modules, globale inhoud en stijlinstellingen die gebruikt kunnen worden om een website te maken. Thema's kunnen worden gedownload van de Asset Marketplace, terwijl CMS-Hub accounts hebben ook toegang tot standaard HubSpot thema's. U kunt pagina's bewerken met behulp van een thema met de drag and drop content editor en blog sjablonen instellen om een thema te gebruiken in uw blog instellingen .
Thema's begrijpen
Een thema is een set van bestanden voor uw website, inclusief:
- 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 worden aangepast in de drag-and-drop content editor.
- Modules: een set van unieke themamodules die u kunt toevoegen aan inhoud die dat thema gebruikt.
- Globaleinhoud: inhoud die op meerdere pagina's wordt herhaald, zoals de koptekst 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 lettertypes, spatiëring en kleuren.
Gebruik een actief thema
U kunt een actief thema instellen om de pagina's van dat thema weer te geven als standaardopties voor nieuw aangemaakte pagina's. Het instellen of wijzigen van een actief thema zal niet het thema veranderen dat gebruikt wordt voor bestaande inhoud, waarvoor het huidige sjabloon van de inhoud moet worden verwisseld. Extra thema's kunnen worden gekocht in de Asset Marketplace.
-
Navigeer naar je inhoud:
- Website pagina's: { local.navWebsitePages }}
- Landingspagina's: { local.navLandingPages }}
- Klik rechtsboven op het keuzemenu Create (Maken ) en selecteer Website page (Websitepagina ) of Landing page (Landingspagina).
- Voer in het dialoogvenster een paginanaam in en klik vervolgens op Pagina maken.
- In het themaselectiescherm, ga met de muis over een thema, klik dan op Voorvertoning thema om een voorvertoning van het thema te openen of Instellen als actief thema om dit thema als standaard voor uw pagina's te gebruiken.
Nadat u een thema hebt ingesteld, wordt u naar het sjabloonselectiescherm gebracht telkens wanneer u een nieuwe pagina maakt. Vanuit dit scherm kunt u overschakelen naar een ander actief thema:
- Klik op het vervolgkeuzemenu Thema en selecteer Wijzig thema.
- In het themaselectiescherm, ga met de muis over een thema, klik dan op Voorvertoning thema om een voorvertoning van het thema te openen of Instellen als actief thema om dit thema als standaard voor uw pagina's te gebruiken.
Een pagina maken met een thema
-
Navigeer naar je inhoud:
- Website pagina's: { local.navWebsitePages }}
- Landingspagina's: { local.navLandingPages }}
- Klik rechtsboven op het keuzemenu Create (Maken ) en selecteer Website page (Websitepagina ) of Landing page (Landingspagina).
- Voer in het dialoogvenster een paginanaam in en klik vervolgens op Pagina maken.
- In het sjabloonselectiescherm worden sjablonen van uw actieve thema weergegeven in de sectie Thema-sjablonen . 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 de sjabloon te bekijken of selecteer sjabloon om door te gaan naar de inhoudseditor.
- Bewerk in de inhoudseditor de pagina-inhoud met 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 blog instellingen. De sjablonen voor blogposts en pagina's met blogvermeldingen worden afzonderlijk geselecteerd.
- Klik in uw HubSpot-account op de instellingenpictogram in de hoofdnavigatiebalk.
- Ga in het linker zijbalkmenu naar Website > Blog.
- Als u meerdere blogs heeft, klik dan op het Select a blog to modify dropdown menu en selecteer een blog.
- Klik op het tabblad Sjablonen .
- Klik in de secties Blogposttemplate en Blog Listing Page op het vervolgkeuzemenu Acties en selecteer Template wijzigen.
- In het themaselectiescherm selecteert u uw thema en vervolgens een sjabloon met dat thema. Klik rechtsonder op Gereed.
- Wanneer u de sjablonen voor blogposts en blogoverzichten hebt ingesteld, klikt u linksonder op Opslaan .
Let op: voor blog listing pagina's die kunnen worden bewerkt in de inhoudseditor, zullen deze stappen leiden naar de inhoudseditor in plaats van het themaselectiescherm.
Thema-instellingen bewerkenU kunt de vormgeving van uw thema aanpassen - inclusief lettertype, kleuren en spatiëring - in uw thema-instellingen. Stijlen die hier worden aangepast, gelden voor alle pagina's en themamodules in dit thema. Meer informatie over het beheren van thema-instellingen.
Thema's beheren
In de design manager kunt u een thema bewerken, klonen of kopiëren naar een ander HubSpot account. U kunt ook standaard HubSpot-thema's, gekloonde thema's en aangepaste thema's verwijderen, evenals kinderthema's maken.
Een thema klonen
Om de gecodeerde bestanden van standaardthema's in de designmanager te kunnen bewerken, moeten ze eerst worden gekloond. Aangepaste thema's en thema's die zijn aangekocht op de Asset Marketplace kunnen ook worden gekloond, maar ze kunnen wel rechtstreeks worden bewerkt.
- 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 de e-mailmodules met slepen en neerzetten.
- Klik met de rechtermuisknop op een themamap en selecteer vervolgens Clone theme.
- Voer in het dialoogvenster een naam in voor het thema en klik vervolgens op Maken.
Het thema wordt gekopieerd naar de hoofdmap en komt in de zoeker bij uw andere mappen te staan.
Maak een kind thema
In de ontwerpmanager kunt u een kindthema maken - een kopie van een gekocht thema - op basis van een gekocht Asset Marketplace-thema of een standaard HubSpot-thema.
Ontwikkelaars kunnen ook kinderthema's maken op basis van aangepaste thema's en kinderthema's maken met behulp van de CLI met behulp van onze documentatie voor ontwikkelaars. Leer meer over het werken met kinderthema's.
- Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
- Klik in de zoeker 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 vervolgens Kindthema maken.
- Voer in het dialoogvenster een naam in voor het kind-thema.
- Om te wijzigen waar het kinderthema zal worden opgeslagen, klik op Wijzigen in de Bestandslocatie sectie. Klik op een map en klik dan op Selecteren.
- Om de namen van de CSS en JS bestanden van het thema aan te passen, klik op Geavanceerde opties, voer dan nieuwe bestandsnamen in de CSS en JS velden.
- Om het proces te voltooien, klik op Maak kinderthema. U kunt de styling voor het kinderthema in de inhoudseditor bewerken.
Een thema kopiëren naar een andere account
U kunt een themamap kopiëren van de ene account naar de andere. U moet een gebruiker zijn met Design tools rechten in beide accounts.
Let op: themamappen in de @hubspot of @marketplace directories kunnen niet tussen accounts worden gekopieerd.
Om een thema naar een account te kopiëren:
- Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
- Beweeg 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 andere 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.
Upload een thema
Gebruikers met CMS Hub accounts kunnen HubSpot-thema's kopen van Envato's ThemeForest Marketplace, en deze vervolgens uploaden in HubSpot vanuit het themaselectiescherm:
- Navigeer naar de HubSpot CMS Hub sectie van Envato's ThemeForest Marktplaats.
- Koop een thema van de marktplaats.
- U zult een e-mail ontvangen met een aankoopcode voor uw gekochte thema. Kopieer de aankoopcode.
-
Navigeer naar je inhoud:
- Website pagina's: { local.navWebsitePages }}
- Landingspagina's: { local.navLandingPages }}
- Klik rechtsboven op het keuzemenu Create (Maken ) en selecteer Website page (Websitepagina ) of Landing page (Landingspagina).
- Voer in het dialoogvenster een paginanaam in en klik op Pagina maken.
- Klik in het sjabloonselectiescherm op het vervolgkeuzemenu Thema en selecteer Wijzig thema.
- In de rechterbovenhoek, klik op Installeer een thema van ThemeForest.
- Plak in het dialoogvenster de aankoopcode uit de e-mail en klik vervolgens op Thema installeren.
- In het nieuwe tabblad logt u in op Envato's ThemeForest Marketplace om het installatieproces te voltooien.
Wanneer u succesvol bent ingelogd, zal er een banner verschijnen in HubSpot. Het kan een paar minuten duren voordat uw thema beschikbaar is.
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 vervolgkeuzemenu Bestand en selecteer Verwijderen [mapnaam].
- Schakel in het dialoogvenster het selectievakje I am sure that I want to delete this folder in en klik vervolgens op Delete this folder.
Gekochte thema's moeten worden verwijderd van de Activa Marktplaats:
- Klik in uw HubSpot-account op de marktplaatspictogram in de hoofdnavigatiebalk en selecteer vervolgens Asset-marktplaats.
- Klik op het tabblad Gekocht .
- Beweeg de muis over het thema, klik dan op het Actions dropdown menu en selecteer Uninstall.
- Klik in het dialoogvenster op Verwijderen.
