Lær, hvordan du opsætter og tilpasser din eksisterende drag and drop-skabelon og arbejder med moduler, grupper og kolonner som byggesten i din skabelon.
Ved at bruge layout-editoren i designmanageren kan du hurtigt opbygge dit indholdslayout uden at skulle skrive HTML.
For at tilføje et modul til et layout skal du klikke på + Tilføj øverst i layoutinspektøren. Søg efter eller vælg etmodul, og træk det derefter til den placering, du ønsker, at modulet skal have i layoutet. Hvis du trækker moduler oven på andre moduler, kan du enten oprette kolonner eller gruppere modulerne.
Hvis du vil ændre bredden på en kolonne, skal du holde musen mellem modulerne og klikke og trække vandret.
Modulgrupper er enheder af moduler, der udgør forskellige sektioner på en side.
For at gruppere to moduler skal du klikke på det første modul, derefter holde Control/Command-tasten nede og vælge det andet modul. Gentag dette trin, hvis du skal gruppere mere end to moduler. Klik derefter på gruppeikonet i modulinspektøren.
Bemærk: Modulgrupper kan ikke krydse en sektionsadskiller eller indeholde en delvist valgt gruppe af moduler.
Opdeling af et modul deler modulet i to, så der opstår to moduler. For at opdele et modul skal du klikke på modulet og derefter klikke på ikonet Opdel modul i modulinspektøren. Alternativt kan du højreklikke på modulet i layoutet og vælge Opdel modul.
Med vandrette afstandsstykker kan du centrere moduler og grupper på siden eller tilføje tom plads på hver side af dem. For at tilføje et vandret afstandsstykke skal du klikke på + Tilføj øverst i layoutinspektøren. Find Horizontal Spacer, og træk og slip den ind i skabelonen.
For at ændre størrelsen på et vandret afstandsstykke skal du ændre bredden på den søjle, der adskiller det fra andre moduler. For at centrere et modul eller en gruppe skal du tilføje vandrette afstandsstykker på hver side.
Fleksible kolonner er designet til at gøre indholdsstyring på sideniveau lettere for indholdsskabere. Når en fleksibel kolonne føjes til en HubSpot-skabelon, får brugerne mulighed for at tilføje, fjerne og omarrangere moduler i den individuelle sideeditor. Denne funktion gør det muligt for designere at oprette færre skabeloner, samtidig med at marketingfolk får fleksibilitet til at tilpasse hver side, så den passer til deres behov.
For at tilføje en fleksibel kolonne skal du klikke på + Tilføj øverst i layoutinspektøren. Find Flexible Column, og træk og slip den ind i skabelonen.
Når du har struktureret det generelle layout af din skabelon, kan du udskifte moduler og foretage andre skabelontilpasninger.
Du kan redigere et moduls indstillinger ved at klikke på modulet i layout-editoren. I modulinspektøren til højre kan du se modulets redigerbare indstillinger. Disse indstillinger omfatter generelt styling, standardindhold og redigeringsindstillinger og kan variere afhængigt af den specifikke modultype. Læs mere om redigering af modul-CSS og standardindhold og -indstillinger.
Når du har tilføjet et modul til din skabelon, kan du vælge at bytte det ud med et andet modul. Højreklik på modulet i layout-editoren, og klik derefter på Swap module. I den dropdown-menu, der vises, skal du vælge det modul , du vil erstatte det oprindelige modul med.
Du kan konvertere et modul i din skabelon til et globalt modul, som kan bruges i flere skabeloner. Det er nyttigt, når du har stylet modulet på en bestemt måde og/eller har standardindhold i modulet, som du gerne vil genbruge i andre skabeloner.
For at slette et modul skal du klikke på modulet i layouteditoren og derefter klikke på skraldespandsikonet i modulinspektøren. Alternativt kan du højreklikke på modulet og vælge Slet modul.
Ud over dine modulindstillinger er der flere handlinger, du kan foretage specifikt for din skabelon.