TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka lisätä Parallax -osioita Weebly -sivustoon?

4

Parallax -osiot lisäävät sivuille kauneutta ja houkuttelevat käyttäjiä napsauttamaan osion painiketta tai linkkejä. Parallax -elementit sopivat erittäin hyvin 100% leveisiin teemoihin, ja Weebly teki tämän mahdolliseksi " Section " -elementillä. Leikkauselementtiä voidaan käyttää kaikissa Weeblyn tarjoamissa responsiivisissa teemoissa . Tässä artikkelissa keskustelemme vaihe vaiheelta Lisää parallaksiosia Weebly -sivustoon. Lisäämällä useita parallaksiosia peräkkäin voit myös helposti luoda koko leveyden parallaksisivun asettelun.

Huomaa: Muista osioelementti oletusarvoisesti vain reagoivissa teemoissa, mutta voit ottaa osioelementin käyttöön ei-reagoivissa teemoissa käyttämällä tätä pientä temppua.

Kuinka lisätä parallaksiosia Weeblyyn?

Voit ottaa parallaksiosat käyttöön kahdessa paikassa:

  1. Otsikkosivun asettelun käyttäminen otsikkoalueella
  2. Osioelementin käyttäminen sisältöalueella

Siirry sivut -välilehdelle ja valitse sivu, jonka haluat lisätä parallaksiotsikko -osioon. Valitse Otsikkotyyppi -osion ensimmäisestä avattavasta valikosta Otsikko.

Kuinka lisätä Parallax -osioita Weebly -sivustoon?

Valitse Weebly -sivun otsikkotyyppi

Tämä ottaa käyttöön teeman oletusotsikon valitulla sivulla. Voit vetää ja pudottaa minkä tahansa elementin otsikko -osioon ja muuttaa myös otsikon korkeutta. Lue lisää Weeblyn joustavasta otsikkoasettelusta. Napsauta otsikko -osiota nähdäksesi kaksi vaihtoehtoa – Muokkaa taustaa ja Korvaa otsikon asettelu.

Kuinka lisätä Parallax -osioita Weebly -sivustoon?

Otsikko -osion vaihtoehdot Weeblyssä

Napsauta "Muokkaa taustaa" -vaihtoehtoa. Voit valita seuraavat kolme vaihtoehtoa:

  1. Kuva – koskee kaikkia käyttäjiä
  2. Väri – soveltuu kaikille käyttäjille
  3. Video – vain premium -käyttäjille

Kuinka lisätä Parallax -osioita Weebly -sivustoon?

Weebly -otsikon tausta -asetukset

Jos olet ilmainen käyttäjä, valitse otsikon taustaksi joko kuva tai väri. Ylätunnisteen videotausta on saatavana vain käyttäjille, joilla on Weebly pro tai korkeamman tason suunnitelmat. Pohjimmiltaan kaikki nämä kolme vaihtoehtoa mahdollistavat parallaksiotsikko -osan. Valitaan esimerkissämme kuva.

Kuinka lisätä Parallax -osioita Weebly -sivustoon?

Weebly -otsikon taustakuvan asettaminen

Napsauta "Vieritystehoste" -vaihtoehtoa ja näet kolme tehostetta – ei mitään, parallaksia ja paljastusta.

Kuinka lisätä Parallax -osioita Weebly -sivustoon?

Weebly -otsikon vieritystehosteet

Valitse "Parallax" -tehoste, tallenna otsikon ulkoasun muutokset ja julkaise sivustosi nähdäksesi kaunis otsakeasettelu parallaksitehosteella.

Lisää Parallax -osio sisältöalueesta

Vedä ja pudota osioelementti mihin tahansa sisältöalueellesi. Tämä luo täyden leveyden osion sivullesi ja voit lisätä elementtejä osioelementin sisälle. Napsauta osion elementtiä nähdäksesi seuraavan vaihtoehdon ponnahdusikkunan.

Kuinka lisätä Parallax -osioita Weebly -sivustoon?

Weebly -osion elementtivaihtoehdot

Napsauta "Muokkaa taustaa" ja noudata samoja ohjeita, jotka on selitetty yllä olevassa otsikkokuvan osassa. Voit luoda useita sivuelementtejä toistensa alapuolelle luodaksesi koko sivun parallaksiasettelun kauniilla vieritystehosteilla.

Kuvan taustan säätäminen

Ylä- ja osioelementtien taustakuvaa voidaan muokata Weebly -kuvankäsittelyohjelmalla. Editorin avulla voit lisätä taustakuvan zoomaus-, tummennus-, sumennus- ja suodatustehosteita.

Kuinka lisätä Parallax -osioita Weebly -sivustoon?

Weebly -kuvankäsittelyohjelma

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. HyväksyäLisätietoja