Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Design manager | Ofte stilte spørsmål

Sist oppdatert: juni 28, 2023

Gjelder for:

Alle produkter og planer

{%- set hs_blog_post_body -%} {%- set in_blog_post_body = true -%}

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.

Hvor kan jeg lære mer om design i HubSpot?

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:

Finnes det en HubSpot-ressurs jeg kan bruke til å feilsøke tilpasset kodet design eller HubL?

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.

Hvordan får jeg FTP-tilgang til HubSpot?

Fra og med 27. mai 2020 ble FTP avviklet og erstattet av CMS CLI. Les mer om denne kunngjøringen.

Kan jeg redigere en global gruppe for én enkelt mal?

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.

Hvilken versjon av bootstrap bruker HubSpot Template Builder?

HubSpot-layoutredigeringsprogrammet bruker et 12-kolonners rutenettsystem basert på Bootstrap 2.x, slik at maldesignere raskt kan bygge responsive nettsider i HubSpots innholdsplattform.

Kan jeg bruke mitt eget responsive rutenett med HubSpot-maler?

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.

Hvordan omstrukturerer jeg oppsettet for blogginnlegg og oppføringer?

Blogginnholdsmoduler lar deg redigere markeringen av innlegget og oppføringslayouten for å kontrollere hvor de ulike elementene i et innlegg skal gjengis.

Kan jeg gå tilbake til en tidligere versjon av en mal?

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.

Design Manager v2

Modulrammeverket v1 refererte til modulfelt ved hjelp av {{ widget.field }}. I v2-rammeverket refereres det til modulfelt ved hjelp av {{ module.field }}.

Bruk av {{ widget.field }} i v2-rammeverket vil imidlertid fortsette å fungere som forventet. Det er ikke nødvendig å oppdatere de egendefinerte modulene dine til å referere til "module".

Hvordan kan jeg legge ved JS- og CSS-filer uten "get_public_template_url"?

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.

Hvordan kan jeg legge til egendefinerte HTML- eller HubL-moduler i malen min?

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.

Hvordan kan jeg bruke JS Plugins med min egendefinerte modul?

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.

Når jeg oppgraderer, blir jeg spurt om hvor jeg ønsker å bruke denne modulen. Hva er forskjellen mellom disse alternativene?

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. upgrade-design-manager-modules

Er det noen endringer i hvordan modulene i v2 av Design Manager er kodet?

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:

{% raw %}

span #hs_cos_wrapper_widget_5038393204 { Color: blue; }

{% endraw %}

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.

Jeg får en "Nested Modules"-feil når jeg oppgraderer modulen min. Hvordan kan jeg løse dette og publisere modulen?

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.

Hvordan kan jeg legge til en global gruppe i modulen min?

I stedet for å bruke {% include %} i den egendefinerte modulen for å legge til en global gruppe, kan du legge til et menyfelt i modulen eller redigere modulens globale innhold.

Kan jeg bruke de egendefinerte v1-modulene mine i den nye designadministratoren?

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.

{%- endset -%} {%- set hs_blog_post_summary -%}