Inhoud in pagina's bewerken met behulp van een website-thema

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

CMS Hub  Professional, Enterprise

Een thema is een set van stijlen en sjablonen die u kunt toepassen op pagina's en blogs in uw CMS Hub rekening. De standaardstijlen voor uw thema zijn gebaseerd op de lettertypes, kleuren, spaties en stijlen die u binnen uw globale thema-instellingen instelt. U kunt themamodules toevoegen, verwijderen of herschikken in elk sjabloon van dat thema. Thema modules ondersteunen slimme inhoud en personalisatie.

Bij het maken van nieuwe pagina's is het belangrijk om een duidelijke contentstrategie te hebben, zodat zoekmachines kunnen begrijpen waar uw website over gaat. Leer hoe u onderwerpen kunt instellen in de SEO-tool en uw pagina kunt optimaliseren voor SEO binnen de editor. Bezoek de Academy voor een video-overzicht over het maken en bewerken van paginacontent in HubSpot's CMS.

Maak een nieuwe pagina aan

Om een nieuwe pagina te maken met een thema-sjabloon:

  • Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
  • Klik rechtsboven op de pagina van de website en selecteer deze.
  • Klik op een thema om de sjablonen in dat thema te zien.
  • Om een voorbeeld van een themasjabloon te bekijken, gaat u met de muis over het sjabloon en klikt u op Voorbeeld in de rechterbovenhoek. U ziet een interactieve preview van het thema, zodat u het kunt selecteren voor uw pagina of terug kunt gaan en meer sjablonen kunt bekijken.
  • Klik rechtsboven op Sjabloon gebruiken.
  • In het dialoogvenster dat verschijnt, voert u een interne paginanaam in. Deze naam zal niet zichtbaar zijn voor de bezoekers van uw website.

Let op: naast deze interne paginanaam moet u ook een titel in de pagina-instellingen opgeven voordat u uw pagina publiceert.

Pagina-inhoud bewerken

Themasjablonen zijn opgebouwd uit modules, die kunnen worden gegroepeerd in horizontale rijen of verticale kolommen. Modules, rijen of kolommen kunnen worden gegroepeerd in delen van elementen, die in de pagina-editor worden geschetst.

De meeste modules op uw pagina kunnen direct inline worden bewerkt binnen de content editor. Sommige moduletypes vereisen extra aanpassing van de inhoud in het linkerpaneel.

rows-and-columns

Om de inhoud van een module aan te passen, gaat u met de muis over de module en klikt u op het pictogram voor de gewenste actie:

  • Bewerken : bewerk de inhoud van uw module inline direct op de pagina, of in het linker paneel. De meeste tekst kan worden bewerkt binnen de content editor, en alle soorten modules kunnen worden bewerkt in hettabblad Opties aan de linkerkant. Meer informatie over het bewerken van de inhoud van de module.
  • Stijlen Stijl: beheer de stijlen die beschikbaar zijn op deze module binnen het Stijlpaneel aan de linkerkant. De meeste modulestijlen kunnen worden beheerd in het tabblad Stijl, maar sommige stijlopties die specifiek zijn voor uw thema kunnen beschikbaar zijn binnen het tabblad Opties.
  • Clonduplicate Clone: maak een kopie van deze module op uw pagina.
  • verwijderen : verwijd er deze module van uw pagina.

edit-module

Thema's kunnen globale inhoud bevatten, die u rechtstreeks in de pagina-editor kunt bewerken. Een voorbeeld van globale inhoud is meestal een kop- of voettekst van een pagina, met herhaalde elementen die u over uw hele site wilt laten verschijnen. Terwijl de inhoud van uw kop- en voettekst in de pagina-editor wordt beheerd, worden de stijlen voor uw kop- en voettekst beheerd in de instellingen van uw thema.

Terwijl u in de pagina-editor werkt, worden uw wijzigingen automatisch opgeslagen. U kunt eerder opgeslagen versies van uw pagina bekijken en herstellen terwijl u werkt. Meer informatie over het aanpassen van een module in de editor.

Modules aan uw pagina toevoegen

Naast de modules die in uw themasjabloon zijn opgenomen, zijn er extra themamodules en Gemeenschappelijke modules beschikbaar op het linkerpaneel. U kunt een nieuwe module op zijn plaats slepen om een ander element aan uw pagina toe te voegen. Dit maakt het eenvoudig om het ontwerp van een pagina aan te passen aan uw inhoud.

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

Paginaopmaak bewerken

Om bestaande modules op uw pagina te herschikken, gaat u met de muis over een module, kolom, rij of sectie en klikt u op het blauwe stuur dat aan de linkerkant verschijnt. Sleep uw inhoud naar een nieuwe positie op de pagina. U ziet een blauwe lijn om aan te geven waar de inhoud in uw lay-out wordt geplaatst.

edit%20layout%20in%20a%20theme%20page

In sommige gevallen kan een module uit een rij, kolom of sectie worden verwijderd, waardoor een lege plaatshouder overblijft. U kunt deze module vervangen door een nieuwe om de structuur van uw pagina consistent te houden. Of, als u deze module liever geheel uit uw opmaak wilt verwijderen, ga dan met de muis over de rij of kolom, klik op de pijl en selecteer Verwijderen.

remove-a-column

Terwijl u modules toevoegt en bewerkt op uw paginalayout, kunt u de breedte van de elementen op uw pagina aanpassen door op de verticale verdeler tussen de kolommen te klikken en te slepen.

edit%20column%20width%20in%20page

Stijlen beheren

Thema-sjablonen bevatten consistente stijlen, kleuren en afstanden. Afhankelijk van welk thema u gebruikt en hoe het is gemaakt, kunnen sommige themastijlen worden aangepast binnen de pagina-editor. Houd er rekening mee dat het een best practice is voor uw gehele website om consistente lettertypen, kleuren en stijlen te hebben. Bepaalde stijlen, zoals de koptekst van uw pagina, de voettekst van de pagina en de titel van het formulier, kunnen alleen worden beheerd binnen de globale instellingen van uw thema.

Stijl een rij, kolom of sectie van een pagina

U kunt stijlen toepassen op een hele rij, kolom of sectie van uw pagina. Om toegang te krijgen tot stijlen voor deze elementen:

  • Beweeg met de muis over een rij, kolom of sectie om deze te markeren en de werkbalk te activeren.
  • Klik op de vervolgkeuzelijst en selecteer Stijl [element].
  • Pas in het linkerpaneel de afstand, breedte of kleur van het element aan. In sommige rijen of secties kunt u een achtergrondafbeelding toevoegen.

style-section

Stijl een module

In de meeste gevallen worden stijlen voor uw module, rij of kolom beheerd in het tabblad Stijl aan de linkerkant. In sommige thema's kunnen er extra stijlopties zijn binnen het tabblad Opties aan de linkerkant.

  • Klik direct op een module om de bewerkingsopties te openen.
  • Klik op het tabblad Stijl in het linkerpaneel.
  • Breid de beschikbare stijlen voor deze module uit.
edit-style-options
  • Als u de stijlen die u hier wilt bewerken niet ziet, klikt u op het tabblad Opties om te onderzoeken welke stijlopties beschikbaar zijn binnen uw thema.
    • Als er extra stijlopties beschikbaar zijn, staan deze onderaan hettabblad Opties aan de linkerkant.
    • Klik op Stijlopties om meer opties voor de inhoud van deze module te openen. Eventuele wijzigingen die hier worden aangebracht, worden alleen op deze pagina toegepast.

edit-more-styles

Let op:

de stijlopties die beschikbaar zijn voor een module of onderdeel van elementen op uw pagina zijn afhankelijk van welk thema u gebruikt en hoe het is ontworpen.

Toegang tot de stijlinstellingen van het thema

U kunt uw globale thema-instellingen openen vanuit de pagina-editor terwijl u werkt door te klikken op het tabblad Design in het linkerpaneel. Klik op Thema-instellingen bewerken

om de instellingen van uw thema te openen.

Let op:

alle wijzigingen die u vanaf hier aanbrengt in de instellingen van uw thema worden toegepast op alle pagina's en blogs die gebruik maken van dit thema.

edit-global-themes-from-editor

Pagina-instellingen bewerken

Klik op het tabblad Instellingen om uw paginatitel, URL, taal en metabeschrijving aan te passen alvorens te publiceren. Uw paginatitel is vereist

om uw pagina te publiceren. Klik op hetdropdown menu Domeinen om uw domein te selecteren voor publicatie. Als u het domein dat u hier wilt gebruiken niet ziet, werk dan samen met uw webontwikkelaar om uw domein aan HubSpot te koppelen. Voer in het veldInhoudsslakken de rest van de URL voor deze specifieke pagina in.

Houd er rekening mee dat uw paginatitel en metabeschrijving zichtbaar zullen zijn in de resultaten van de zoekmachines.

edit-page-settings-for-a-theme

Publiceer uw pagina

Voordat uw pagina live gaat, klikt u rechtsboven op Preview om te testen hoe uw pagina op een mobiel apparaat verschijnt. U kunt testen hoe gepersonaliseerde of slimme inhoud aan uw bezoekers zal verschijnen in de paginapreview.

Als u tevreden bent met de preview van uw pagina, klikt u rechtsboven op Publiceren.