Leer hoe u uw bestaande sjabloon met slepen en neerzetten kunt opzetten en aanpassen, en werken met modules, groepen en kolommen als bouwstenen van uw sjabloon.
Met de lay-out editor in de design manager kunt u snel uw inhoudsopmaak maken zonder HTML te hoeven schrijven.
Om een module aan een lay-out toe te voegen, klikt u op + Toevoegen bovenaan de lay-out inspector. Zoek of selecteer eenmodule en sleep deze vervolgens naar de plaats waar u de module in de opmaak wilt weergeven. Door modules boven op andere modules te slepen, maakt u kolommen of groepeert u de modules.
Om de breedte van een kolom te wijzigen, houdt u de muisaanwijzer tussen de modules en klikt en sleept u horizontaal.
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 hetgroepspictogram in de module-inspector.
Let op: modulegroepen kunnen niet over een sectiescheiding gaan of een gedeeltelijk geselecteerde groep modules bevatten.
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 pictogram in de module-inspector. U kunt ook rechts klikken op de module in de lay-out en Splitsen selecteren.
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.
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.
Zodra u de algemene lay-out van uw sjabloon hebt gestructureerd, kunt u modules uitwisselen en andere aanpassingen aan het sjabloon aanbrengen.
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.
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.
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.
Om een module te verwijderen, klikt u op de module in de opmaakeditor en vervolgens op het prullenbakpictogram in de module-inspecteur. U kunt ook met de rechtermuisknop op de module klikken en Module verwijderen selecteren.
Naast uw module-opties zijn er verschillende acties die u specifiek voor uw sjabloon kunt uitvoeren.