Design manager | Ofte stillede spørgsmål

Find hurtigt svar og generel information om design manager-værktøjet i HubSpot. Denne ressource indeholder også links til flere ressourcer for designere, der arbejder med CMS.

Hvor kan jeg lære mere om at designe på HubSpot?

Hvis du vil vide mere om at designe på HubSpot, kan du tjekke HubSpot Academy's Growth Driven Design-certificering og HubSpot's CMS-dokumentation.

Designcertificeringen er en gratis certificering, der omfatter videotræning og en designpraktik.

HubSpots CMS-dokumentation omfatter:

• HubSpot CMS referencedokumenter
• HubL reference-dokumenter
• HubSpot Boilerplate CSS
• Selvstudier
• Eksempler på inspiration
• Designernes blog

Er der en HubSpot-ressource, jeg kan bruge til at fejlfinde brugerdefineret kodet design eller HubL?

Den bedste ressource til at interagere med HubSpot-designerfællesskabet er HubSpot-designforummet. Dette forum overvåges af HubSpot-designere og HubSpot-brugere med designekspertise.

Hvis du har spørgsmål om HubSpot API-udvikling, kan du tjekke forummet for udviklere.

Hvordan får jeg FTP-adgang til HubSpot?

Den 27. maj 2020 blev FTP udfaset og erstattet af CMS CLI. Læs mere om denne meddelelse.

Kan jeg redigere en global gruppe for en enkelt skabelon?

Mens globale moduler kan konverteres tilbage til et lokalt modul, kan globale grupper ikke. Hvis du vil redigere en global gruppe for en enkelt skabelon, skal du klone den globale gruppe og derefter tilføje klonen til din skabelon.

Hvilken version af bootstrap bruger HubSpot Template Builder?

HubSpots layout-editor bruger et 12-kolonne grid-system baseret på Bootstrap 2.x, så skabelondesignere hurtigt kan bygge fuldt responsive websider inden for HubSpots indholdsplatform.

Kan jeg bruge mit eget responsive grid med HubSpot-skabeloner?

Alle HubSpot drag and drop-layouts inkluderer automatisk layout.css for at gøre modulerne responsive. Hvis du vil bruge et andet eller brugerdefineret responsivt grid som Bootstrap 3, skal du enten tilsidesætte CSS'en i layout.css eller bruge kodede skabeloner, hvor layout.css ikke er vedhæftet.

Hvordan omstrukturerer jeg layoutet på mine blogindlæg og lister?

Blogindholdsmoduler giver dig mulighed for at redigere markeringen af indlægget og opslagslayoutet for at kontrollere, hvor de forskellige elementer i et indlæg gengives.

Kan jeg vende tilbage til en tidligere version af en skabelon?

Alle skabelonlayouts, kodede filer og sider har en revisionshistorik, der giver dig mulighed for at rulle tilbage til en hvilken som helst version af en skabelon eller et stykke indhold. For skabeloner eller kodede filer skal du klikke på Handlinger > Vis revision er for at få adgang til revisionshistorikken.

Design Manager v2

Hvad er forskellen mellem "widget" og "modul", når der henvises til modulfelter?

V1-modulrammen refererede til modulfelter ved hjælp af {{ widget.field }}. V2-frameworket refererer til modulfelter ved hjælp af {{ module.field }}.

Hvis du bruger {{ widget.field }} i v2-frameworket, vil det dog fortsat fungere som forventet. Det er ikke nødvendigt at opdatere dine brugerdefinerede moduler, så de refererer til "module".

Hvordan kan jeg vedhæfte JS- og CSS-filer uden "get_public_template_url"?

I stedet for at bruge"get_public_template_url" til at få adgang til JavaScript- og CSS-filer, kan disse filer nu vedhæftes direkte til modulets sidebar-editor i afsnittet Linked files. CSS- og JS-filer, der er inkluderet her, vil automatisk blive indlæst på sider, der bruger modulet.

Hvordan kan jeg tilføje Custom HTML- eller Custom HubL-moduler til min skabelon?

HTML- og HubL-moduler er blevet fjernet. Disse moduler var en hurtig måde for udviklere at tilføje uddrag af HTML og HubL til en skabelon. Men de kan gøre skabeloner svære at forstå og redigere. For at gøre skabeloner mere forudsigelige og vedligeholdelige blev disse moduler fjernet til fordel for at holde al kode inden for rammerne af brugerdefinerede moduler.

Hvis du har brug for at tilføje HTML på sideniveau på en hjemmeside, kan HTML-modulet downloades på HubSpot Marketplace.

Hvordan kan jeg bruge JS Plugins med mit brugerdefinerede modul?

Hvis du bruger et tredjepartsscript, skal du linke scriptfilen til sektionen Linked files i moduleditoren. Derefter kan du udløse pluginet i JS-sektionen i kodeeditoren. Hvis du har brug for at sende parametre til pluginet, kan du bruge dataattributter i HTML + HubL-sektionen i editoren til at gemme disse værdier.

Når jeg opgraderer, bliver jeg spurgt, hvor jeg gerne vil bruge dette modul. Hvad er forskellen mellem disse muligheder?

Hvis du bruger et brugerdefineret modul i en e-mail, vil CSS- og JS-sektionerne ikke blive vist i editoren, fordi stylesheets og JavaScript ikke understøttes i de fleste e-mailklienter. For e-mailmoduler kan du stadig inkludere den nødvendige styling i <style>-tags.

Hvis du bruger et modul på dine sider eller blogindlæg, vil JS- og CSS-sektionerne blive vist som forventet.

Er der nogen ændringer i, hvordan modulerne i v2 af designmanageren er kodet?

Moduler i v2 af designmanageren er pakket ind i <div>-tags, men moduler i den gamle designmanager var pakket ind i <span>-tags. Denne ændring vil kun påvirke dit modul, hvis du henviser til modulets span i et stilark. For eksempel vil følgende erklæring ikke gælde i den nye design manager:

span #hs_cos_wrapper_widget_5038393204 { Color: blue; }

Du kan erstatte <span>-tagget med et <div>-tag. Det anbefales dog ikke at stole på standard HubSpot-wrappers til at skrive din CSS. Det er bedre at bruge brugerdefinerede CSS-klasser, såsom "my-custom-module", i stedet.

Jeg får en "Nested Modules"-fejl, når jeg opgraderer mit modul. Hvordan kan jeg løse dette og udgive modulet?

Læs mere om, hvordan du identificerer og løser en fejl i et indlejret modul. For indlejrede moduler, der bruges på flere skabeloner, er det bedst at klone modulet først forat forhindre tab af indhold på sideniveau. Løs derefter fejlene i det klonede modul, og brug klonen i dine skabeloner fremover.

Hvordan kan jeg tilføje en global gruppe til mit modul?

I stedet for at bruge {% include %} i dit brugerdefinerede modul til at tilføje en global gruppe, kan du tilføje et menufelt til dit modul eller redigere modulets globale indhold.

Kan jeg bruge mine v1-tilpassede moduler i den nye designmanager?

Ja,du kan redigere alle ældre moduler i moduleditoren. Du vil se valideringsadvarsler og forslag til kode, der ikke understøttes i v2-modulrammen, men du vil fortsat kunne redigere og bruge disse moduler i HubSpot.

Selvom du kan beholde alle dine eksisterende brugerdefinerede moduler, kan du ikke oprette nye moduler ved hjælp af det gamle framework. Hvis du kloner et ældre modul, vil det klonede modul blive oprettet i det nye modul-framework.