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ä.
Landing Pages

Muokkaa sivun sisältöä vedä ja pudota -alueella

Päivitetty viimeksi: maaliskuuta 29, 2022

Tämä koskee seuraavia:

Kaikki tuotteet ja HubSpot-tilaukset

Vedä ja pudota -sivueditorissa käyttäjät voivat järjestää ja soveltaa mukautettuja tyylejä sivun eri osiin. Vedä ja pudota -muokkaus on käytettävissä aloituspohjilla luoduilla sivuilla, joillakin teemamalleilla ja koodatuilla malleilla, joissa on vedä ja pudota -alueita.

Vedä ja pudota -editorin ymmärtäminen

Vedä ja pudota -alueet koostuvat moduuleista, jotka ovat verkkosivuston sisällön lohkoja. Moduulit voidaan järjestää vaakasuoriin riveihin tai pystysuoriin sarakkeisiin, jotka voidaan sitten ryhmitellä osioihin.

Luomalla rivejä, sarakkeita ja osioita voit järjestää uudelleen tai soveltaa muotoilua useisiin moduuleihin kerralla. Lisätietoja tyylien mukauttamisesta raahaa ja pudota -sisältöä varten.

  1. Moduuli: Yksittäinen verkkosivuston sisällön lohko. Jotkin moduulit, kuten rikkaan tekstin moduulit, voivat sisältää useita eri sisältötyyppejä.
  2. Rivi: moduulien vaakasuora rivi. Voit soveltaa muotoilua koko riviin tai järjestää sen sijainnin sivulla uudelleen.
  3. Sarake: useiden moduulien pystysuora pino. Voit soveltaa muotoilua koko sarakkeeseen tai järjestää sen sijainnin sivulla uudelleen.
  4. Jakso: Useiden rivien tai sarakkeiden ryhmä, joka kattaa sivun koko leveyden. Voit soveltaa muotoilua koko osioon tai järjestää sen sijainnin sivulla uudelleen.

edit-drag-and-drop-areas-in-page-editor

Osioiden käyttäminen

Vedä ja pudota -editorissa voit luoda uudelleenkäytettäviä sivun osioita vetämällä moduuleja tyhjään osioasetteluun. Myös kehittäjät voivat luoda näitä osioita käyttämällä kehittäjädokumentaatiota. Kun osiot on luotu, niitä voidaan käyttää millä tahansa sivulla, joka tukee vedä ja pudota -muokkausta. Älykkäitä sääntöjä sisältävät tallennetut osiot käyttävät näitä sääntöjä, kun ne lisätään sivulle.

Huom:raahaa ja pudota -editorista voidaan tallentaa kerralla enintään 25 uudelleenkäytettävää osiota. Voit tallentaa uuden uudelleenkäytettävän osion poistamalla olemassa olevan uudelleenkäytettävän osion.

Luo osio

Voit tallentaa osion, jotta sitä voidaan käyttää uudelleen muilla samaa teemaa käyttävillä sivuilla.

  • Siirry sisältöön:

    • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
    • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Aloitussivut.
  • Vie hiiren kursori sivun päälle ja valitseMuokkaa.
  • Siirry sisältöeditorissa kahden osion väliin ja napsauta +plus-kuvaketta.

add-a-page-section

  • Napsauta oikeassa paneelissa Asettelut-välilehteäja valitseasettelu osiolle.

add-blank-layout-to-page

  • Vedä sisältöeditorissamoduuli asettelun päälle ja pudota se paikalleen. Toista tämä jakson jokaisen moduulin kohdalla.

drag-and-drop-onto-layout

  • Vie hiiren kursori osion päälle ja napsauta alaspäinCaratalaspäin -kuvaketta ja valitse sittenTallenna osio.

save-a-section

Huom:olemassa olevat sivuosiot ja ilman ulkoasua luodut osiot voidaan myös tallentaa uudelleenkäytettäviksi osioiksi.


  • Kirjoita oikeassa paneelissa osiollenimi ja kuvaus ja valitse sittenTallenna.

Osioiden lisääminen

  • Siirry sisältöön:

    • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
    • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Aloitussivut.
  • Vie hiiren kursori sivun päälle ja valitseMuokkaa.
  • Siirry sisältöeditorissa kahden osion väliin ja napsauta +plus-kuvaketta.

add-a-page-section

  • Vie hiiren kursori oikeassa paneelissa osion päälle ja napsauta Valitse. Vedä ja pudota -editorilla tallennetut osiot näkyvät kohdassa Tallennetut osiot, kun taas kehittäjien luomat osiot näkyvät kohdassaTeema-osiot.
  • Älykkäitä sääntöjä sisältävän tallennetun osion lisääminen soveltaa näitä sääntöjä juuri lisättyyn osioon. Nämä osiot merkitään merkinnällä Smart.
  • Jos haluat poistaa osion, napsauta osion lisäämistä varten +plus-kuvaketta , siirrä sitten hiiren kursori osion päälle ja napsauta poista poistapoista -kuvaketta. Napsauta valintaikkunassaDelete (Poista).

add-smart-section

Kopioi jakso HubL

Sivueditorissa voit kopioida osion HubL-merkintää, jotta voit käyttää koodia uudelleen tarpeen mukaan. Tämä voi olla hyödyllistä, kun haluat luoda uudelleen vedä ja pudota -osion koodatussa tiedostossa.

copy-section-hubl-menu

Lue, miten jakson HubL-merkintä kopioidaan.

Rivien, sarakkeiden tai osioiden muokkaaminen

  • Vie hiiren kursori sivun editorissa rivin, sarakkeen tai jakson päälle ja cnuolaise edit edit kuvaketta.
  • Voit mukauttaa rivin, sarakkeen tai jakson ympärillä olevia pehmusteita ja marginaaleja valitsemalla sivueditorissa Alignment and spacing.
  • Jos haluat muokata alueen taustaa, napsauta sivupalkin editorissaTausta ja valitsemuotoiluvaihtoehto:.
    • Ei mitään:poista kaikki taustavärit tai kuvat.
    • Väri:aseta taustaksi yksi väri. Kirjoitaheksadesimaaliarvo tainapsautavärinvalitsintaja valitsevärija kirjoita sittenläpinäkyvyysarvo.
    • Kuva: aseta kuva taustaksi. Jos haluat lisätä uuden kuvan,voit lisätä kuvan tietokoneeltasi valitsemallaLataakuva tai valita kuvantiedostoistasi valitsemallaSelaa kuvia.
    • Gradient: aseta taustaksi kaksi väriä, jotka häipyvät yhteen. NapsautaSuuntapudotusvalikosta ja valitsekaltevuuden suunta. Kirjoita kullekin värilleheksadesimaaliarvo tainapsautavärinvalitsintaja valitsevärija kirjoita sittenläpinäkyvyysarvo.
edit-background-for-a-page-section
  • Jos haluat tehdä kopion olemassa olevasta elementistä, vie hiiren kursori elementin päälle ja napsauta kopioiccclone-kuvaketta.
  • Jos haluat poistaa elementin sivulta, siirrä hiiren kursorielementin päälle ja napsautapoista poista -kuvaketta.

edit-column-icons

Moduulien lisääminen ja muokkaaminen

  • Siirry sisältöön:

    • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
    • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Aloitussivut.
  • Vie hiiren kursori sivun päälle ja valitseMuokkaa.
  • Napsauta sisältöeditorissa sivupalkkieditorissa olevaa moduulia ja vedä se sitten paikalleen sivulle.
  • Jos haluat säätää moduulin leveyttä, napsauta sarakkeiden välistä pystysuoraa jakajaa ja vedä se paikalleen.

adjust-column-size-in-drag-and-drop-editor

  • Jos haluat mukauttaa sisältöä moduulin sisällä, vie hiiren kursori moduulin päälle ja napsauta kuvaketta:
    • Muokkaa Muokkaa moduulia: Muokkaa moduulin sisältöä.
    • clonduplicate Kloonaa moduuli: tee sivulle kopio tästä moduulista.
    • delete Poista moduuli: poista tämä moduuli sivulta.

edit-module-icons

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.