Mallien jäsentäminen ja mukauttaminen ulkoasueditorin avulla

Käytä suunnittelunhallinnan ulkoasueditoria raahaa ja pudota -mallien jäsentämiseen ja mukauttamiseen. Järjestelemällä moduuleja, ryhmiä ja sarakkeita voit hallita sisällön jäsentelyä eri sivuilla. Tämä antaa myös sisällöntuottajille enemmän hallintaa sivueditorissa.

Ennen kuin aloitat

Ennen kuin jäsennät ja muokkaat sivuja Design Managerin asettelueditorin avulla, tutustu vaatimuksiin ja näkökohtiin.

Ymmärrä rajoitukset ja näkökohdat

• Mallin muutokset koskevat kaikkea kyseistä mallia käyttävää sisältöä.
• Jotkin ominaisuudet, kuten joustavat sarakkeet, ovat käytettävissä vain sivumalleissa.

Mallin jäsentäminen

Käytä ulkoasueditoria jäsentämään, miten sisältö järjestetään mallin sisällä.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Avaa malli ulkoasueditorissa napsauttamalla hakulaitteessa mallia.

Moduulien lisääminen ja järjestäminen

Moduulit ovat mallin ulkoasun rakennuspalikoita. Moduulin vetäminen toisen moduulin viereen luo sarakkeita. Moduulin vetäminen toisen päälle ryhmittää moduulit.

1. Napsauta tarkastajassa + Lisää.
2. Kirjoita tekstiä etsiessäsi moduulia ja napsauta sitten moduulia.
3. Vedä moduuli asettelueditoriin.

Sarakkeiden leveyden muuttaminen

Voit muuttaa sarakkeen leveyttä:

1. Siirry asettelueditorissa kahden moduulin väliin.
2. Säädä sarakkeen leveyttä napsauttamalla ja vetämällä vaakasuunnassa.

Moduulien ryhmittely

Ryhmittele moduuleja mallin osioiden järjestämiseksi.

Moduulien ryhmittely:

1. Valitse asettelueditorissa moduuli.
2. Pidä Control-näppäintä (Windows) tai Command-näppäintä (Mac) painettuna ja valitse lisää moduuleja.
3. Napsauta tarkastajassa groupModule Ryhmittele moduulit -kuvaketta.

Huomaa: moduuliryhmät eivät voi ylittää jakson erottimia tai sisältää osittain valittua moduuliryhmää.

Moduulien jakaminen vaakasuoraan

Moduulin jakaminen jakaa moduulin kahtia, jolloin syntyy kaksi moduulia.

Moduulin jakaminen:

1. Napsauta asettelueditorissa moduulia

2. Napsauta tarkastajassa splitModule Jaa moduuli -kuvaketta.

Keskitä moduulit

Keskitä moduulit ja ryhmät sivulla vaakasuuntaisilla välilevyillä tai lisää tyhjää tilaa niiden molemmille puolille.

Vaakasuuntaisen välikappaleen lisääminen:

1. Napsauta tarkastajassa + Lisää.

2. Kirjoita hakukenttään vaakasuora välikappale. Vedä sitten Vaakasuora välikappale -moduuli paikalleen mallin ulkoasueditorissa.

3. Jos haluat muuttaa vaakasuuntaisen välikappaleen kokoa, muuta sen muista moduuleista erottavan sarakkeen leveyttä.

4. Jos haluat keskittää moduulin tai ryhmän, lisääVaakasuora välikappale -moduulit kummallekin puolelle.

Joustavan sarakkeen lisääminen

Joustavat sarakkeet on suunniteltu helpottamaan sisällönhallintaa sivutasolla sisällöntuottajille. Kun HubSpot-sivumalliin lisätään joustava sarake, käyttäjille annetaan mahdollisuus lisätä, poistaa ja järjestää moduuleja uudelleen yksittäisen sivun editorissa. Tämän ominaisuuden ansiosta suunnittelijat voivat luoda vähemmän malleja, mutta markkinoijat voivat silti joustavasti mukauttaa jokaisen sivun tarpeidensa mukaiseksi.

1. Napsauta tarkastajassa + Lisää.

2. Kirjoita joustava sarake hakukenttään. Vedä sitten Joustava sarake -moduuli paikalleen mallineeseen ulkoasueditorissa.

Mukauta malliasi

Kun olet jäsentänyt mallin ulkoasun, voit vaihtaa moduuleja ja tehdä muita mallin mukautuksia.

Muokkaa moduuliasetuksia

Moduulin asetusten muokkaaminen sisältää muotoilun ja oletussisällön, ja ne voivat vaihdella moduulityypin mukaan. Lisätietoja moduulin CSS:n ja oletussisällön ja -asetusten muokkaamisesta.

1. Napsauta asettelueditorissa moduulia.
2. Muokkaa moduulin asetuksia tarkastajassa.

Vaihda moduuli

Kun olet lisännyt moduulin malliisi, voit vaihtaa sen toiseen moduuliin.

1. Napsauta ulkoasueditorissa moduulia hiiren kakkospainikkeella ja valitse sitten Vaihda moduuli.

2. Valitse ponnahdusikkunassa moduuli , jolla alkuperäinen moduuli korvataan.

Muunna globaaliksi moduuliksi

Voit muuntaa mallin moduulin globaaliksi moduuliksi, jota voidaan käyttää useissa malleissa. Käytä tätä, kun olet muotoillut moduulin tietyllä tavalla tai kun moduulissa on oletussisältöä, jota haluat käyttää uudelleen muissa malleissa.

1. Napsauta ulkoasueditorissa moduulia.
2. Napsauta Tarkkailijassa Lisää-pudotusvalikkoa ja valitse Muunna globaaliksi moduuliksi.
3. Kirjoita valintaikkunaan globaalin moduulin nimi ja napsauta sitten Luo.

Poista moduuli

1. Napsauta asettelueditorissa moduulia.

2. Napsauta tarkastajassa delete roskakorikuvaketta.

Mallin hallinta hakemistossa

Moduulivalintojen lisäksi voit tehdä useita malleille ominaisia toimintoja.

1. Napsauta hakulaitteessa mallin nimeä.
2. Napsauta avattavaa Toiminnot-valikkoa ja valitse vaihtoehto:
   • Kopioi toiselle tilille: Kopioi malli toiselle tilille, jossa olet myös käyttäjä. Markkinapaikalta ostettuja malleja ei voi kopioida muihin portaaleihin.
   • Kloonaa malli: tämä luo tarkan kopion mallista, ja se on hyödyllinen, kun haluat luoda muunnelman olemassa olevasta mallista.
   • Kloonaa HTML:ksi: tämä luo erillisen HTML-version vedä ja pudota -mallista. Tämä on hyödyllistä, jos haluat hallita merkintöjäsi paremmin tai jos haluat oppia lisää siitä, miten malleja koodataan.
   • Näytä mallin lähdekoodi: Näytä mallin lähdekoodin HTML-koodi. Toisin kuin Clone to HTML -vaihtoehto, tämä ei luo erillistä HTML-versiota mallista.
   • Nimeä malli uudelleen: Muokkaa mallin sisäistä nimeä.
   • Näytä riippuvaiset: Näytä kaikki sivut, sähköpostit tai blogit, jotka käyttävät tällä hetkellä mallia.
   • Näytä versiohistoria: Näytä mallin versiohistoria ja valitse, haluatko palauttaa mallin aiemmin julkaistuun versioon.
   • Luo sähköposti/sivu: luo sähköposti tai sivu suoraan mallista.
   • Poista malli: tämä poistaa mallin. Kun malli on poistettu, se pysyy käytettävissä 30 päivän ajan, minkä jälkeen se poistetaan pysyvästi. Jos haluat palauttaa mallin, sinun on otettava yhteyttä asiakastukeen.