Luo ja muokkaa moduuleja suunnittelun hallinta

suunnittelun hallinta avulla voit luoda mukautettuja moduuleja, joilla voit lisätä lisäominaisuuksia blogiisi, sivuihisi tai sähköposteihisi. Mukautetut moduulit tarjoavat laajan valikoiman toimintoja, jotta sisältöä voidaan mukauttaa täysin sivun, sähköpostin tai blogin editorissa.

Huomaa: moduulien luominen edellyttää HTML:n, CSS, HubL ja HubSpotin suunnittelun hallinta tuntemusta. HubSpot suosittelee yhteistyötä kehittäjän kanssa koodattujen moduulien luomiseksi.

Luo uusi moduuli

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Napsauta hakuikkunan yläreunassa Tiedosto-pudotusvalikkoa ja valitse Uusi tiedosto.

3. Napsauta valintaikkunassa Mitä haluat rakentaa tänään? -pudotusvalikkoa ja valitse Moduuli.
4. Napsauta Seuraava.
5. Valitse Missä haluat käyttää tätä moduulia -kentässä valintaruutu kunkin sisältötyypin kohdalla, jossa moduulia käytetään (esim. blogikirjoitukset, sähköpostit tai laskeutumissivut). 
6. Valitse Moduulin sisällön laajuus -kentässä vaihtoehto (esim. Paikallinen moduuli tai Globaali moduuli). Jos luot globaalin moduulin, moduulin sisällön muokkaaminen päivittää kaikki sijainnit, joissa moduulia käytetään. 
7. Anna moduulin tiedostonimi .
8. Jos haluat muuttaa moduulin tiedostosijaintia, napsauta Tiedoston sijainti -osiossa kohtaa Muuta. Valitse ponnahdusikkuna uusi sijainti ja napsauta sitten Valitse.
9. Kun olet valmis, napsauta Luo.
10. Jatka moduulin muokkaamista.

Huomaa: sähköposteissa käytettävät moduulit voidaan luoda vain tileille, joilla on Marketing Hub Professional- tai tilaus. Ne eivät voi sisältää CSS tai JavaScriptiä. 

Muokkaa moduulia

Kun olet luonut moduulin suunnittelun hallinta, voit muokata sen toimintoja ja ulkonäköä. Nimike moduuli selkeyden vuoksi, lisää ja määritä kenttiä ja säädä kenttäeditorin vaihtoehtoja, kuten oletussisältöä. Aseta näyttöolosuhteet ja toistinvaihtoehdot ja ryhmittele niihin liittyvät kentät paremman järjestyksen vuoksi. Voit myös kopioida ja liittää kenttäpätkiä, kirjoittaa mukautettua moduulin syntaksia, lisätä hyödyllistä opastavaa tekstiä ja muokata sitä, minkä mallipohja kanssa moduulia voidaan käyttää.

Lisää nimike moduuliin

suunnittelun hallinta voit lisätä tai päivittää moduulin nimike, jotta käyttäjät voivat tunnistaminen moduulin sisältöeditorissa. Jos nimike on tyhjä, moduulin nimi näytetään oletusarvoisesti.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa etsimessä moduuli , jonka nimike haluat muokata, napsauttamalla sitä.
3. Kirjoita tarkastuskenttään nimike.

Kenttien lisääminen moduuliin

Lisää moduuliin kenttiä, joilla voit määrittää moduulin sisällön tai muotoilun ja tehdä siitä muokattavissa olevan sisältöeditorissa. Lisätietoja käytettävissä olevista kenttätyypeistä. 

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa moduuli napsauttamalla hakulaitteessa.
3. Napsauta tarkastajan Kentät-osiossa Lisää kenttä -pudotusvalikkoa. Valitse sitten moduuliin lisättävä kenttä .

4. Voit muokata kentän nimeä napsauttamalla edit muokkauskuvaketta ja kirjoita uusi nimi. Jos haluat muokata HubL nimeä, kirjoita uusi nimi HubL nimi -kenttään. 

Mukauta kentän oletussisältöä

Sisältöasetukset-osiossa voit lisätä oletussisältöä, joka näkyy, kun moduulia käytetään malleissa ja sisällönmuokkaimissa. Oletussisältöä koskevat vaihtoehdot vaihtelevat kentän tyypin mukaan.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa moduuli napsauttamalla hakulaitteessa.
3. Vie hiiren kursori tarkastajan Kentät-osiossa kentän päälle ja valitse Muokkaa.
4. Lisää tai muokkaa Sisältöasetukset-osiossa oletussisältöasetuksia. Käytettävissä olevat oletussisältövaihtoehdot riippuvat valitusta kenttätyypistä.

Esimerkiksi lisäämällä moduuliin Päivämäärä ja aika -kenttätyypin voit valita oletuspäivämäärän ja -ajan. Voit myös syöttää oletusaikavälin.

Aseta kenttäeditorin asetukset

Editor Options -osiossa voit tehdä kentän pakolliseksi ja estää sen muokkaamisen sisältöeditorissa. Voit myös mukauttaa ohjetekstiä. 

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa moduuli napsauttamalla hakulaitteessa.
3. Vie hiiren kursori tarkastajan Kentät-osiossa kentän päälle ja valitse Muokkaa.
4. Jos haluat tehdä kentästä pakollisen, vaihda Muokkaa tämä kenttä pakolliseksi -vaihtoehto Editor options -osiossa. Tämä estää käyttäjiä jättämästä kenttää tyhjäksi sisältöeditorissa.
5. Jos haluat estää kentän sisällön muokkaamisen, kytke Estä muokkaaminen sisällön muokkaajissa -kytkin päälle. Kentän sisältöä voidaan edelleen muokata suunnittelun hallinta mallipohja tasolla. Tämä vaihtoehto ei ole käytettävissä globaaleissa moduuleissa.
6. Jos haluat lisätä kontekstia tai ohjeita kentän käyttöön, kirjoita tekstiä Tooltip-ohje-tekstikenttään tai Inline-ohje-tekstikenttään .
   • Tooltip-ohje: tämä teksti tulee näkyviin tooltipissä, kun käyttäjä vie hiiren hiiren osoitteen infoCircleIcon infokuvaketta sisältöeditorissa.
   • Inline-ohjeteksti: Tämä teksti näkyy kentän alla, kun käyttäjä muokkaa moduulia sisältöeditorissa.

Aseta kentän näyttöolosuhteet

Näyttöehdot-osiossa voit kentän näyttöehtojen avulla asettaa moduulin kentän näkymään vain, jos jokin toinen kenttä täyttää tietyt kriteerit.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa moduuli napsauttamalla hakulaitteessa.
3. Vie hiiren kursori tarkastajan Kentät-osiossa kentän päälle ja valitse Muokkaa.
4. Napsauta Näytä ehdot -osiossa HubL pudotusvalikkoa ja valitse muuttuja. 
5. Napsauta toista pudotusvalikkoa ja valitse vaihtoehto (esim. On yhtä suuri kuin tai Ei ole tyhjä). Valitusta vaihtoehdosta riippuen saatetaan tarvita useampia ehtokenttiä. Jos esimerkiksi valitset Is equal to, tarvitaan lisäarvokenttä.
6. Oletusarvoisesti näyttöehdot kytkeytyvät automaattisesti päälle, kun ehto on määritetty. Voit poistaa näyttöolosuhteet käytöstä kytkemällä näyttöolosuhteet-kytkimen pois päältä.

Aseta kentän toistimen asetukset

Toistovaihtoehdot-osiossa voit määrittää kenttien ja ryhmien toistovaihtoehdot . Kun toistovaihtoehdot on otettu käyttöön, useita objekteja luodaan ja näytetään käyttämällä apuna for silmukkaa.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa moduuli napsauttamalla hakulaitteessa.
3. Vie hiiren kursori tarkastajan Kentät-osiossa kentän päälle ja valitse Muokkaa.
4. Kirjoita Repeater options (Toistimen asetukset ) -osassa numero kenttiin Minimum ja Maximum (valinnainen) . Tämä asettaa kentän vähimmäiskertojen määrän moduulissa enimmäisarvoon asti. 
5. Jos haluat määrittää, kuinka monta kertaa kenttä näytetään oletusarvoisesti, kirjoita numero objekti määrä -kenttään.
6. Oletusarvoisesti toistinvaihtoehdot kytkeytyvät automaattisesti päälle, kun ne on määritetty. Jos haluat poistaa toistinvaihtoehdot käytöstä, kytke Toistinvaihtoehdot-kytkin pois päältä.

Esimerkiksi kuvakentän toistovaihtoehtoja muutetaan siten, että ne näyttävät vähintään kolme ja enintään viisi kuvakenttää. Oletusarvoksi on määritetty neljä kuvakenttää. Sisältöeditorissa käyttäjä näkee oletusarvoisesti neljä kuvakenttää, ja hän voi lisätä yhden kuvakentän lisää tai poistaa olemassa olevan kuvakentän.

Ryhmämoduulin kentät

Kun olet luonut kenttiä, voit ryhmitellä ne yhteen, jotta kentät pysyvät järjestettyinä merkityksellisyyden mukaan. Kenttäryhmiä voidaan käyttää mukautetun kenttälogiikan luomiseen. Voit ryhmitellä enintään neljä kenttää yhteen. Lisätietoja moduulin kenttäryhmistä.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa moduuli napsauttamalla hakulaitteessa.
3. Napsauta tarkastajan Kentät-osiossa Toiminnot-pudotusvalikkoa ja valitse Ryhmä.
4. Valitse yksi tai useampi kenttä , jotka haluat ryhmitellä, ja valitse sitten Luo ryhmä.

Lisää ohjeen tekstiä moduuliin

Editorin asetukset -osiossa voit lisätä ohjetekstiä, joka antaa käyttäjille kontekstin moduulin muokkaamisen aikana. Tämä teksti näkyy moduulisi kenttien yläpuolella. 

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa moduuli napsauttamalla hakulaitteessa.
3. Kirjoita tarkastajan Editor options -osion Inline help text -kenttään teksti .

Hallitse moduulin sisältötyyppejä ja saatavuutta

Lisää tai poista sisältötyypit, joihin käyttäjät voivat käyttää moduulia, kuten blogikirjoitukset tai laskeutumissivut. Voit myös kytkeä moduulin saatavuuden malleissa ja sivuilla päälle tai pois päältä.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa moduuli napsauttamalla hakulaitteessa.
3. Voit muokata moduulin sisältötyyppejä napsauttamalla moduulin nimen alla olevaa Sisältötyypit-kohtaa oikeassa yläkulmassa olevassa tarkastuksessa .

1. • Valitse tai poista valintaikkunassa valintaruutu kunkin sellaisen sisältötyypin vierestä , jossa moduulia käytetään tai ei käytetä (esim. blogikirjoitukset, sähköpostit tai laskeutumissivut). 
   • Kun olet valmis, napsauta Päivitä.

4. Jos haluat hallita moduulin saatavuutta malleissa tai sivuilla, vaihda oikeassa yläkulmassa kohtaa Aseta saataville malleissa ja sivuilla . Jos haluat testata moduulin toimivuutta tai poistaa sen saatavuuden malleissa ja sivuilla, kytke Ota käyttöön malleissa ja sivuilla -kytkin pois päältä. 

Huomaa: Jos kytket pois päältä vaihtoehdon Aseta saataville malleihin tai sivuihin kytkimen, moduuli ei poista moduulia mistään olemassa olevista malleista tai sivuista.

Kopioi ja liitä kentän pätkiä

Kun lisäät kentän moduuliin, voit kopioida ja liittää kentän valmisteksti moduulieditorin module.html (HTML + HubL) -osioon.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa moduuli napsauttamalla hakulaitteessa.
3. Vie hiiren kursori tarkastajassa moduulin kentän päälle ja napsauta Kentät-osiossa olevaa Toiminnot-pudotusvalikkoa . Valitse sitten Kopioi valmisteksti.  
4. Liitä valmisteksti moduulieditorissa haluttuun paikkaan moduuli.html-osiossa (HTML. + HubL) . Voit käyttää pikanäppäimiä Cmd+V tai Ctrl+V. 

Kirjoita moduulin syntaksi

Kun muokkaat moduulia, voit kirjoittaa moduulin syntaksin moduulien module.html (HTML + HubL), module.css ja module.js moduulieditoriosioihin. Lisätietoja moduulieditorista ja moduulien yleiskatsauksesta.

Moduulin esikatselu ja julkaisu

Kun olet saanut moduulin muokkauksen valmiiksi, mukaan lukien kenttien lisääminen ja moduulin syntaksin kirjoittaminen, voit esikatsella ja julkaista moduulin. 

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa moduuli napsauttamalla hakulaitteessa.
3. Voit esikatsella moduulin valitsemalla oikeassa yläkulmassa olevaa Preview (Esikatselu ) -painiketta. Sinut ohjataan uuteen selaimen välilehteen moduulin esikatselua varten. Tämä esikatselu synkronoituu moduulieditorin kanssa ja päivittyy automaattisesti, kun muutoksia tehdään.
4. Voit julkaista moduulin valitsemalla Julkaise muutokset. 

Moduulin lisääminen mallipohja

Kun olet julkaissut moduulin, voit käyttää sitä eri malleissa lisäämällä sen vedä ja pudota mallipohja tai mukautettuun koodattuun mallipohja suunnittelun hallinta. Jos haluat lisätä moduuleja sisältöeditorissa, katso lisätietoja moduulien lisäämisestä ja muokkaamisesta sisältöeditorissa.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa mallipohja napsauttamalla hakulaitteessa.
3. Jos haluat lisätä moduulin raahaa ja pudota mallipohja ulkoasueditorissa, napsauta + Lisää-välilehteä tarkastajan yläosassa.
   • Kirjoita hakukenttään moduulin nimi . Jos haluat rajata haun mukautettuihin moduuleihin, napsauta Filter by category or tags -pudotusvalikkoa ja valitse Custom modules.
   • Napsauta dragHandleIcon raahaa ja pudota -kuvaketta ja siirrä moduuli paikalleen asettelueditorissa.
4. Moduulin lisääminen mukautettuun mallipohja:
   •  Napsauta hiiren kakkospainikkeella tai Ctrl+napsauta moduulia hakemistossa ja valitse Copy valmisteksti. Vaihtoehtoisesti voit avata moduulin napsauttamalla sitä ja napsauttaa sitten tarkastajan Mallipohja käyttö -osiossa Kopioi valmisteksti.
   • Liitä moduulin valmisteksti koodieditoriin mukautetussa mallipohja.
5. Kun olet valmis, napsauta oikeassa yläkulmassa olevaa Julkaise muutokset -painiketta.

Esimerkki: Luo lähtölaskentamoduuli

1. Luo moduuli suunnittelun hallinta ja nimeä se'Countdown Timer'.
2. Napsauta tarkastajan Kenttä-osiossa Lisää kenttä -pudotusvalikkoa.

• • Valitse Päivämäärä ja aika -kenttä. Kirjoita nimi 'Tapahtuma päivämäärä ja kellonaika'. Tämä päivittää HubL nimikentän muotoon event_date_and_time.

• • Valitse Väri-kenttä . Kirjoita nimi 'Timer Font Color'. Tämä päivittää HubL nimikentän muotoon timer_font_color.

Huomaa: HubL nimien on vastattava alla olevassa module.html (HTML + HubL) -koodiosiossa olevia muuttujien nimiä.

3. Kopioi ja liitä seuraava koodi moduulieditorissa kyseiseen -osioon:

4. Kun olet valmis, esikatsele ja julkaise moduuli.
5. Jatka moduulin lisäämistä mallipohja.