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.
Landing Pages

Module stijlen aanpassen in de inhoudseditor

Laatst bijgewerkt: februari 22, 2021

Geldt voor:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

In de pagina-editor kunt u de spatiëring, padding en uitlijning van uw module-inhoud bewerken op het tabblad Stijl om de positie van de module op uw pagina aan te passen. Als u een aangepaste gecodeerde sjabloon van een ontwikkelaar of een themasjabloon gebruikt, kunnen er extra modulestijlopties zijn op het tabblad Opties.

Als u een startsjabloon, een themasjabloon of een gecodeerde sjabloon met een gebied voor slepen en neerzetten gebruikt, kunt u ook achtergrondstijlen toepassen op rijen, kolommen of secties van uw pagina.

Let op: fvoor de beste resultaten is het aan te raden om met een ontwerper te werken om CSS wijzigingen direct in de stylesheets die aan uw site zijn gekoppeld. Om snel de stijlen van een pagina aan te passen zonder code te gebruiken, kunt u een starter template of een theme templategebruiken.

Voordat je aan de slag gaat

De beschikbare stylingopties zijn afhankelijk van het type module dat u bewerkt, en de paginasjabloon die u gebruikt. De website-ontwikkelaar die uw sjabloon heeft gemaakt, bepaalt welke opmaakopties in de pagina-editor verschijnen.

  • De meeste gangbare modules hebben stijlopties voor marge en opvulling, zodat u de spatiëring en positionering van uw modules kunt aanpassen.Formuliermodules hebben meer stijlopties, waaronder tekstkleur en randstijlen.
  • Modules die meerdere keren op uw pagina's worden herhaald, zoals knoppen of koppen, hebben meestal vooraf ingestelde stijlen voor kleuren en lettertypen die zijn gebaseerd op het gecodeerde stylesheet van uw sjabloon of de thema-instellingen van uw sjabloon.
  • Aangepaste modules hebben geen stijlopties beschikbaar in inhoudseditors en moeten in plaats daarvan worden bewerkt in de ontwerpmanager. Als u hulp nodig hebt met een aangepaste module, kunt u contact opnemen met een HubSpot-partner om u te helpen met ontwerpbewerkingen.
  • Sommige oudere modules op uw pagina kunnen afgeschrevenstijlen bevatten, die niet langer beschikbaar zijn op nieuwe modules en sjablonen. Afgeschreven stijlen kunnen nog steeds worden bewerkt in het tabblad Stijlen, maar als ze zijn verwijderd, worden ze uit de module verwijderd.

Stijlen aanpassen voor een module

U kunt de uitlijning, spatiëring, en bepaalde lettertypen en kleuren aanpassen in het tabblad Stijlen. De beschikbare opties voor uw module zijn gebaseerd op het ontwerp van uw paginasjabloon.

Let op:modules die zijn gemaakt

  • Navigeer in uw HubSpot-account naarMarketing > Website >Landingspagina's of Websitepagina's.
  • Klik in het linkerpaneel op het tabblad Inhoud en selecteer vervolgens de module die u wilt bewerken.
  • Klik op het tabblad Stijlen.
  • De meeste modules hebben opties voor uitlijning en spatiëring:
    • Pas de uitlijning voor de inhoud van uw module aan. Om bijvoorbeeld inhoud in uw module te centreren, klikt u op het pictogram BlockAlignmentCenter Uitlijnen in het midden.
    • Als u vulling of marges rond uw module of de inhoud ervan wilt toepassen, klikt u op de pijltoetsen om deze spatiëring aan te passen.
  • Pas eventuele andere randen, lettertypen of kleuren aan die voor uw module beschikbaar zijn.
  • Om wijzigingen die u in de opmaak van uw module hebt aangebracht ongedaan te maken, klikt u op het pictogram Vernieuwen om alle opmaak terug te zetten.

edit-module-styles

Meer stijlopties aanpassen in een startsjabloon of een themasjabloon

Als u een startsjabloon gebruikt, worden sommige stijlopties, zoals standaardlettertypen of -kleuren, herhaald op meerdere delen van uw pagina. Afhankelijk van hoe de sjabloon is gecodeerd door uw website-ontwikkelaar, kunt u deze standaardstijlen mogelijk opheffen op het tabbladOpties in het linkerpaneel.

  • Klik in de pagina-editor op de module om deze te selecteren.
  • Klik in het linkerpaneel op de tabOpties.
  • Klik onder de standaardopties voor de module-inhoud om de schakelaarStandaardstijl overschrijven in te schakelen.
  • Hier kunt u extra stijlen selecteren, gebaseerd op de opties die in het sjabloon van uw pagina zijn opgenomen. De meeste startersjablonen hebben hier overbruggingsopties beschikbaar.

override-default-styles

  • Nadat u uw wijzigingen hebt aangebracht, klikt u linksonder op Wijzigingen toepassen. Om terug te keren naar alle inhoudsopties in het linkerpaneel, klikt u linksboven op Terug.