Lær hvordan du konfigurerer og tilpasser den eksisterende dra-og-slipp-malen, og hvordan du bruker moduler, grupper og kolonner som byggesteiner i malen.
Ved å bruke layoutredigeringsprogrammet i designadministratoren kan du raskt bygge opp innholdslayouten uten å måtte skrive HTML.
Hvis du vil legge til en modul i en layout, klikker du på + Legg til øverst i layoutinspektøren. Søk etter eller velg enmodul, og dra den deretter til den plasseringen du vil at modulen skal gjengis i oppsettet. Hvis du drar moduler oppå andre moduler, kan du enten opprette kolonner eller gruppere modulene.
Hvis du vil endre bredden på en kolonne, holder du musepekeren mellom modulene og klikker og drar horisontalt.
Modulgrupper er enheter av moduler som utgjør ulike deler av en side.
Hvis du vil gruppere to moduler, klikker du på den første modulen, holder nede Control-/kommandotasten og velger den andre modulen. Gjenta dette trinnet hvis du skal gruppere flere enn to moduler. Klikk deretter på gruppeikonet i modulinspektøren.
Merk: Modulgrupper kan ikke krysse et seksjonsskille eller inneholde en delvis valgt modulgruppe.
Ved å dele en modul deles modulen i to, slik at det opprettes to moduler. For å dele en modul klikker du på modulen og deretter på ikonet for delt modul i modulinspektøren. Du kan også høyreklikke på modulen i oppsettet og velge Del modul.
Med horisontale avstandsstykker kan du sentrere moduler og grupper på siden, eller legge til tom plass på hver side av dem. For å legge til et horisontalt avstandsstykke klikker du på + Legg til øverst i layoutinspektøren. Finn Horisontalt avstandsstykke, og dra og slipp det i malen.
Hvis du vil endre størrelsen på en horisontal avstandsholder, endrer du bredden på kolonnen som skiller den fra andre moduler. For å sentrere en modul eller gruppe legger du til horisontale avstandsstykker på hver side.
Fleksible kolonner er utviklet for å gjøre det enklere for innholdsskapere å administrere innhold på sidenivå. Når en fleksibel kolonne legges til i en HubSpot-sidemal, får brukerne muligheten til å legge til, fjerne og endre rekkefølgen på modulene i den individuelle sideredigeringen. Denne funksjonen gjør det mulig for designere å lage færre maler, samtidig som markedsførere får fleksibilitet til å tilpasse hver enkelt side etter egne behov.
Hvis du vil legge til en fleksibel kolonne, klikker du på + Legg til øverst i layoutinspektøren. Finn Fleksibel kolonne, og dra og slipp den i malen.
Når du har strukturert den generelle utformingen av malen, kan du bytte ut moduler og gjøre andre maltilpasninger.
Du kan redigere alternativene for en modul ved å klikke på modulen i layoutredigeringsprogrammet. I modulinspektøren til høyre ser du hvilke alternativer du kan redigere for modulen. Disse alternativene omfatter vanligvis styling, standardinnhold og redigeringsalternativer, og kan variere avhengig av modultype. Finn ut mer om redigering av modul-CSS og standardinnhold og -innstillinger.
Når du har lagt til en modul i malen, kan du velge å bytte den ut med en annen modul. Høyreklikk på modulen i layoutredigeringsprogrammet, og klikk deretter på Bytt modul. I rullegardinmenyen som vises, velger du modulen du vil erstatte den opprinnelige modulen med.
Du kan konvertere en modul i malen din til en global modul som kan brukes i flere maler. Dette er nyttig når du har utformet modulen på en bestemt måte og/eller har standardinnhold i modulen som du ønsker å gjenbruke i andre maler.
Hvis du vil slette en modul, klikker du på modulen i layoutredigeringsprogrammet og deretter på søppelbøtteikonet i modulinspektøren. Du kan også høyreklikke på modulen og velge Slett modul.
I tillegg til modulalternativene kan du utføre flere handlinger som er spesifikke for malen din.