Skip to content

Videon avaaminen ponnahdusikkunassa tai PopUp Lightboxin avulla Divi -napsautuksessa (esimerkki)

31 de elokuu de 2021
1629126762 531 Animoidun kaltevuustaustan lisaaminen Divi osioon esimerkki Katso miten se

WordPress on alusta, joka on alusta lähtien ollut julkaisutila yhteisön suunnittelemalle sisällölle ja tarjoaa heille työkaluja sen parantamiseen. Tänään puhumme aiheesta avaa video tai PopUp ponnahdusikkunassa.

Sisällön lisääminen muilta sivuilta on todella yksinkertaista, koska koodaa sivusi sinun tarvitsee vain kiinnittää linkki, johon haluat ohjata.

Jotkut käyttäjät (myös sinä) haluavat kuitenkin, että uudelleenohjauslinkki avataan uudella välilehdellä, jotta lukija ei poistu sivulta.

WordPress -alustan kautta tämä on myös mahdollista, jopa erityyppisissä malleissa, kuten Divissä, jotka ovat mullistaneet näiden sivustojen suunnittelun.

Mikä on Divi ja mihin se toimii?

Kuten edellä mainittiin, Divi on WordPress -malli, jonka avulla käyttäjät voivat suunnitella mitä tahansa voit kuvitella.

Sen työmenetelmä on visuaalisen konstruktorin kautta Divi Builder joka ei ansaitse ulkoasua ja HTML -koodausta tyhjästä suunnittelun luomiseksi, koska se mahdollistaa elementtien lisäämisen ”vetämällä ja pudottamalla” sivulla. Divillä on myös esiasetettujen asettelujen kirjasto.

Se ei vaadi asennusta, joten sinun tarvitsee vain käyttää ”Valikko”Etsi WordPressistä”Ulkomuoto”Ja astu sisään”Aiheet”Varmistaaksesi, että se on siellä.

Samoin sen konstruktoria voidaan käyttää ”Viestit ja sivut”Valitse”Käytä Divi -konstruktoria”Viestin otsikon alla.

Vaikka Diville on ominaista visuaalinen rakentaja, jonka avulla voit suunnitella minkä tahansa tyyppisen verkkosivuston käyttäjän kuvittelemilla elementeillä, joskus sinun on käytettävä laajennusta tai kirjoitettava koodausta luoda sivulle tiettyjä toimintoja.

Seuraavaa esimerkkiä käytetään YouTube-videon avaamiseen ponnahdusikkunaan (jota kutsutaan myös PopUpiksi tai Lightboxiksi) vain painiketta painamalla.

JQuery -koodi, joka käynnistää ponnahdustoiminnon

Varten vaihtaa taustaväriä ikkunasta, joka avautuu, kun henkilö on painanut painiketta, seuraava koodi on voimassa:

.mfp-bg {

Tausta: # 673ab7;

}

Jos haluat asettaa toisen värin, sinun tarvitsee vain lisätä koodi ja muuttaa sitä ja tallentaa.

Divin käytön edut WordPressissä

Sen lisäksi, että voimme avata videon tai PopUp -tiedoston a ponnahdusikkuna, tällä rakentajalla on myös monia hyveitä, joista voit nauttia, kun alat pelata sitä luomuksissasi.

Se on konstruktori, jolla on hyvin yksinkertainen käytettävyysmenetelmä, joka mukautuu useita kieliä ja suunnittelutyylejä, jotka voidaan integroida WordPress -yhteisöön.

valkoinen wordpress -logo

Se puolestaan ​​yhdistää tyylin reagoiva muotoilu, siten pystyä integroimaan elementtejä, joita voidaan katsella vain tietokoneilla tai laitteilla.

Sen sisältöä muokataan livenä, joten sinun ei tarvitse painaa painiketta ”Esikatselu”Nähdäksesi miltä sivu näyttää jokaisen muutoksen yhteydessä.

Sinun ei myöskään tarvitse tietää HTML- ja CSS -kieltä tyylien luomiseksi, ja jos sinulla on tietoa, voit muokata kunkin elementin koodia.

Jokainen tekemäsi malli voidaan tallentaa ”kirjasto”Jotta se olisi käytettävissänne, kun haluat käyttää sitä toisella sivulla tai viestissä.

Siinä on myös useita työkaluja, jotka tekevät sivustasi houkuttelevamman ja helpomman lukijan käyttää. Samoin kuin kyky sisällyttää BreadScrumbs parantaaksesi hakukoneoptimointia, tiivistä sivupalkki parantaaksesi lukijan lukemista tai korjata alatunniste.

Lopuksi, päivittämällä sitä jatkuvasti, voit ylläpitää verkkosivustosi ja sen sisällön turvallisuutta alustalla.