Sjabloonindelingen structureren en aanpassen

Kolombreedtes wijzigen

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

Groepsmodules

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

Om twee modules te groeperen, klikt u op de eerste module, houdt u vervolgens de Control/Command-toets ingedrukt en selecteert u de tweede module. Herhaal deze stap als u meer dan twee modules groepeert. Klik vervolgens op hetgroepspictogramGroupModule in de module-inspector.

Let op: modulegroepen kunnen niet over een sectiescheiding gaan 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 de module en vervolgens op het pictogramsplitsenModule in de module-inspector. U kunt ook rechts klikken op de module in de lay-out en Splitsen selecteren.

Middenmodules

Met horizontale afstandhouders kunt u modules en groepen op de pagina centreren, of lege ruimte aan weerszijden ervan toevoegen. Om een horizontaal afstandhouder toe te voegen, klikt u op + Toevoegen bovenaan de lay-outinspecteur. ZoekHorizontaal afstandsstuk en sleep het 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 beide zijden horizontale afstandhouders toe.

Een flexibele kolom toevoegen

Flexibele kolommen zijn ontworpen om contentbeheer op paginaniveau makkelijker te maken voor contentmakers. Wanneer een flexibele kolom wordt toegevoegd aan een HubSpot paginasjabloon, krijgen gebruikers de mogelijkheid om modules toe te voegen, te verwijderen en te herschikken binnen deindividuele pagina-editor. Dankzij deze functie kunnen ontwerpers minder sjablonen maken, terwijl marketeers toch de flexibiliteit hebben om elke pagina aan te passen aan hun behoeften.

Om een flexibele kolom toe te voegen, klikt u op + Toevoegen bovenaan de lay-out inspector. ZoekFlexibele kolom en sleep deze naar de sjabloon.

Uw sjabloon aanpassen

Zodra u de algemene lay-out van uw sjabloon hebt gestructureerd, kunt u modules uitwisselen en andere aanpassingen aan het sjabloon aanbrengen.

Module-opties bewerken

U kunt de opties van een module bewerken door op demodule in de lay-out-editor te klikken. In de module-inspecteur rechts ziet u de bewerkbare opties van de module. Deze opties omvatten doorgaans styling, standaardinhoud en editoropties, en kunnen verschillen afhankelijk van het specifieke type module. Meer informatie over het bewerken van module CSS en standaardinhoud en -instellingen.

Wisselmodule

Nadat u een module aan uw sjabloon hebt toegevoegd, kunt u deze omwisselen voor een andere module. Rechtsklik op de module in de lay-out editor en klik op Module verwisselen. In het dropdown-menu dat verschijnt, selecteert u de module waarmee u de oorspronkelijke module wilt vervangen.

Omzetten naar globale module

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

• Klik op de module in de lay-out editor.
• Klik in de module-inspecteur op het menu Meer en selecteer Converteren naar globale module.
• Voer in het dialoogvenster de naam van de globale module in en klik op Maken.

Module verwijderen

Om een module te verwijderen, klikt u op de module in de opmaakeditor en vervolgens op het prullenbakpictogramverwijderen in de module-inspecteur. U kunt ook met de rechtermuisknop op de module klikken en Module verwijderen selecteren.

Beheer uw sjabloon in de zoeker