Sjabloonlay-outs structureren en aanpassen

Kolombreedtes wijzigen

Om de breedte van een kolom te wijzigen, zweeft u tussen de modules en klikt en sleept u horizontaal.

Groepsmodules

Modulegroepen zijn eenheden van modules die verschillende secties van een pagina vormen.

Om twee modules te groeperen, klikt u op deeerste module, houdt u vervolgens deControl/Command-toetsingedrukt en selecteert u detweede module. Herhaal deze stap als u meer dan twee modules wilt groeperen. Klik vervolgens op hetgroepspictogramgroepModulein de module-inspector.

Opgelet:de groepen modules kunnen geen scheidingsteken van een sectie overschrijden of een gedeeltelijk geselecteerde groep modules bevatten.

Modules horizontaal splitsen

Het splitsen van een module breekt de module in tweeën, waardoor twee modules ontstaan. Om een module te splitsen, klikt u op demodule en vervolgens op hetsplitmodule-symboolsplitModulein de module-inspector. U kunt ook met de rechtermuisknop op de module in de lay-out klikken enSplit module selecteren.

Middenmodules

Met horizontale afstandhouders kunt u modules en groepen op de pagina centreren, of lege ruimte toevoegen aan weerszijden ervan. Om een horizontale afstandhouder toe te voegen, klikt u op + Toevoegenboven aan de lay-out inspector. Zoek dehorizontale afstandhouder en sleep hem naar de sjabloon.

Om de grootte van een horizontale afstandhouder te wijzigen, wijzigt u de breedte van de kolom die de module van andere modules scheidt. Om een module of groep te centreren, voegt u aan elke zijde horizontale afstandhouders toe.

Een flexibele kolom toevoegen

Flexibele kolommen zijn ontworpen om content management op paginaniveau makkelijker te maken voor content creators. Wanneer een flexibele kolom wordt toegevoegd aan een HubSpot paginasjabloon, krijgen gebruikers de optie om modules toe te voegen, te verwijderen en te herschikkenbinnen de individuele pagina-editor. Deze functie stelt ontwerpers in staat om minder templates te maken, terwijl marketeers nog steeds de flexibiliteit hebben om elke pagina aan te passen aan hun behoeften.

Om een flexibele kolom toe te voegen, klikt u op+ Toevoegenbovenin de lay-out inspector. Zoek deflexibele kolom en sleep deze naar de sjabloon.

Pas uw sjabloon aan

Zodra u de algemene lay-out van uw sjabloon hebt gestructureerd, kunt u modules verwisselen en andere sjabloon-aanpassingen maken.

Module-opties bewerken

U kunt de opties van een module bewerken door op demodulete klikken in de lay-out editor. In de module-inspector aan de rechterkant ziet u de bewerkbare opties van de module. Deze opties omvatten over het algemeen styling, standaardinhoud en editoropties, en kunnen verschillen afhankelijk van het specifieke type module. Leer meer overhet bewerken van module CSS en standaard inhoud en instellingen.

Verwissel module

Nadat u een module aan uw sjabloon hebt toegevoegd, kunt u ervoor kiezen deze te verwisselen voor een andere module. Klik met de rechtermuisknop op demodulein de lay-out editor, en klik vervolgens opVerwissel module. In het vervolgkeuzemenu dat verschijnt, selecteert u demodulewaarmee u de oorspronkelijke module wilt vervangen.

Omzetten naar globale module

U kunt een module in uw sjabloon omzetten naar een globale module, die in meerdere sjablonen gebruikt kan worden. Dit is handig wanneer U de module op een bepaalde manier gestyled heeft, en/of standaard inhoud in de module heeft die U wilt hergebruiken in andere templates.

• Klik op demodulein de lay-out editor.
• Klik in de module-inspector op het vervolgkeuzemenu Meer en selecteerOmzetten in globale module.
• In het dialoogvenster voert u denaam van de globale module in en klikt u vervolgens opMaken.

Module verwijderen

Om een module te verwijderen, klikt u op demodulein de lay-out editor en vervolgens op hetprullenbakpictogramVerwijderenin de module-inspector. Als alternatief kunt u met de rechtermuisknop op demoduleklikken enVerwijderen module selecteren.

Beheer uw sjabloon in de zoeker