Opprett side-, e-post- og bloggmaler i layoutredigeringsprogrammet

Med en mal kan du kontrollere strukturen til ulike typer innhold på en blogg, side eller e-post. Du kan opprette maler i designbehandlingen ved å dra og slippe moduler. Lær mer om å bygge maler i HubSpot i denne Academy-leksjonen.

Før du kommer i gang

Før du begynner å jobbe med denne funksjonen, må du sørge for å forstå hvilke skritt som bør tas på forhånd, samt funksjonens begrensninger og mulige konsekvenser av å bruke den.

Forstå krav

• Kontroller at du har tillatelsen Utformingsverktøy for å opprette og redigere maler i utformingsbehandlingen.
• Det anbefales også å ha globale innholds- og temainnstillinger og tillatelser for nettstedsinnstillinger hvis du må redigere globale nettressurser og blogg-/nettstedsinnstillinger.

Forstå begrensninger og hensyn

• Et abonnement på Marketing Hub Professional eller Enterprise kreves for å opprette e-postmaler. Content Hub-kontoer kan opprette e-postmeldinger ved hjelp av dra og slipp-epostredigereren.
• Det støttes ikke å legge ved CSS- eller JavaScript-filer i en e-postmal, men du kan legge til egendefinert HTML-merking, brødtekstklasser og innebygd styling i malen. 
• Dra og slipp-maler støtter ikke alle tilgjengelige innholdsfunksjoner. Hvis du vil bruke det bredeste utvalget av verktøy, kan du lese mer om bruk av HTML + HubL-maler i stedet.

Forstå HubSpot-maler

HubSpot-maler utgjør rammeverket for blogger, sider og e-poster, mens brukerne genererer det faktiske innholdet i innholdsredigeringsprogrammet. Du kan bygge maler ved å dra og slippe innholdsmoduler for å opprette en layout. Hvis du vil opprette en mal ved hjelp av HTML i stedet, kan du lære mer om å lage en egendefinert kodet mal. 

Layoutredigereren hjelper deg med å konvertere en idé, skisse eller prototype til en responsiv mal for å lage innhold.

Opprett en ny mal

• Gå til Innhold > Design Manager i HubSpot-kontoen din.
• Klikk på Fil-menyen øverst i kolonnen til venstre, og velg Ny fil.

• Klikk på rullegardinmenyen Hva vil du bygge i dag? i dialogboksen, og velg Dra og slipp. Klikk deretter på Neste. 

• Klikk på rullegardinmenyen Maltype, og velg en type. Mens de fleste standardmoduler er tilgjengelige for en hvilken som helst mal, er noen moduler begrenset til bestemte maltyper. Du kan velge følgende maltyper:
  • Blogg: maler for individuelle blogginnlegg og bloggoppføringssider.
  • E-post: maler for e-post.
  • Side: maler for nettstedet og destinasjonssidene.
  • System: maler for feil, spørsmål om passord og sider for e-postabonnement. 
• Skriv inn et filnavn. Når du er ferdig, klikker du på Opprett.

 

Strukturer og tilpass malen din

Du kan legge til flere moduler i malen ved hjelp av inspektøren på høyre side av designadministratoren. Klikk på add til i høyre kolonne for å søke etter moduler som skal legges til i dra-og-slipp-maloppsettet. Finn ut mer om redigering av malens struktur. 

Hvis du vil tilpasse stylingen av malen, kan du bruke alternativene i høyre kolonne. Hvis ingen spesifikke moduler er valgt, kan du legge til styling i hodet på selve malen. Klikk på en modul eller gruppe for å få tilgang til stylingalternativer som er spesifikke for den komponenten. Finn ut mer om hvordan du bruker inspektøren til å style malen din.

Forhåndsvis og publiser malen din

Når du har opprettet malen, kan du forhåndsvise hvordan den vil vises på en direkteside, og deretter publisere den.

• For å forhåndsvise malen:
  • Klikk på Forhåndsvisning øverst til høyre. 
  • Hvis du velger Live preview with display options, kan du forhåndsvise malen slik den vises på andre enheter ved å velge forhåndsinnstillingen Viewport. 
  • Hvis du velger Forhåndsvisning uten visningsalternativer, kan du bare forhåndsvise hvordan malen vises i nettlesere.