WordPress: Sut i Wneud Popup Facebox Popup

Erbyn hyn mae fideos Vimeo ac Youtube yn cynnig fideos diffiniad uwch a all gymryd cryn dipyn o eiddo tiriog ar wefan neu flog. Un ffordd o optimeiddio ar gyfer hyn yw defnyddio dull o'r enw Facebox. Mae blwch wyneb yn fodd braf o arddangos ffenestr yn eich tudalen heb ffenestr naid ar wahân.

lifeline-video-button.png

Canolfannau Data Llinell Gymorth wedi cael fideo wedi'i gynhyrchu gan Another Cool Design yr oeddent am ei gyflwyno ar eu tudalen gartref - heb orfod adleoli nac ailgynllunio'r thema. Felly - gwnaethom ddelwedd fach braf gyda botwm chwarae mawr arni, ac ymgorffori cod sy'n cynhyrchu ffenestr chwaethus i arddangos y fideo oddi mewn.

lifeline-video-facebox.png

Roedd y gweithredu'n syml gan ddefnyddio'r Ategyn Oriel WordPress Facebox o Truimage. Fe wnes i greu tudalen allanol (video.html) yng ngwraidd y wefan sydd â'r fideo (gydag autoplay = 1 fel ei fod yn chwarae'n awtomatig pan fydd yn agor), ac yna ychwanegu teclyn testun gyda'r pyt angenrheidiol.

<a href="video.html" rel = "facebox" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage');"> 

Daeth rel = blwch wyneb dynodiad yw'r hyn sy'n cychwyn y cod unwaith y bydd y ddolen wedi'i chlicio. Mae'n popio'r blwch wyneb fideo sy'n dechrau chwarae ar unwaith. Mae'n weithred syml ac yn ateb hawdd ar gyfer ymgorffori un neu fwy o fideos mewn tudalen. Byddwn yn defnyddio'r dull hwn ar safle arall yn fuan iawn!

SYLWCH: Mae'n bwysig dal nifer y golygfeydd gyda'r fideo yn y cleient analytics (Google Analytics), felly fe wnaethom hefyd ychwanegu digwyddiad onclick ar y tag angor. Nawr, pan fydd pobl yn clicio ar y fideo, rydyn ni'n cael golwg tudalen 'rithwir'. Rydw i wedi ychwanegu'r cod uchod.

3 Sylwadau

  1. 1

    Diolch am ysgrifennu tiwtorial. Gobeithio y bydd yn clirio rhai pethau ar gyfer gweithredu cynnwys mewnol mewn naidlen blwch wyneb. 🙂

  2. 2

Beth ydych chi'n feddwl?

Mae'r wefan hon yn defnyddio Akismet i leihau sbam. Dysgwch sut mae eich data sylwadau yn cael ei brosesu.