Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
Design Manager

Strukturera och anpassa malllayouter

Senast uppdaterad: november 2, 2021

Gäller för:

Marknadsföring Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Tidigare Marketing Hub Basic

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.

Strukturera din mall

Genom att använda layoutredigeraren i designhanteraren kan du snabbt bygga upp din innehållslayout utan att behöva skriva HTML.

  • I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.
  • Klicka på enmalli sökaren för att redigera den.

Lägg till och dra moduler

Om du vill lägga till en modul i en layout klickar du på+ Lägg tillhö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.

Ändra kolumnbredder

Om du vill ändra bredden på en kolumn, håll muspekaren mellan modulerna och klicka och dra horisontellt.

Gruppmoduler

Modulgrupper är enheter av moduler som utgör olika delar av en sida.

Om du vill gruppera två moduler klickar du på denförsta modulen, håller sedan nedkontroll- och kommandotangentenoch väljer denandra modulen. Upprepa det här steget om du grupperar fler än två moduler. Klicka sedan pågruppikonengroupModulei modulinspektören.

Observera:Modulgrupper kan inte korsa en sektionsavgränsare eller innehålla en delvis vald grupp av moduler.

Dela modulerna horisontellt

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 modulesplitModulei modulinspektören. Alternativt kan du högerklicka på modulen i layouten och väljaSplit module.

Centrala moduler

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 tillhö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.

add-horizontal-spacer

Lägg till en flexibel kolumn

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 tillhögst upp i layoutinspektören. Leta uppFlexibel kolumn och dra och släpp den i mallen.

Observera:Flexibla kolumner kan endast läggas till i sidmallar och kan inte läggas till i e-post- eller bloggmallar.


Anpassa din mall

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.

Redigera modulalternativ

Du kan redigera en moduls alternativ genom att klicka påmoduleni 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 duredigerar modulens CSS och standardinnehåll och standardinställningar.

Edit options

Byt modul

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åmoduleni layoutredigeraren och klicka sedan påByt modul. I rullgardinsmenyn som visas väljer du denmodulsom du vill ersätta den ursprungliga modulen med.

Konvertera till en global modul

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.

  • Klicka påmoduleni layoutredigeraren.
  • I modulinspektören klickar du på rullgardinsmenyn Mer och väljerKonvertera till global modul.
  • Angenamnet på den globala modulen i dialogrutan och klicka sedan påSkapa.

Ta bort modulen

Om du vill ta bort en modul klickar du påmoduleni layoutredigeraren och klickar sedan påpapperskorgen imodulinspektören.Alternativt kan du högerklicka påmodulenoch väljaTa bort modul.

Hantera din mall i sökaren

Förutom modulalternativen finns det flera åtgärder som du kan vidta för din mall.

  • Klicka påmappikonenmapp i övre högra hörnet av mallen.
  • Högerklicka pånamnetpå mallen. I rullgardinsmenyn kan du anpassa följande alternativ:
    • Kopiera till portaler: Kopiera mallen till en annan portal där du också är användare. Mallar som köpts från marknadsplatsen kan inte kopieras till andra portaler.
    • Klonmall: Detta skapar en exakt kopia av din mall och är användbart när du vill skapa en variant av en befintlig mall.
    • Klona till HTML: Detta skapar en separat HTML-version av din mall. Detta är användbart om du behöver mer kontroll över din markeringar, eller om du vill lära dig mer om hur mallar kodas.
    • Visa mallens källkod: Visa mallens källkod HTML. Till skillnad från alternativetClone to HTMLskapar dettainteen separat HTML-version av din mall.
    • Byt namn på mall:redigera mallens interna namn.
    • Visa beroende personer: 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-post/sida:Skapa ett e-postmeddelande eller en landningssida/webbplatssida direkt från mallen.
    • Ta bort mall: här raderas mallen. När en mall har raderats kommer den att vara tillgänglig i30 dagar, varefter den raderas permanent. För att återställa mallen måste du kontakta kundtjänst.
  • Dessa alternativ kan också nås frånrullgardinsmenyernaFileochActionsovan.