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.
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:
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.
Den 27. maj 2020 blev FTP udfaset og erstattet af CMS CLI. Læs mere om denne meddelelse.
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.
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.
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.
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.
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.
V1-modulrammen refererede til modulfelter ved hjælp af . V2-frameworket refererer til modulfelter ved hjælp af .
Hvis du bruger 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".
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.
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.
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.
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.
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.
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.
I stedet for at bruge 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.
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.