Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.
Design Manager

Mallin ulkoasujen rakenne ja mukauttaminen

Päivitetty viimeksi: marraskuuta 2, 2021

Tämä koskee seuraavia:

Markkinointi Hub Professional, Enterprise
Sisällön hallintajärjestelmä Hub Professional, Enterprise
Vanhentunut Marketing Hub Basic-versio

Opit, miten voit määrittää ja mukauttaa olemassa olevaa vedä ja pudota -mallia ja työskennellä moduulien, ryhmien ja sarakkeiden kanssa mallin rakennuspalikoina.

Rakenna malli

Käyttämällä suunnittelunhallinnan ulkoasueditoria voit rakentaa sisällön ulkoasun nopeasti ilman, että sinun tarvitsee kirjoittaa mitään HTML-koodia.

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • Muokkaamallianapsauttamalla sitä hakemistossa.

Lisää ja vedä moduuleja

Voit lisätä moduulin asetteluun napsauttamalla+ Lisääasettelutarkastimen yläosassa. Etsi tai valitsemoduulija vedä se sitten paikkaan, jossa haluat moduulin näkyvän asettelussa. Moduulien vetäminen toisten moduulien päälle luo joko sarakkeita tai ryhmittelee moduulit.

Muuta sarakkeiden leveyttä

Jos haluat muuttaa sarakkeen leveyttä, siirry moduulien väliin ja napsauta ja vedä vaakasuoraan.

Ryhmämoduulit

Moduuliryhmät ovat moduulien kokonaisuuksia, jotka muodostavat sivun eri osioita.

Jos haluat ryhmitellä kaksi moduulia, napsautaensimmäistä moduulia, pidäControl/Command-näppäintäpainettuna ja valitsetoinen moduuli. Toista tämä vaihe, jos ryhmität useampia kuin kaksi moduulia. Napsauta seuraavaksi moduulitarkastimessaryhmäkuvakettagroupModule.

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

Jaa moduulit vaakasuoraan

Moduulin jakaminen jakaa moduulin kahtia ja luo kaksi moduulia. Voit jakaa moduulin napsauttamallamoduulia ja napsauttamalla sitten moduulin tarkastajansplitModule-kuvaketta. Vaihtoehtoisesti voit napsauttaa moduulia hiiren kakkospainikkeella asettelussa ja valitaSplit module (Jaa moduuli).

Keskimmäiset moduulit

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älikappale 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.

add-horizontal-spacer

Lisää joustava sarake

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.

Huom:Joustavat sarakkeet voidaan lisätä vain sivupohjiin, eikä niitä voi lisätä sähköposti- tai blogipohjiin.


Mukauta malliasi

Kun olet laatinut mallin yleisen ulkoasun, voit vaihtaa moduuleja ja tehdä muita mallin mukautuksia.

Muokkaa moduulin vaihtoehtoja

Voit muokata moduulin asetuksia napsauttamallamoduuliaulkoasueditorissa. 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ätietojamoduulin CSS:n sekä oletussisällön ja -asetusten muokkaamisesta.

Edit options

Vaihda moduuli

Kun olet lisännyt moduulin malliisi, voit vaihtaa sen toiseen moduuliin. Napsautamoduuliahiiren kakkospainikkeella asettelueditorissa ja valitse sittenVaihda moduuli. Valitse avautuvasta pudotusvalikostamoduuli, jolla alkuperäinen moduuli korvataan.

Muunna globaaliksi moduuliksi

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.

  • Napsautamoduuliaulkoasueditorissa.
  • Napsauta moduulitarkastimessa Lisää-pudotusvalikkoa ja valitseMuunna globaaliksi moduuliksi.
  • Kirjoita valintaikkunaanglobaalin moduulin nimi ja napsauta sittenLuo.

Poista moduuli

Voit poistaa moduulin napsauttamallamoduuliaulkoasueditorissa ja napsauttamalla sitten moduulin tarkastajanroskakorikuvakettaPoista. Vaihtoehtoisesti voit napsauttaamoduuliahiiren kakkospainikkeella ja valitaPoista moduuli.

Hallitse malliasi hakemistossa

Moduulivalintojen lisäksi voit tehdä useita toimintoja, jotka liittyvät juuri sinun malliisi.

  • Napsauta mallin oikeassa yläkulmassakansiokuvakettakansio.
  • Napsauta mallinnimeähiiren kakkospainikkeella. Pudotusvalikossa voit muokata seuraavia vaihtoehtoja:
    • Kopioi portaaleihin: kopioi malli toiseen portaaliin, 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 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 HTML-lähdekoodi. Toisin kuinClone to HTML-vaihtoehto, tämäeiluo 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öpostiviesti tai aloitussivu/verkkosivuston sivu suoraan mallista.
    • Poista malli: tämä poistaa mallin. Kun malli on poistettu, se on käytettävissä30 päivän ajan, minkä jälkeen se poistetaan pysyvästi. Jos haluat palauttaa mallin, sinun on otettava yhteyttä asiakastukeen.
  • Nämä vaihtoehdot löytyvät myösyllä olevista pudotusvalikoistaTiedostojaToiminnot.