TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan legge til parallakseksjoner på Weebly -nettstedet?

0

Parallaksseksjoner legger til skjønnhet på sidene og tiltrekker brukere å klikke på knappen eller koblingene i seksjonen. Parallakselementer er meget godt egnet for temaene med 100% bredde og Weebly gjorde dette mulig med " Seksjon " -elementet. Seksjonselementet kan brukes på alle responsive temaer som tilbys av Weebly. I denne artikkelen vil vi diskutere trinnvis opplæring om hvordan å legge parallax delene Weebly nettstedet. Ved å legge flere parallax delen i rekkefølge kan du også enkelt lage hele bredden parallax sideoppsettet.

Merk: Husk at delelementet som standard bare gjelder for responsive temaer, men du kan aktivere delelement på temaer som ikke er responsive ved å bruke dette lille trikset.

Hvordan legge til parallakseksjoner i Weebly?

Det er to steder du kan aktivere parallakseksjoner:

  1. Bruke sideoppsett for topptekst på topptekstområdet
  2. Bruke seksjonselement på innholdsområde

Gå til sidefanen og velg siden du vil legge til parallakshode -delen. Velg "Header" -alternativet under "Header Type" fra den første rullegardinmenyen.

Hvordan legge til parallakseksjoner på Weebly -nettstedet?

Velg overskriftstype for Weebly -side

Dette vil aktivere standardoverskriften for temaet på den valgte siden. Du kan dra og slippe alle elementene i topptekstdelen og også endre størrelsen på toppteksten. Lær mer om Weebly fleksibel topptekstoppsett. Klikk på overskriftsdelen for å se de to alternativene som dukker opp – Rediger bakgrunn og Erstatt topplayout.

Hvordan legge til parallakseksjoner på Weebly -nettstedet?

Alternativer for overskriftsseksjon i Weebly

Klikk på alternativet "Rediger bakgrunn". Du har følgende tre alternativer å velge:

  1. Bilde – gjelder for alle brukere
  2. Farge – gjelder for alle brukere
  3. Video – bare for premiumbrukere

Hvordan legge til parallakseksjoner på Weebly -nettstedet?

Alternativer for bakgrunnsbilde for Weebly Header

Hvis du er en gratis bruker, velger du enten bilde eller farge for toppteksten. Bakgrunnen til topptekstvideoen er bare tilgjengelig for brukere som har Weebly pro eller høyere plan. I utgangspunktet lar alle disse tre alternativene deg ha parallakshode -seksjon. La oss velge bilde i vårt eksempel.

Angi bakgrunnsbilde for Weebly Header

Klikk på "Rulleeffekt" -alternativet, og du vil se tre effekter – ingen, parallaks og avsløring.

Hvordan legge til parallakseksjoner på Weebly -nettstedet?

Weebly Header Scrolling Effects

Velg “Parallax" -effekt, lagre endringer i overskriftsoppsettet og publiser nettstedet ditt for å se vakker topplayout med parallakseffekt.

Legg til Parallax -seksjon om innholdsområde

Dra og slipp et delelement hvor som helst på innholdsområdet. Dette vil opprette en seksjon i full bredde på siden din, og du kan legge til elementer i seksjonselementet. Klikk på seksjon elementet for å se følgende alternativ popup.

Hvordan legge til parallakseksjoner på Weebly -nettstedet?

Alternativer for Weebly Section Element

Klikk på "Rediger bakgrunn" og følg de lignende trinnene forklart i avsnittet ovenfor for topptekstbilde. Du kan flere seksjonselementer ett under det andre for å lage et helsides parallakselayout med vakker rulleeffekt.

Justere bildebakgrunnen

Bakgrunnsbildet til topptekst og seksjonselementer kan redigeres med Weebly bildeditor. Editoren lar deg legge til zoom, mørkere, uskarpe og filtrere effekter for bakgrunnsbildet.

Hvordan legge til parallakseksjoner på Weebly -nettstedet?

Weebly Image Editor

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon