Löydät nopeasti vastauksia ja yleistä
tietoa HubSpotin suunnittelunhallintatyökalusta. Tämä resurssi sisältää myös linkkejä CMS:n parissa työskentelevien suunnittelijoiden lisäresursseihin.Jos haluat lisätietoja suunnittelusta HubSpotissa, tutustuHubSpot Academyn Growth Driven Design-sertifiointiin jaHubSpotin CMS-asiakirjoihin
.Suunnittelusertifiointi on ilmainen sertifiointi, joka sisältää videokoulutuksen ja suunnitteluharjoittelun.
HubSpotin CMS-dokumentaatio sisältää mm:
Paras resurssi vuorovaikutukseen HubSpotin suunnittelijayhteisön kanssa onHubSpotin suunnittelufoorumi
. Tätä foorumia valvovat HubSpot-suunnittelijat ja HubSpot-käyttäjät, joilla on suunnitteluasiantuntemusta.HubSpotin API-kehitykseen liittyviä kysymyksiä varten kannattaa tutustuaKehittäjien foorumiin
.Toukokuun 27. päivästä 2020 alkaen FTP:n käyttö lopetettiin ja korvattiin CMS CLI:llä. Lue lisää tästä ilmoituksesta.
Vaikka globaalit moduulit voidaanmuuntaa takaisin paikallisiksi moduuleiksi
, globaaleja ryhmiä ei voi muuttaa. Jos haluat muokata yksittäisen mallin globaalia ryhmää, kloonaa globaali ryhmä ja lisää klooni sitten malliisi.HubSpotin ulkoasueditori käyttääBootstrap 2.x:äänperustuvaa12 sarakkeen ruudukkojärjestelmää, jonka avulla mallisuunnittelijat voivat nopeasti rakentaa täysin responsiivisia verkkosivuja HubSpotin sisältöalustalla
.Kaikki HubSpotin vedä ja pudota -asettelut sisältävätautomaattisestilayout.css-tiedoston
, jotta moduuleista saadaan responsiivisia. Jos haluat käyttää erilaista tai mukautettua responsiivista ruudukkoa, kuten Bootstrap 3:a, sinun on joko ohitettava layout.css:ssä oleva CSS tai käytettävä koodattuja malleja, joihin layout.css:ää ei ole liitetty.Blogin sisältömoduulien avulla voitmuokata postauksen merkintää ja listausasettelua
, jotta voit hallita, missä postauskohteen eri elementit renderöidään.Kaikissa mallien ulkoasuissa, koodatuissa tiedostoissa jasivuissa on tarkistushistoria, jonka avulla voit palata mihin tahansa mallin tai sisällön versioon. Mallien tai koodattujen tiedostojen osalta pääset tarkistushistoriaan valitsemallaToiminnot>
Näytä tarkistukset.Moduulikehys v1 viittasi moduulikenttiin käyttämällä . V2-kehys viittaa moduulikenttiin käyttämällä .
:n käyttäminen v2-kehyksessä toimii kuitenkin edelleen odotetusti. Mukautettuja moduuleja ei tarvitse päivittää viittaamaan "moduuliin".
Sen sijaan, että JavaScript- jaCSS-tiedostojen käytt
ämiseen
käytettäisiin "get_public_template_url"-kohtaa, nämä tiedostot voidaan nyt liittää suoraanmoduulin sivupalkin editorinLinkitetyt tiedostot-osioon.Tähän liitetyt CSS- ja JS-tiedostot ladataan automaattisesti moduulia käyttäville sivuille.
HTML- ja HubL-moduulit on poistettu. Nämä moduulit tarjosivat kehittäjille nopean tavan lisätä HTML- ja HubL-pätkiä malliin. Ne voivat kuitenkin tehdä malleista vaikeasti ymmärrettäviä ja muokattavia. Jotta malleista tulisi helpommin ennustettavia ja ylläpidettäviä, nämä moduulit poistettiin ja kaikki koodi säilytettiin mukautettujen moduulien sisällä.
Jos haluat lisätä HTML:ää sivutasolla verkkosivustoon, HTML-moduulin voi ladataHubSpot Marketplace-palvelusta.
Jos käytät kolmannen osapuolen skriptiä, linkität skriptitiedoston moduulieditorinLinkitetyt tiedostot-osioon. Sitten voitkäynnistää laajennuksen koodieditorin JS-osiossa. Jos sinun on välitettävä parametreja liitännäiselle, voit käyttää data-attribuutteja koodieditorin HTML + HubL -osiossa näiden arvojen tallentamiseen.
Jos käytät mukautettua moduulia sähköpostissa, CSS- ja JS-osiot eivät näy editorissa, koska useimmat sähköpostiohjelmat eivät tue tyylilomakkeita ja JavaScriptiä. Sähköpostimoduuleissa voit silti sisällyttää tarvittavat muotoilut <style>-tageihin.
Jos käytät moduulia sivuillasi tai blogikirjoituksissa, JS- ja CSS-osiot näkyvät odotetusti.
Muotoilunhallinnan v2:n moduulit on kiedottu <div>-tageihin, mutta vanhan muotoilunhallinnan moduulit oli kiedottu <span>-tageihin. Tämä muutos vaikuttaa moduuliisi vain, jos viittaat moduulin spaniin tyylitaulussa. Esimerkiksi seuraavaa julistusta ei sovelleta uudessa design managerissa:
span #hs_cos_wrapper_widget_5038393204 {
Väri: sininen;
}
Voit korvata <span>-tunnisteen <div>-tunnisteella.CSS:n kirjoittamisessa ei kuitenkaan ole suositeltavaa luottaa HubSpotin oletusarvoihin perustuviin wrappereihin. Sen sijaan on parempi käyttää mukautettuja CSS-luokkia, kuten "my-custom-module".
Lue lisää siitä, miten tunnistat ja ratkaiset sisäkkäisen moduulin virheen.Useissa malleissa käytettävien sisäkkäisten moduulien kohdalla on parasta kloonata moduuli ensin, jotta sivutason sisältö ei katoa. Ratkaise sitten kloonatun moduulin virheet ja käytä kloonattua moduulia malleissasi jatkossa.
Sen sijaan, että käyttäisit mukautetussa moduulissasi :tä globaalin ryhmän lisäämiseksi, voit lisätä moduuliin valikkokentän tai muokata moduulin globaalia sisältöä.
Kyllä,voit muokata kaikkia vanhoja moduuleja moduulieditorissa. Näet validointivaroituksia ja ehdotuksia koodista, jota v2-moduulikehys ei tue, mutta voit jatkaa näiden moduulien muokkaamista ja käyttöä HubSpotissa.
Voit säilyttää kaikki nykyiset mukautetut moduulisi, mutta et voi luoda uusia moduuleja vanhan kehyksen avulla. Jos kloonaat vanhan moduulin, kloonattu moduuli luodaan uudessa moduulikehyksessä.