Landing Pages

Pagina-inhoud bewerken in een drag and drop gebied

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Alle producten en plannen

Met behulp van slepen en neerzetten kunt u uw lay-out gemakkelijk herschikken en aangepaste achtergrondstijlen toepassen op verschillende secties van uw pagina. Bewerken met behulp van slepen en neerzetten is mogelijk op pagina's die zijn gemaakt met een startsjabloon, een standaard HubSpot-themesjabloon of een gecodeerd sjabloon met een slepen en neerzetten-gebied.

In dit artikel leest u hoe u de inhoud en de lay-out van uw pagina kunt bewerken met behulp van de functies voor het bewerken met slepen en neerzetten. Leer hoe u uw pagina-instellingen kunt bewerken en een pagina op uw website kunt publiceren.

Hoe slepen en neerzetten werkt

Drag and drop gebieden zijn opgebouwd uit modules, die blokken van website content zijn. Deze modules kunnen in horizontale rijen of verticale kolommen worden gerangschikt. Rijen en kolommen kunnen worden gegroepeerd in delen van elementen.

Door deze elementen te groeperen, kunt u achtergrondstijlen toepassen op een heel gebied van uw pagina. U kunt ook hele rijen, kolommen of secties slepen om uw paginalay-out te herschikken.

  1. Module: een individueel blok van de inhoud van de website. U kunt de tekst en afbeeldingen van uw pagina binnen een individuele module bewerken.
  2. Kolom: een verticale stapel van meerdere modules of rijen. U kunt kolommen op uw pagina verplaatsen of herschikken en een achtergrondkleur of -stijl op een hele kolom toepassen.
  3. Rij: een horizontale rij modules of kolommen. U kunt rijen op uw pagina verplaatsen of herschikken en een achtergrondkleur of -stijl op een hele rij toepassen.
  4. Sectie: een groep van meerdere rijen of kolommen. U kunt een hele sectie verplaatsen of een achtergrondkleur of -stijl op een hele sectie toepassen.

overview-of-drag-and-drop

Inhoud van de module bewerken

Om de inhoud van een module aan te passen, beweegt u 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.
  • stijlen Stijl: beheer de stijlen die beschikbaar zijn op deze module binnen het Stijl-paneel 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 in het tabblad Opties.
  • Clonduplicate Copy: maak een kopie van deze module op uw pagina.
  • verwijderen : verwijd er deze module van uw pagina.

edit-module

Bewerk rijen, kolommen of secties

U kunt stijlen van een hele rij, kolom of sectie van elementen bewerken. U kunt bijvoorbeeld uw inhoud centreren,een achtergrondafbeelding toepassen ofde afstand tussen elementen op uw pagina bewerken.

U kunt stijlen voor een rij, kolom of sectie bewerken:

  • Beweeg in de pagina-editor met de muis over de rij, kolom of sectie, en dan cde pijltjestoets en selecteer stijlen Stijl [rij/kolom/sectie].
  • Klik op het linkerpaneel op Uitlijning en tussenruimte om de vulling en de marge rond de rij, kolom of sectie aan te passen.
  • Klik op Achtergrond om de stijlopties voor de achtergrond van dit gedeelte uit te breiden:
    • Geen: selecteer dit om eventuele achtergrondkleuren of -afbeeldingen te verwijderen.
    • Kleur: selecteer dit om een enkele kleur als achtergrond in te stellen. Voer een achtergrondkleurwaarde en een transparantiepercentage in.
    • Afbeelding: selecteer dit om een afbeelding als achtergrond in te stellen. Als een afbeelding standaard in de sjabloon staat, klik dan op Vervangen om de afbeelding te wijzigen. Om een nieuwe afbeelding toe te voegen, klikt u op Uploaden om een afbeelding toe te voegen vanaf uw computer, of klikt u op Bladeren door afbeeldingen om een afbeelding te selecteren uit uw bestanden.
    • Kleurverloop: selecteer een kleurverloop om twee kleuren als achtergrond te laten vervagen. Selecteer eerst de richting van het kleurverloop. Voer vervolgens een hex-waarde in en stel de transparantie voor elke kleur in.
  • Om een kopie te maken van een bestaand element, ga met de muis over het element en klik op het pijl-icoontjeSelecteer vervolgens duplicaat Kopiëren [rij/kolom/sectie].
  • Om een element van uw pagina te verwijderen, gaat u met de muisover het element en klikt u op het pijlpictogram, waarna uDelete [rij/kolom/sectie] selecteert.

remove-a-column

Terwijl u uw pagina bewerkt, worden uw updates automatisch opgeslagen. Om toegang te krijgen tot eerder opgeslagen concepten van uw ongepubliceerde pagina, gaat u met de muis over Autosaved in de linkerbovenhoek en klikt u op revisies.

Modules aan uw pagina toevoegen

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

De lay-out van uw pagina aanpassen

Terwijl u modules aan uw lay-out toevoegt en bewerkt, 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

Paginastijlen bewerken

Om de kleuren, lettertypen of spaties op uw pagina te bewerken, klikt u op het tabblad Ontwerp .
  • Als u een startsjabloon gebruikt, kunt u de lettertypen, stijlen en kleuren die op uw tekst, formulieren en knoppen in het tabblad Ontwerpen aan de linkerkant worden toegepast, wijzigen.
  • Als u een gecodeerde sjabloon gebruikt die is gemaakt door een ontwikkelaar met een sleepgebied, ziet u welke stijlopties door uw ontwikkelaar zijn opgenomen in uw sjabloon.
  • Als u een themasjabloon gebruikt, kunt u uw thema-instellingen openen en bewerken.

design-tab-options