Lär dig hur du konfigurerar och anpassar din befintliga drag-och-släpp-mall och hur du arbetar med moduler, grupper och kolumner som byggstenar i din mall.
Genom att använda layoutredigeraren i designhanteraren kan du snabbt bygga upp din innehållslayout utan att behöva skriva HTML.
Om du vill lägga till en modul i en layout klickar du på + Lägg till högst upp i layoutinspektören. Sök efter eller välj enmodul och dra den sedan till den plats där du vill att modulen ska återges i layouten. Om du drar moduler ovanpå andra moduler skapas antingen kolumner eller grupperar modulerna.
Om du vill ändra bredden på en kolumn, håll muspekaren mellan modulerna och klicka och dra horisontellt.
Modulgrupper är enheter av moduler som utgör olika delar av en sida.
Om du vill gruppera två moduler klickar du på den första modulen, håller sedan ned kontroll- och kommandotangenten och väljer den andra modulen. Upprepa det här steget om du grupperar fler än två moduler. Klicka sedan pågruppikonen i modulinspektören.
Observera: Modulgrupper kan inte korsa en sektionsavgränsare eller innehålla en delvis vald grupp av moduler.
Genom att dela en modul delas modulen i två delar, vilket skapar två moduler. Om du vill dela en modul klickar du på modulen och sedan på ikonen split module i modulinspektören. Alternativt kan du högerklicka på modulen i layouten och välja Split module.
Med horisontella distanser kan du centrera moduler och grupper på sidan eller lägga till tomt utrymme på vardera sidan av dem. Om du vill lägga till en horisontell distans klickar du på + Lägg till högst upp i layoutinspektören. Leta uppHorisontellt avståndstagare och dra och släpp det i mallen.
Om du vill ändra storleken på en horisontell distansmodul ändrar du bredden på den kolumn som skiljer den från andra moduler. Om du vill centrera en modul eller grupp lägger du till horisontella distanser på varje sida.
Flexibla kolumner är utformade för att göra innehållshantering på sidnivå enklare för innehållsskapare. När en flexibel kolumn läggs till i en HubSpot-sidemall får användarna möjlighet att lägga till, ta bort och ordna om moduler i denindividuella sidredigeraren. Den här funktionen gör det möjligt för designers att skapa färre mallar, samtidigt som marknadsförare fortfarande har flexibiliteten att anpassa varje sida efter sina behov.
Om du vill lägga till en flexibel kolumn klickar du på + Lägg till högst upp i layoutinspektören. Leta uppFlexibel kolumn och dra och släpp den i mallen.
När du har strukturerat den allmänna layouten för din mall kan du byta ut moduler och göra andra anpassningar av mallen.
Du kan redigera en moduls alternativ genom att klicka påmodulen i layoutredigeraren. I modulinspektören till höger ser du modulens redigerbara alternativ. Dessa alternativ omfattar i allmänhet formgivning, standardinnehåll och redigeringsalternativ och kan skilja sig åt beroende på den specifika modultypen. Läs mer om hur du redigerar modulens CSS och standardinnehåll och standardinställningar.
När du har lagt till en modul i din mall kan du välja att byta ut den mot en annan modul. Högerklicka på modulen i layoutredigeraren och klicka sedan på Byt modul. I rullgardinsmenyn som visas väljer du den modul som du vill ersätta den ursprungliga modulen med.
Du kan konvertera en modul i din mall till en global modul som kan användas i flera mallar. Detta är användbart när du har stylat modulen på ett visst sätt och/eller har standardinnehåll i modulen som du vill återanvända i andra mallar.
Om du vill ta bort en modul klickar du på modulen i layoutredigeraren och klickar sedan på papperskorgen i modulinspektören. Alternativt kan du högerklicka på modulen och välja Ta bort modul.
Förutom modulalternativen finns det flera åtgärder som du kan vidta för din mall.