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: tammikuuta 20, 2023

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 tyylin 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

Sisällön järjestäminen

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:

    • 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 valitse Muokkaa.
  • Napsauta sivupalkin editorissa Sisältö-välilehteä .
  • Voit hallita sivupalkkieditorissa, mitkä sivun elementit ovat näkyvissä:
    • Jos haluat tarkastella vain sivusi osioita, valitse Sulje 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 sivuelementtejä:
    • Voit muokata elementtiä napsauttamalla sen nimeä.
    • Jos haluat nimetä elementin uudelleen, napsauta sen nimen vieressä olevia ellipsejä, kolmea pistettä ja valitse sitten Nimeä [elementti] uudelleen. Kirjoita elementin nimi valintaikkunaan ja valitse sitten Tallenna.
    • Jos haluat kloonata elementin, napsauta sen nimen vieressä olevia ellipsejä ja valitse sitten Kloonaa. Tämä luo alkuperäisen elementin vieressä olevan elementin tarkan kopion.
    • Jos haluat poistaa elementin, napsauta sen nimen vieressä olevia ellipsejä ja valitse Poista.
    • Voit piilottaa moduulin napsauttamalla sen nimen vieressä olevia ellipsejä ja valitsemalla sitten Piilota tämä moduuli. Tämä piilottaa moduulin sivun esikatselussa, mutta ei sivupalkkieditorissa. Jos haluat näyttää piilotetun moduulin sivulla, napsauta sen nimen vieressä olevia ellipsejä ja valitse Näytä tämä moduuli.

Käytä osioita

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

Huom: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 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 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ä sisältöeditorissa moduuli 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äinCarat alaspäin -kuvaketta ja valitse sitten Tallenna osio.

save-a-section

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


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

Osioiden lisääminen tai poistaminen

  • 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 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 napsauta 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.
  • Ä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 .
  • Voit poistaa osion napsauttamalla osion lisäämistä varten + plus-kuvaketta , vie hiiren kursori osion päälle ja napsauta poista poista-kuvaketta. Napsauta valintaikkunassa Delete (Poista).

add-smart-section

Rivien, sarakkeiden tai osioiden muokkaaminen

  • Vie hiiren kursori sivueditorissa rivin, sarakkeen tai jakson päälle ja cnapsauta 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 editorissa Tausta ja valitse muotoiluvaihtoehto: .
    • Ei mitään: poista kaikki taustavärit tai kuvat.
    • Väri: aseta taustaksi yksi väri. Kirjoitaheksadesimaaliarvo 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 kuvantiedostoistasi valitsemalla Selaa kuvia .
    • Gradient: aseta taustaksi kaksi väriä, jotka häipyvät yhteen. NapsautaSuuntapudotusvalikosta ja valitsekaltevuuden suunta. Kirjoita kullekin värilleheksadesimaaliarvo tai napsautavärinvalitsinta ja valitse väri ja kirjoita sitten lä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 napsauta poista 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 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 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.