Opi, miten voit määrittää ja mukauttaa olemassa olevaa vedä ja pudota -mallia ja työskennellä moduulien, ryhmien ja sarakkeiden kanssa mallin rakennuspalikoina.
Käyttämällä suunnittelunhallinnan ulkoasueditoria voit rakentaa sisällön ulkoasun nopeasti ilman, että sinun tarvitsee kirjoittaa mitään HTML-koodia.
Voit lisätä moduulin asetteluun napsauttamalla + Lisää asettelutarkastimen yläosassa. Etsi tai valitsemoduuli ja vedä se sitten paikkaan, jossa haluat moduulin näkyvän asettelussa. Moduulien vetäminen toisten moduulien päälle luo joko sarakkeita tai ryhmittelee moduulit.
Jos haluat muuttaa sarakkeen leveyttä, siirry moduulien väliin ja napsauta ja vedä vaakasuoraan.
Moduuliryhmät ovat moduulien kokonaisuuksia, jotka muodostavat sivun eri osioita.
Jos haluat ryhmitellä kaksi moduulia, napsauta ensimmäistä moduulia, pidä Control/Command-näppäintä painettuna ja valitse toinen moduuli. Toista tämä vaihe, jos ryhmität useampia kuin kaksi moduulia. Napsauta seuraavaksi moduulitarkastimessaryhmäkuvaketta.
Huomaa: moduuliryhmät eivät voi ylittää jakson erotinta tai sisältää osittain valittua moduuliryhmää.
Moduulin jakaminen jakaa moduulin kahtia ja luo kaksi moduulia. Voit jakaa moduulin napsauttamalla moduulia ja napsauttamalla sitten moduulin tarkastajan. Vaihtoehtoisesti voit napsauttaa moduulia hiiren kakkospainikkeella asettelussa ja valita Split module (Jaa moduuli).
Vaakasuuntaisilla välikappaleilla voit keskittää moduulit ja ryhmät sivulla tai lisätä tyhjää tilaa niiden molemmille puolille. Voit lisätä vaakasuuntaisen välikappaleen napsauttamalla + Lisää asettelutarkastimen yläosassa. EtsiVaakasuora välilevy ja vedä se sitten malliin.
Jos haluat muuttaa vaakasuuntaisen välikappaleen kokoa, muuta sen muista moduuleista erottavan sarakkeen leveyttä. Jos haluat keskittää moduulin tai ryhmän, lisää vaakasuuntaisia välikappaleita kummallekin puolelle.
Joustavat sarakkeet on suunniteltu helpottamaan sisällönhallintaa sivutasolla sisällöntuottajille. Kun HubSpotin sivumalliin lisätään joustava sarake, käyttäjille annetaan mahdollisuus lisätä, poistaa ja järjestää moduuleja uudelleenyksittä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.
Voit lisätä joustavan sarakkeen napsauttamalla asettelutarkastimen yläosassa + Lisää . EtsiFlexible Column (Joustava sarake) ja vedä ja pudota se sitten malliin.
Kun olet laatinut mallin yleisen ulkoasun, voit vaihtaa moduuleja ja tehdä muita mallin mukautuksia.
Voit muokata moduulin asetuksia napsauttamallamoduulia ulkoasueditorissa. Oikealla olevassa moduulin tarkastajassa näet moduulin muokattavissa olevat vaihtoehdot. Näihin vaihtoehtoihin kuuluvat yleensä muotoilu, oletussisältö ja editorin asetukset, ja ne voivat vaihdella moduulin tyypin mukaan. Lisätietoja moduulin CSS:n sekä oletussisällön ja -asetusten muokkaamisesta.
Kun olet lisännyt moduulin malliisi, voit vaihtaa sen toiseen moduuliin. Napsauta moduulia hiiren kakkospainikkeella asettelueditorissa ja valitse sitten Vaihda moduuli. Valitse avautuvasta pudotusvalikosta moduuli , jolla alkuperäinen moduuli korvataan.
Voit muuntaa mallin moduulin globaaliksi moduuliksi, jota voidaan käyttää useissa malleissa. Tämä on hyödyllistä, kun olet muotoillut moduulin tietyllä tavalla ja/tai moduulissa on oletussisältöä, jota haluat käyttää uudelleen muissa malleissa.
Voit poistaa moduulin napsauttamalla moduulia ulkoasueditorissa ja napsauttamalla sitten moduulin tarkastajan roskakorikuvaketta. Vaihtoehtoisesti voit napsauttaa moduulia hiiren kakkospainikkeella ja valita Poista moduuli.
Moduulivalintojen lisäksi voit tehdä useita toimintoja, jotka liittyvät juuri sinun malliisi.