Her finner du raskt svar og generell informasjon om design manager-verktøyet i HubSpot. Denne ressursen inneholder også lenker til flere ressurser for designere som arbeider med CMS.
Hvis du vil lære mer om design i HubSpot, kan du ta en titt på HubSpot Academys Growth Driven Design-sertifisering og HubSpots CMS-dokumentasjon.
Designsertifiseringen er en gratis sertifisering som inkluderer videoopplæring og en designpraksis.
HubSpots CMS-dokumentasjon inkluderer:
Den beste ressursen for interaksjon med HubSpots designerfellesskap er HubSpots designforum. Dette forumet overvåkes av HubSpot-designere og HubSpot-brukere med designekspertise.
Hvis du har spørsmål om HubSpot API-utvikling, kan du ta en titt på forumet for utviklere.
Fra og med 27. mai 2020 ble FTP avviklet og erstattet av CMS CLI. Les mer om denne kunngjøringen.
Globale moduler kan konverteres tilbake til en lokal modul, men ikke globale grupper. Hvis du vil redigere en global gruppe for en enkelt mal, må du klone den globale gruppen og deretter legge til klonen i malen.
HubSpot-layoutredigeringsprogrammet bruker et 12-kolonners rutenettsystem basert på Bootstrap 2.x, slik at maldesignere raskt kan bygge responsive nettsider i HubSpots innholdsplattform.
Alle HubSpots dra-og-slipp-layouter inkluderer automatisk layout.css for å gjøre modulene responsive. Hvis du vil bruke et annet eller tilpasset responsivt grid, for eksempel Bootstrap 3, må du enten overstyre CSS-en i layout.css eller bruke kodede maler der layout.css ikke er vedlagt.
Blogginnholdsmoduler lar deg redigere markeringen av innlegget og oppføringslayouten for å kontrollere hvor de ulike elementene i et innlegg skal gjengis.
Alle maloppsett, kodede filer og sider har en revisjonshistorikk som gjør at du kan gå tilbake til en hvilken som helst versjon av en mal eller et innholdselement. For maler eller kodede filer klikker du på Handlinger > Vis revis joner for å få tilgang til revisjonshistorikken.
Modulrammeverket v1 refererte til modulfelt ved hjelp av . I v2-rammeverket refereres det til modulfelt ved hjelp av .
Bruk av i v2-rammeverket vil imidlertid fortsette å fungere som forventet. Det er ikke nødvendig å oppdatere de egendefinerte modulene dine til å referere til "module".
I stedet forå bruke"get_public_template_url" for å få tilgang til JavaScript- og CSS-filer, kan disse filene nå legges ved direkte i modulens sidefeltredigeringsprogram i delen Koblede filer. CSS- og JS-filer som er inkludert her, lastes automatisk inn på sider som bruker modulen.
HTML- og HubL-moduler er fjernet. Disse modulene var en rask måte for utviklere å legge til utdrag av HTML og HubL i en mal. De kan imidlertid gjøre malene vanskelige å forstå og redigere. For å gjøre malene mer forutsigbare og vedlikeholdbare ble disse modulene fjernet til fordel for å holde all kode innenfor rammen av egendefinerte moduler.
Hvis du trenger å legge til HTML på sidenivå på et nettsted, kan HTML-modulen lastes ned fra HubSpot Marketplace.
Hvis du bruker et skript fra en tredjepart, kobler du skriptfilen til delen Koblede filer i modulredigeringsprogrammet. Deretter kan du aktivere plugin-modulen i JS-delen av kodeditoren. Hvis du må sende parametere til programtillegget, kan du bruke dataattributter i HTML + HubL-delen av redigeringsprogrammet til å lagre disse verdiene.
Hvis du bruker en egendefinert modul i en e-post, vises ikke CSS- og JS-delene i redigeringsprogrammet fordi stilark og JavaScript ikke støttes i de fleste e-postklienter. For e-postmoduler kan du likevel inkludere nødvendig styling i <style>-tagger.
Hvis du bruker en modul på sidene eller blogginnleggene dine, vises JS- og CSS-delene som forventet.
Modulene i v2 av Design Manager er pakket inn i <div>-tagger, mens modulene i den gamle Design Manager var pakket inn i <span>-tagger. Denne endringen vil bare påvirke modulen din hvis du refererer til modulens span i et stilark. Følgende erklæring vil for eksempel ikke gjelde i den nye designadministratoren:
span #hs_cos_wrapper_widget_5038393204 { Color: blue; }
Du kan erstatte <span>-taggen med en <div>-tagg. Det anbefales imidlertid ikke å bruke standard HubSpot-innpakninger til å skrive CSS. Det er bedre å bruke egendefinerte CSS-klasser, for eksempel "my-custom-module", i stedet.
Finn ut mer om hvordan du identifiserer og løser en feil med nestede moduler. For nestede moduler som brukes i flere maler, er det best å klone modulen først forå unngå tap av innhold på sidenivå. Deretter løser du feilene i den klonede modulen og bruker klonen i malene dine fremover.
I stedet for å bruke i den egendefinerte modulen for å legge til en global gruppe, kan du legge til et menyfelt i modulen eller redigere modulens globale innhold.
Ja,du kan redigere alle eldre moduler i modulredigeringsprogrammet. Du vil se valideringsadvarsler og forslag for kode som ikke støttes i v2-modulrammeverket, men du kan fortsette å redigere og bruke disse modulene i HubSpot.
Du kan beholde alle eksisterende egendefinerte moduler, men du kan ikke opprette nye moduler med det gamle rammeverket. Hvis du kloner en gammel modul, vil den klonede modulen opprettes i det nye modulrammeverket.