Kuinka lisätä Parallax -osioita Weebly -sivustoon?
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:
- Otsikkosivun asettelun käyttäminen otsikkoalueella
- 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.
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.
Otsikko -osion vaihtoehdot Weeblyssä
Napsauta "Muokkaa taustaa" -vaihtoehtoa. Voit valita seuraavat kolme vaihtoehtoa:
- Kuva – koskee kaikkia käyttäjiä
- Väri – soveltuu kaikille käyttäjille
- Video – vain premium -käyttäjille
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.
Weebly -otsikon taustakuvan asettaminen
Napsauta "Vieritystehoste" -vaihtoehtoa ja näet kolme tehostetta – ei mitään, parallaksia ja paljastusta.
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.
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.
Weebly -kuvankäsittelyohjelma