Sisällön muokkaaminen rich text -moduuleissa

Rich Text -moduuleihin voi lisätä monenlaista sisältöä, kuten tekstiä, kuvia ja linkkejä. Kehittäjät voivat lisätä Rich Text -moduuleja itse koodattuihin malleihin ja mukauttaa niiden muokkausasetuksia.

Ennen kuin aloitat

Ennen kuin alat muokata sisältöä rich text -moduuleissa, tutustu vaatimuksiin ja huomioitaviin seikkoihin.

Tutustu rajoituksiin ja huomioitaviin seikkoihin

• Jotkin rich text -muokkausominaisuudet eivät ole käytettävissä tietopankin artikkelin muokkausohjelmassa.

• Laitteesi näytön koosta riippuen jotkin muotoiluvaihtoehdot voivat sijaita työkalurivin Lisää-pudotusvalikossa.
• Jos muotoiluvaihtoehdot eivät ole käytettävissä tai eivät toimi, lue ohjeet sisältöongelmien vianmääritys tai tyhjentää selaimen välimuistin.

Muotoile tekstiä rich text -moduuleissa

1. Siirry sisältöösi:

   • Verkkosivut: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Verkkosivuston sivut. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Verkkosivuston sivut.
   • Laskeutumissivut: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Aloitussivut. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Aloitussivut.
   • Blogi: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Blogi. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Blogi.
   • Tietokanta: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Palvelu > Tietämyskanta. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Palvelu > Tietämyskanta.
2. Napsauta sisällön nimeä.
3. Napsauta sisältöeditorissarich text -moduulia aktivoidaksesirich text -työkalurivin editorin yläosassa. Voit myös napsauttaa rich text -moduulia ja valita sitten sivupalkin editorista Muokkaa laajennetussa näkymässä.

4. Korosta tekstiä rich text -moduulissa.
5. Voit määrittää tekstin suhteellisen koon ja merkityksen sisällössä napsauttamalla Tyyli-pudotusvalikkoa ja valitsemalla vaihtoehdon (esim. Kappale tai Otsikko 1).
6. Voit määrittää tekstin fontin napsauttamalla Fontti -pudotusvalikkoa ja valitsemalla fontin. Lue lisää fonttien käytöstä HubSpotissa.

7. Voit määrittää tekstin koon napsauttamalla fonttikoon pudotusvalikkoa ja valitsemalla fonttikoon pikseleinä. 

8. Jos haluat muuttaa tekstin lihavoiduksi, kursivoiduksi tai alleviivatuksi, napsauta tyylikuvaketta (esim. boldIcon lihavoitu, italicIcon kursivoitu tai underlineIcon alleviivattu).
9. Voit muuttaa tekstin väriä napsauttamalla tekstin värikuvaketta( textColorIcon ) ja valitsemalla sitten värin. Jos haluat käyttää heksadesimaali- tai RGB-värikoodia tai valita mukautetun värin, napsauta Lisäasetukset-välilehteä.

10. Voit asettaa tekstille taustavärin napsauttamalla taustavärikuvaketta ja valitsemalla sitten värin. Jos haluat käyttää heksadesimaali- tai RGB-värikoodia tai valita mukautetun värin, napsauta Lisäasetukset-välilehteä.
11. Voit muuttaa tekstin tasausta napsauttamallaalignLeft-tasaustason pudotusvalikkoa ja valitsemallaalignCenter-tasaustason kuvakkeen.

12. Jos haluat lisätä tekstin luettelomerkittyyn luetteloon, napsauta Lisää- pudotusvalikkoa. Napsauta sittenbulletList-luettelomerkitty luettelo -kuvaketta . Jos haluat muuttaa luettelon muotoilua, napsauta luettelomerkitty luettelo -pudotusvalikkoa ja valitse bulletDiamond-muoto.

13. Jos haluat lisätä tekstin numeroituun luetteloon, napsauta Lisää -pudotusvalikkoa. Napsauta sitten numberList-numeroidun luettelon kuvaketta . Jos haluat muuttaa luettelon muotoilua, napsauta numeroidun luettelon pudotusvalikkoa ja valitse bulletLowerAlpha LowerAlpha-muoto.
14. Voit asettaa tekstin rivikorkeuden napsauttamalla lineHeight Height -pudotusvalikkoa ja valitsemalla korkeuden.
15. Voit lisätä tai vähentää tekstin sisennystä napsauttamallasisennyksen lisäämisen taivähentämisen kuvakkeita.
16. Voit poistaa tekstiin sovelletun muotoilun napsauttamalla removeTextStyle -kuvaketta (tyylien poisto ).
17. Voit lisätä muita muotoiluja napsauttamalla Lisää -pudotusvalikkoa ja valitsemallayliviivaus-,yläindeksi- taialaindeksi-kuvakkeen .
18. Muotoile teksti koodiksi napsauttamalla Lisää -pudotusvalikkoa ja valitsemallakoodimuoto-kuvaketta .
19. Kun olet valmis, napsauta Päivitätai Julkaise, jotta muutokset tulevat voimaan.

Lisää elementtejä rich text -moduuleihin

1. Siirry sisältöösi:

   • Verkkosivuston sivut: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Verkkosivuston sivut. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Verkkosivuston sivut.
   • Laskeutumissivut: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Aloitussivut. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Aloitussivut.
   • Blogi: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Blogi. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Blogi.
   • Tietokanta: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Palvelu > Tietämyskanta. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Palvelu > Tietämyskanta.
2. Napsauta sisällön nimeä.
3. Napsauta sisältöeditorissarich text -moduulia aktivoidaksesirich text -työkalurivin editorin yläosassa. Voit myös napsauttaa rich text -moduulia ja valita sitten sivupalkin editorista Muokkaa laajennetussa näkymässä.
4. Voit lisätä linkin korostamalla tekstiä ja napsauttamalla sitten link lisäyskuvaketta. Lue lisää linkkien käytöstä HubSpotissa.
5. Voit lisätä kuvan napsauttamalla insertImage -kuvan lisäyskuvaketta. Lue lisää kuvien käsittelystä HubSpotissa.
6. Voit lisätä emojin napsauttamallaemoji-kuvak etta.
7. Voit lisätä toimintakehotuksen napsauttamalla Lisää -pudotusvalikkoa ja valitsemalla sittenctaToimintakehotus. Lue lisää toimintakehotusten käytöstä HubSpotissa.
8. Voit lisätä upotuskoodin napsauttamalla Insert -pudotusvalikkoa ja valitsemalla Embed. Lue lisää sisällön upottamisesta HubSpotissa.
9. Voit lisätä videon napsauttamalla Insert-pudotus valikkoa, viemällä hiiren Video-kohdan päälle ja valitsemalla HubSpot-videon tai ulkoisen videon. Lue lisää videoiden käsittelystä HubSpotissa.
10. Voit lisätä taulukon napsauttamalla Lisää- pudotusvalikkoa, viemällä hiiren Taulukko-kohdan päälle ja valitsemalla taulukon mitat. Lue lisää taulukoiden käytöstä HubSpotissa.
11. Voit lisätä erikoismerkin napsauttamalla Lisää -pudotusvalikkoa ja valitsemalla sitten Erikoismerkki. Napsauta ponnahdusikkunassa haluamaasi erikoismerkkiä.
12. Voit lisätä kuvakkeen napsauttamalla Lisää-pudotusvalikkoa, valitsemalla sitten Kuvake ja napsauttamalla avautuvassa ikkunassa haluamaasi kuvaketta. Lue lisää kuvakkeiden käytöstä HubSpotissa.
13. Voit lisätä ankkurilinkin napsauttamalla Lisää -pudotusvalikkoa ja valitsemalla sitten Ankkuri. Lue lisää ankkurilinkkien käytöstä HubSpotissa.
14. Voit lisätä vaakaviivan napsauttamalla Lisää-pudotus valikkoa ja valitsemalla Vaakaviiva.
15. Voit lisätä kiinteän välilyönnin napsauttamalla Lisää -pudotusvalikkoa ja valitsemalla Kiinteä välilyönti.

16. Voit lisätä personointitunnuksen napsauttamalla Personalize(Personoi).
    • Napsauta ponnahdusikkunassa Tyyppi -pudotusvalikkoa ja valitse tunnuksen tyyppi.
    • Napsauta tunnuksen pudotusvalikkoa ja valitse tunnus. Lue lisää personointitunnusten käytöstä HubSpotissa.
17. Kun olet valmis, napsauta Päivitätai Julkaise, jotta muutokset tulevat voimaan.

Käytä rich text -moduulien edistyneitä muokkausominaisuuksia

1. Siirry sisältöösi:

   • Verkkosivut: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Verkkosivuston sivut. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Verkkosivuston sivut.
   • Laskeutumissivut: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Aloitussivut. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Aloitussivut.
   • Blogi: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Blogi. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Blogi.
   • Tietokanta: Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Palvelu > Tietämyskanta. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Palvelu > Tietämyskanta.
2. Napsauta sisällön nimeä.
3. Napsauta sisältöeditorissa rich text -moduulia aktivoidaksesirich text -työkalurivin editorin yläosassa. Voit myös napsauttaa rich text -moduulia ja valita sitten sivupalkin editorissa Muokkaa laajennetussa näkymässä.

4. Voit avata moduulin lähdekoodin napsauttamalla Lisäasetukset-pudotusvalikkoa ja valitsemalla Lähdekoodi. Muokkaa lähdekoodia valintaikkunassa ja napsauta sitten Tallenna muutokset.

   Huomaa: Rich text -moduulin lähdekoodiin lisätty HubL-koodi ei näy editorissa, vaan vasta kun sivu itse renderöidään. Verkkosivujen kaltaisten resurssien kohdalla voit tarkastella HubL-tulosta esikatselemalla sivua. 

5. Voit tarkastella sisältöäsi lohkoina napsauttamalla Lisäasetukset-pudotus valikkoa ja valitsemalla Näytä lohkot. Voit palata katsomaan sisältöä ilman lohkoja napsauttamalla Lisäasetukset- pudotusvalikkoa ja valitsemalla Piilota lohkot. Kumpikaan vaihtoehto ei vaikuta siihen, miten sisältösi näkyy kävijöille.
6. Kun olet valmis, napsauta Päivitätai Julkaise, jotta muutokset tulevat voimaan.