Inhoud bewerken in de inhoudseditor

In de inhoudseditor kunt u slepen en neerzetten gebruiken om inhoud in uw blogberichten en pagina's toe te voegen, te bewerken en te herschikken. Slepen en neerzetten is niet beschikbaar voor sommige berichten en pagina's.

Modules toevoegen en bewerken

Modules zijn individuele blokken website-inhoud. Sommige modules, zoals rich text modules, kunnen meerdere soorten inhoud bevatten.

1. Navigeer naar uw inhoud:

   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op de naam van de pagina.
3. Klik in de inhoudseditor op het pictogram add Toevoegen in de linkerzijbalk.
4. Klik op om een modulecategorie uit te vouwen, klik vervolgens op een module en sleep deze naar de juiste positie in uw inhoud. Om een module te zoeken, voert u de naam van de module in het zoekveld in.
5. Om de breedte van een module aan te passen, klikt u op de verticale scheiding tussen kolommen en sleept u deze naar de juiste positie.
6. Om een module te bewerken, klikt u op de module in uw inhoud.
7. Om een kopie van een module aan je inhoud toe te voegen, ga je met de muis over de module en klik je op het pictogram clonduplicate cmodule klonen .
8. Om een module uit je inhoud te verwijderen, ga je met de muis over de module en klik je op het pictogram delete module verwijderen .

Secties gebruiken

Secties zijn grotere groepen die uit verschillende modules bestaan. U kunt herbruikbare paginasecties maken door modules naar een lege sectielay-out te slepen. Ontwikkelaars kunnen ook herbruikbare secties maken met behulp van de documentatie voor ontwikkelaars. Als een sectie eenmaal is gemaakt, kan deze op elke pagina worden gebruikt die hetzelfde thema gebruikt en bewerken met slepen en neerzetten ondersteunt.

Let op: er kunnen niet meer dan 50 herbruikbare secties tegelijk worden opgeslagen. Verwijder een bestaande herbruikbare sectie om een nieuwe herbruikbare sectie op te slaan.

Een sectie maken

Je kunt een sectie maken door een lay-out te selecteren en er vervolgens modules aan toe te voegen.

1. Navigeer naar uw inhoud:

   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op de naam van de pagina.
3. Beweeg de muisaanwijzer in de inhoudseditor over de inhoud en klik op + Sectie toevoegen.
4. Klik in het dialoogvenster op Blanco lay-outs in het menu en klik op om een lay-out te selecteren.
5. Klik in de inhoudseditor op het pictogram add Toevoegen in de linkerzijbalk.
6. Klik op om een modulecategorie uit te vouwen, klik vervolgens op een module en sleep deze naar de juiste positie in de sectie. Herhaal dit voor elke module in de sectie.
7. Als u klaar bent met het toevoegen van modules aan de sectie, gaat u met de muis over de sectie en klikt u op het pictogram downCarat omlaag en selecteert u Sectie opslaan.
8. Voer in het dialoogvenster een naam en beschrijving in voor uw sectie en klik op Opslaan.

Let op: bestaande paginasecties en secties die zonder lay-out zijn gemaakt, kunnen ook worden opgeslagen als herbruikbare secties.

Een sectie toevoegen of verwijderen

1. Navigeer naar uw inhoud:

   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op de naam van de pagina.
3. Beweeg de muisaanwijzer in de inhoudseditor over de inhoud en klik op + Sectie toevoegen.
4. Klik in het dialoogvenster op een sectie. Om te kiezen uit de opgeslagen secties, klik je op Opgeslagen secties in het linkermenu en klik je op een opgeslagen sectie.

Let op: door een opgeslagen sectie toe te voegen die slimme regels bevat, worden deze regels toegepast op de nieuw toegevoegde sectie. Deze secties krijgen het label Smart.

5. Om een sectie uit je inhoud te verwijderen, beweeg je met de muis over de sectie en klik je op het pictogram delete verwijderen. Je kunt ook op het pictogram siteTreeIcon Inhoud klikken. Ga dan met de muis over de sectie, klik op het pictogram met de ellipsen op ellipsesIcon en selecteer Verwijderen.
6. Om een sectie uit uw opgeslagen secties te verwijderen, gaat u met de muisaanwijzer over uw inhoud en klikt u op + Sectie toevoegen. Klik vervolgens op Opgeslagen secties in het linkermenu en klik op het delete verwijderpictogram op de relevante opgeslagen sectiekaart. Klik in het dialoogvenster op Verwijderen.

Inhoud stijlen

In de inhoudseditor kunt u stylingopties, zoals opvulling en marges, bewerken op het tabblad Stijlen van de zijbalkeditor. U kunt stijlen bewerken voor modules en secties, maar ook voor rijen en kolommen met inhoud.

Beschikbare stijlopties voor aangepaste modules en thema's worden ingesteld door de ontwikkelaars. Meer informatie over de stijlopties voor modules en thema's vindt u in onze documentatie voor ontwikkelaars.

1. Navigeer naar uw inhoud:

   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
   • Blog: Ga in je HubSpot-account naar Inhoud > Blog.
2. Klik op de naam van uw pagina.
3. Klik in de inhoudseditor op een module.
4. Klik in de zijbalkeditor op het tabblad Stijlen .
5. Een element verbergen:
   • Klik op om de sectie Zichtbaarheid uit te vouwen.
   • Klik in de sectie Verbergen op dit onderbrekingspunt op Verbergen. Standaard wordt de module verborgen in de weergave op desktop en mobiel.
   • Om de module alleen op mobiel of desktop weer te geven, klikt u op het pictogram mobile mobiel of desktop desktop boven aan de pagina. Klik op om de sectie Zichtbaarheid uit te vouwen. Klik in de sectie Verbergen op dit onderbrekingspunt op Weergeven. Hierdoor wordt de module weergegeven op het geselecteerde apparaattype, maar anders verborgen.

6. Padding en marges instellen:
   • Klik op om de sectie Uitlijning en spatiëring uit te vouwen en klik vervolgens op Opvulling of Marge.

• • Om aan alle zijden een gelijke tussenruimte toe te voegen, schakelt u het selectievakje Toepassen op alle zijden in en voert u vervolgens in elk veld een waarde in pixels in.
  • Als u aan elke zijde een andere opvulling wilt toevoegen, voert u waarden in pixels in de velden Boven, Links, Rechts en Onder in.

7. Om de achtergrond van een element in te stellen: klik om de sectie Achtergrond uit te vouwen en selecteer een optie:
   • Geen: alle achtergrondkleuren of -afbeeldingen verwijderen.
   • Kleur: stel een enkele kleur in als achtergrond. Voer een hexadecimale waarde in of klik op dekleurenkiezer en selecteer een kleur, voer vervolgens een transparantiewaarde in .
   • Afbeelding: stel een afbeelding in als achtergrond. Klik op Uploaden om een afbeelding van je computer toe te voegen of klik op Afbeeldingen bladeren om een afbeelding uit je bestanden te selecteren.
   • Kleurverloop: stel twee kleuren in die in elkaar overvloeien als achtergrond. Klik op het vervolgkeuzemenu Richting en selecteer een verlooprichting. Voer voor elke kleur een hexadecimale waarde in of klik op dekleurenkiezer en selecteer een kleur, voer vervolgens een transparantiewaarde in .

Let op: de exacte opties die worden weergegeven op het tabblad Stijlen kunnen verschillen, vooral voor aangepaste modules. Meer informatie over stijlopties voor aangepaste modules vindt u in onze documentatie voor ontwikkelaars.

Uw inhoud beheren

In de zijbalkeditor ziet u een overzicht van de secties, rijen, kolommen en modules in uw inhoud. Van daaruit kunt u ze hernoemen, bewerken, klonen, verwijderen of verbergen:

1. Navigeer naar je inhoud:

   • Website Pagina's: Ga in je HubSpot-account naar Inhoud > Websitepagina's.
   • Landingspagina's: Ga in je HubSpot-account naar Inhoud > Landingspagina's.
2. Klik op de naam van je pagina.
3. Klik in de linker zijbalk op de tab siteTree Inhoud .
4. Je kunt bepalen welke pagina-elementen zichtbaar zijn in de zijbalkeditor:
   • Als u alleen de secties van uw pagina wilt weergeven, klikt u op Alles samenvouwen. Hierdoor worden alle rijen, kolommen en modules samengevouwen zodat alleen de secties zichtbaar zijn in de sidebar-editor.
   • Als u alle inhoud op uw pagina wilt zien, klikt u op Alles uitvouwen. Hierdoor worden alle secties, rijen, kolommen en modules in de sidebar-editor weergegeven.
   • Als u een afzonderlijk pagina-element of container wilt weergeven, klikt u op het plusteken naast de naam.
   • Als u een element of container wilt verbergen, klikt u op het minteken naast de naam.

5. Pagina-elementen bewerken, hernoemen, klonen, verwijderen en verbergen:
   • Om een element te bewerken, klikt u op de naam ervan.
   • Als u de naam van een element wilt wijzigen, klikt u op het pictogram ellipses ellipsen naast de naam en selecteert u Rename [element]. Voer in het dialoogvenster een naam in voor het element en klik op Opslaan.
   • Om een element te klonen, klik je op het ellipses ellipsicoon naast de naam en selecteer je Kloon. Dit maakt een exacte kopie van het originele element ernaast.
   • Om een element te verwijderen, klikt u op het pictogram met de ellipsen op ellipses naast de naam en selecteert u vervolgens Verwijderen.
   • Om een module te verbergen, klikt u op het pictogram hide verbergen . Hierdoor wordt de module verborgen in het voorbeeld van de inhoud, maar niet in de zijbalkeditor. Als u een verborgen module op de pagina wilt weergeven, klikt u op het pictogram view disppictogram.