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

Bewerk pagina-inhoud in een gebied met slepen en neerzetten

Laatst bijgewerkt: maart 29, 2021

Geldt voor:

Alle producten en plannen

In de pagina-editor met slepen en neerzetten kunnen gebruikers aangepaste achtergrondstijlen herschikken en toepassen op verschillende secties van een pagina. Bewerken met slepen en neerzetten is beschikbaar op pagina's die zijn gemaakt met startsjablonen, standaard HubSpot-themasjablonen of gecodeerde sjablonen met gebieden voor slepen en neerzetten.

De editor voor slepen en neerzetten begrijpen

Drag-and-drop gebieden zijn opgebouwd uit modules, dat zijn blokken van website-inhoud. Deze modules kunnen worden gerangschikt in horizontale rijen of verticale kolommen. Rijen en kolommen kunnen worden gegroepeerd in secties van elementen.

Door deze elementen te groeperen, kunt u een set achtergrondstijlen toepassen op een sectie van een pagina. U kunt ook hele rijen, kolommen of secties slepen en neerzetten om de lay-out van uw pagina te wijzigen.

  1. Module: een afzonderlijk blok met website-inhoud. Sommige modules, zoals de rijke tekstmodule, kunnen meerdere soorten inhoud bevatten.
  2. Kolom: een verticale stapel van meerdere modules of rijen. U kunt kolommen op uw pagina verplaatsen of herschikken, of een achtergrondkleur of stijl op een hele kolom toepassen.
  3. Rij: een horizontale rij van modules of kolommen. U kunt rijen op uw pagina verplaatsen of opnieuw rangschikken, of een achtergrondkleur of -stijl toepassen op een hele rij.
  4. Sectie: een groep van meerdere rijen of kolommen. U kunt een hele sectie verplaatsen, of een achtergrondkleur of -stijl toepassen op een hele sectie.

overview-of-drag-and-drop

Inhoud van modules bewerken

Om inhoud binnen een module aan te passen, gaat u met de muis over de module en klikt u op een pictogram:

  • bewerken Module bewerken: bewerk de inhoud van uw module in de inhoudseditor, of in het linkerpaneel.
  • stijlen Module stylen: beheer de styling van deze module in de sidebar editor. De meeste module stijlen kunnen worden beheerd op het Stijl tabblad, maar sommige stijl opties die specifiek zijn voor uw thema kunnen beschikbaar zijn op het Opties tabblad.
  • clonduplicate Module klonen: maak een kopie van deze module op uw pagina.
  • verwijderen Module verwijderen: verwijder deze module van uw pagina.

edit-module

Rijen, kolommen of secties bewerken

U kunt de stijlen van een hele rij, kolom of sectie van elementen bewerken. U kunt bijvoorbeeld uw inhoud centreren,een achtergrondafbeelding toepassen ofde spatiëring rond elementen op uw pagina bewerken.

Zo bewerkt u stijlen voor een rij, kolom of sectie:

  • Beweeg in de pagina-editor met de muis over de rij, kolom of sectie en klik vervolgens op de knopklik op depijl en selecteer stijlen Stijl [rij/kolom/sectie].
  • Om de vulling en marge rond de rij, kolom of sectie aan te passen, klikt u op Uitlijning en spatiëring in de zijbalkeditor.
  • Om de achtergrond van een sectie te bewerken, klikt u op Achtergrond in de zijbalkeditor en selecteert u een stylingoptie:
    • Geen: verwijder alle achtergrondkleuren of afbeeldingen.
    • Kleur: stel een enkele kleur in als achtergrond. Voer een hex-waardein ofklik op dekleurkiezer enselecteer een kleur, voer vervolgenseentransparantiewaarde in.
    • Afbeelding: stel een afbeelding in als achtergrond. Om een nieuwe afbeelding toe te voegen, klikt u op Upload (Uploaden) om een afbeelding vanaf uw computer toe te voegen, of klikt u op Afbeeldingen bladeren om een afbeelding uit uw bestanden te selecteren .
    • Kleurverloop: stel twee kleuren in die in elkaar overvloeien als achtergrond. Klik op hetvervolgkeuzemenu Richtingen selecteer een richting voor het kleurverloop. Voer voor elke kleureen hex-waardein, ofklik op dekleurenkiezer enselecteer een kleur, voer daneentransparantiewaarde in.
  • Om een kopie te maken van een bestaand element, ga met de muis over het element en klik op het pijl icoonen selecteer vervolgens dupliceren Kopiëren[rij/kolom/sectie].
  • Als u een element van uw pagina wilt verwijderen, gaat u met de muisover het element en klikt u op het pijlpictogram, waarna uVerwijderen [rij/kolom/sectie] selecteert.

remove-a-column

Modules aan uw pagina toevoegen

Om een module aan uw pagina toe te voegen, klikt u op de module in de zijbalkeditor, sleept u de module over uw pagina en zet u deze op zijn plaats.

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

De lay-out van uw pagina aanpassen

U kunt de breedte van de elementen op uw pagina aanpassen door de verticale scheidingslijn tussen de kolommen aan te klikken en te verslepen.

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

Paginastijlen bewerken

Als u de kleuren, lettertypen of spatiëring op uw pagina wilt bewerken, klikt u op het tabblad Ontwerp in de zijbalkeditor

design-tab-options