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

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

Päivitetty viimeksi: huhtikuuta 17, 2023

Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:

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.

Ymmärtää vedä ja pudota -editorin

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 vedä ja pudota -sisältöä varten.

  1. Moduuli: yksittäinen verkkosivuston sisällön lohko. Jotkin moduulit, kuten rikkaat tekstimoduulit, 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. Pylväs: 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

Järjestä sisältösi

Sivupalkkieditorissa näet yleiskatsauksen sisältösi osioista, riveistä, sarakkeista ja moduuleista. Sieltä voit nimetä niitä uudelleen, muokata, kloonata, poistaa tai piilottaa ne:

  • Siirry sisältöön:

    • Verkkosivut: 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 valitse Muokkaa.
  • Napsauta sivupalkin editorissa Sisältö-välilehteä .
  • Voit hallita sivupalkkieditorissa näkyviä sivuelementtejä:
    • Jos haluat näyttää vain sivusi osiot, valitse Poista kaikki. Tämä sulkee kaikki rivit, sarakkeet ja moduulit, joten sivupalkkieditorissa näkyvät vain osiot.
    • Jos haluat nähdä sivun kaiken sisällön, valitse Laajenna kaikki. Tämä näyttää kaikki osiot, rivit, sarakkeet ja moduulit sivupalkkieditorissa.
    • Jos haluat tarkastella yksittäistä sivun elementtiä tai säiliötä, napsauta sen nimen vieressä olevaa + plusmerkkiä .
    • Voit piilottaa elementin tai säiliön napsauttamalla sen nimen vieressä olevaa miinusmerkkiä .
  • Voit myös muokata, nimetä uudelleen, kloonata, poistaa ja piilottaa sivun elementtejä:
    • Voit muokata elementtiä napsauttamalla sen nimeä.
    • Voit nimetä elementin uudelleen napsauttamalla sen nimen vieressä olevaa ellipses kolmea pistettä ja valitsemalla sitten Rename [elementti]. Kirjoita elementin nimi valintaikkunaan ja valitse sitten Tallenna.
    • Voit kloonata elementin napsauttamalla sen nimen vieressä olevaa ellipses kolmea pistettä ja valitsemalla sitten Clone. Tämä luo alkuperäisen elementin vieressä olevan elementin tarkan kopion.
    • Voit poistaa elementin napsauttamalla sen nimen vieressä olevaa ellipses kolmea pistettä ja valitsemalla sitten Poista.
    • Voit piilottaa moduulin napsauttamalla sen nimen vieressä olevaa ellipses kolmea pistettä ja valitsemalla sitten Hide this module. Tämä piilottaa moduulin sivun esikatselussa, mutta ei sivupalkkieditorissa. Jos haluat näyttää piilotetun moduulin sivulla, napsauta sen nimen vieressä olevaa kolmea pistettä ellipses ja valitse sitten Näytä tämä moduuli.

Käytä osioita

Vedä ja pudota -editorissa voit luoda uudelleenkäytettäviä sivuosioita raahaamalla 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 käyttää samaa teemaa ja tukee vedä ja pudota -muokkausta. Tallennetut osiot, jotka sisältävät älykkäitä sääntöjä, käyttävät näitä sääntöjä, kun ne lisätään sivulle.

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

Luo osio

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

  • Siirry sisältöön:

    • Verkkosivut: 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 valitse Muokkaa.
  • Siirry sisältöeditorissa kahden osion väliin ja napsauta + plus-kuvaketta.

add-a-page-section

  • Napsauta oikeanpuoleisessa paneelissa Asettelut-välilehteä ja valitse asettelu osiolle.

add-blank-layout-to-page

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

drag-and-drop-onto-layout

  • Vie hiiren kursori jakson päälle ja napsauta downCarat alaspäin -kuvaketta ja valitse sitten Tallenna jakso.

save-a-section

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


  • Kirjoita oikeassa paneelissa osiolle nimi ja kuvaus ja napsauta sitten Tallenna.

Lisää tai poista osio

  • Siirry sisältöön:

    • Verkkosivut: 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 valitse Muokkaa.
  • 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 valitse Valitse. Vedä ja pudota -editorilla tallennetut osiot näkyvät kohdassa Tallennetut osiot, kun taas kehittäjien luomat osiot näkyvät kohdassa Teema-osiot.
  • Kun lisäät älykkäitä sääntöjä sisältävän tallennetun osion, näitä sääntöjä sovelletaan juuri lisättyyn osioon. Nämä osiot merkitään älykkäiksi .
  • Jos haluat poistaa osion, napsauta osion lisäämiseen tarkoitettua + plus-kuvaketta , siirrä hiiren kursori osion päälle ja napsauta poistokuvaketta delete. Napsauta valintaikkunassa Delete (Poista).

add-smart-section

Muokkaa rivejä, sarakkeita tai osioita

  • Vie hiiren kursori sivueditorissa rivin, sarakkeen tai osion päälle janapsauta sittenedit muokkauskuvaketta.
  • Jos haluat mukauttaa rivin, sarakkeen tai jakson ympärillä olevia pehmusteita ja marginaaleja, valitse sivupalkkieditorin Alignment and spacing (Tasaus ja välykset ).
  • Jos haluat muokata alueen taustaa, valitse sivupalkkieditorissa Tausta ja valitse muotoiluvaihtoehto :
    • Ei mitään: Poista kaikki taustavärit tai -kuvat.
    • Väri: aseta taustaksi yksi väri. Kirjoita heksadesimaaliarvo tai napsautavärinvalitsinta ja valitse väri ja kirjoita sitten läpinäkyvyysarvo.
    • Kuva: aseta kuva taustaksi. Jos haluat lisätä uuden kuvan, voit lisätä kuvan tietokoneeltasi valitsemalla Lataa kuva tai valita kuvan tiedostoistasi valitsemalla Selaa kuvia.
    • Gradientti: aseta taustaksi kaksi väriä, jotka häipyvät yhteen. Napsauta Direction (Suunta ) -pudotusvalikkoa ja valitse värisävyn suunta. Kirjoita kullekin värille heksadesimaaliarvo tai napsautavärinvalitsinta ja valitse väri ja kirjoita sitten läpinäkyvyysarvo.
edit-background-for-a-page-section
  • Jos haluat kopioida olemassa olevan elementin, vie hiiren kursori elementin yläpuolelle ja napsauta duplicate cckloonikuvaketta.
  • Jos haluat poistaa elementin sivulta, vie hiiren kursorielementin yläpuolelle ja napsautapoistokuvaketta delete .

edit-column-icons

Moduulien lisääminen ja muokkaaminen

  • Siirry sisältöön:

    • Verkkosivut: 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 valitse Muokkaa.
  • 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 muokata sisältöä moduulissa, siirrä hiiren kursori moduulin päälle ja napsauta kuvaketta:
    • edit Muokkaa moduulia: muokkaa moduulin sisältöä
    • clonduplicate Kloonimoduuli: luo kopion tästä moduulista sivulle.
    • delete Poista moduuli: poista tämä moduuli sivulta.

edit-module-icons

Oliko tästä artikkelista apua?
Tätä lomaketta käytetään vain dokumentaation palautteeseen. Lue, miten saat apua HubSpotin kanssa.