Strukturera och anpassa mallar med hjälp av layoutredigeraren

Använd layoutredigeraren i designhanteraren för att strukturera och anpassa dra-och-släpp-mallar. Genom att ordna moduler, grupper och kolumner kan du styra hur innehållet struktureras på olika sidor. Detta ger också innehållsskaparna mer kontroll i sidredigeraren.

Innan du kommer igång

Innan du strukturerar och anpassar sidor med hjälp av layoutredigeraren i designhanteraren bör du granska kraven och övervägandena.

Förstå begränsningar och överväganden

• Ändringar i en mall gäller för allt innehåll som använder den mallen.
• Vissa funktioner, t.ex. flexibla kolumner, är endast tillgängliga för sidmallar.

Strukturera en mall

Använd layoutredigeraren för att strukturera hur innehållet organiseras i en mall.

1. I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
2. Klicka på en mall i sökaren för att öppna den i layoutredigeraren.

Lägga till och ordna moduler

Moduler är byggstenarna i en mallayout. Om du drar en modul bredvid en annan modul skapas kolumner. Om du drar en modul ovanpå en annan grupperas modulerna.

1. Klicka på + Lägg till i inspektören.
2. Ange text för att söka efter en modul och klicka sedan på modulen.
3. Dra in modulen i layoutredigeraren.

Ändra kolumnbredd

Så här ändrar du bredden på en kolumn:

1. Håll muspekaren mellan två moduler i layoutredigeraren.
2. Klicka och dra horisontellt för att justera kolumnbredden.

Gruppera moduler

Gruppera moduler för att organisera sektioner i en mall.

Så här grupperar du moduler:

1. Markera en modul i layoutredigeraren.
2. Håll ned Control (Windows) eller Command (Mac) och markera ytterligare moduler.
3. Klicka på ikonen groupModule Gruppera moduler i inspektören.

Observera: Modulgrupper kan inte korsa en sektionsavgränsare eller innehålla en delvis markerad modulgrupp.

Dela moduler horisontellt

Om du delar en modul delas den i två delar, vilket skapar två moduler.

Så här delar du en modul:

1. Klicka på en modul i layoutredigeraren

2. Klicka på ikonen splitModule Dela modul i inspektorn.

Centrera moduler

Använd horisontella distanser för att centrera moduler och grupper på sidan eller för att lägga till tomt utrymme på båda sidor om dem.

Så här lägger du till en horisontell distans:

1. Klicka på + Lägg till i inspektören.

2. Ange horisontell distans i fältet Sök. Dra sedan modulen Horisontell distans till rätt position på mallen i layoutredigeraren.

3. Om du vill ändra storleken på en horisontell distansmodul ändrar du bredden på den kolumn som skiljer den från andra moduler.

4. Om du vill centrera en modul eller grupp lägger du tillhorisontella distansmoduler på varje sida.

Lägga till en flexibel kolumn

Flexibla kolumner är utformade för att göra innehållshanteringen på sidnivå enklare för innehållsskapare. När en flexibel kolumn läggs till i en HubSpot-sidmall får användarna möjlighet att lägga till, ta bort och ordna om moduler i den individuella sidredigeraren. Den här funktionen gör det möjligt för designers att skapa färre mallar, samtidigt som marknadsförare får flexibiliteten att anpassa varje sida efter deras behov.

1. Klicka på + Lägg till i inspektorn.

2. Ange flexibel kolumn i sökfältet. Dra sedan modulen Flexible Column på plats på mallen i layoutredigeraren.

Anpassa din mall

När du har strukturerat layouten i din mall kan du byta ut moduler och göra andra anpassningar av mallen.

Redigera alternativ för moduler

Redigera en moduls alternativ inkluderar styling, standardinnehåll och kan skilja sig åt beroende på den specifika modultypen. Läs mer om hur du redigerar modulens CSS och standardinnehåll och inställningar.

1. Klicka på en modul i layoutredigeraren.
2. Anpassa modulens alternativ i inspektören.

Byta ut modul

När du har lagt till en modul i din mall kan du välja att byta ut den mot en annan modul.

1. Högerklicka på modulen i layoutredigeraren och välj sedan Byt modul.

2. I popup-fönstret väljer du den modul som du vill ersätta den ursprungliga modulen med.

Konvertera till global modul

Konvertera en modul i din mall till en global modul, som kan användas i flera mallar. Använd detta när du har utformat modulen på ett visst sätt eller har standardinnehåll i modulen som du vill återanvända i andra mallar.

1. Klicka på en modul i layoutredigeraren.
2. I granskaren klickar du på rullgardinsmenyn Mer och väljer Konvertera till global modul.
3. Ange namnet på den globala modulen i dialogrutan och klicka sedan på Skapa.

Ta bort modul

1. Klicka på en modul i layoutredigeraren.

2. Klicka på papperskorgsikonen på delete i inspektören.

Hantera din mall i sökaren

Utöver modulalternativen finns det flera åtgärder som du kan vidta specifikt för din mall.

1. Klicka på namnet på en mall i sökaren.
2. Klicka på rullgardinsmenyn Åtgärder och välj ett alternativ:
   • Kopiera till ettannat konto: kopiera mallen till ett annat konto där du också är användare. Mallar som köps från Marketplace går inte att kopiera till andra portaler.
   • Clone template: här skapas en exakt kopia av din mall, vilket är användbart när du vill skapa en variant av en befintlig mall.
   • Klona till HTML: här skapas en separat HTML-version av din dra-och-släpp-mall. Detta är användbart om du behöver mer kontroll över din uppmärkning eller om du vill lära dig mer om hur mallar kodas.
   • Visa mallens källa: visa mallens HTML-källkod. Till skillnad från alternativet Klona till HTML skapar detta alternativ inte en separat HTML-version av din mall.
   • Byt namn på mall: redigera mallens interna namn.
   • Visa beroenden: visa alla sidor, e-postmeddelanden eller bloggar som för närvarande använder mallen.
   • Visa revideringshistorik: visa mallens revideringshistorik och välj att återställa mallen till en tidigare publicerad version.
   • Skapa e-postmeddelande/sida: skapa ett e-postmeddelande eller en sida direkt från mallen.
   • Ta bortmall: mallen tas bort. När mallen har tagits bort är den tillgänglig i 30 dagar, varefter den raderas permanent. För att återställa mallen måste du kontakta kundsupport.