וורדפרס: כיצד ליצור חלון קופץ לווידיאו

סרטוני Vimeo ו- Youtube מציעים כעת סרטוני הגדרה גבוהה יותר שיכולים לתפוס לא מעט נדל"ן באתר אינטרנט או בבלוג. אחת הדרכים לבצע אופטימיזציה לכך היא להשתמש בשיטה הנקראת Facebox. תיבת פנים היא אמצעי נחמד להצגת חלון בתוך הדף שלך ללא חלון קופץ נפרד.

lifeline-video-button.png

מרכזי נתונים לחבל הצלה היה סרטון שהופק על ידי Another Cool Design אותו הם רצו להציג בדף הבית שלהם - מבלי להעביר את העיצוב מחדש או לעצב אותו מחדש. אז - עשינו תמונה קטנה ונחמדה עם כפתור הפעלה גדול ושילבנו קוד שיוצר חלון מסוגנן להצגת הווידיאו בתוכו.

lifeline-video-facebox.png

היישום היה פשוט באמצעות ה- תוסף גלריית Facebox ל- WordPress החל מ- Truimage. יצרתי עמוד חיצוני (video.html) בשורש האתר שמכיל את הסרטון (עם הפעלה אוטומטית = 1 כך שהוא יופעל אוטומטית כשהוא נפתח), ואז הוסיף ווידג'ט טקסט עם הטקסט הדרוש.

<a href="video.html" rel = "תיבת פנים" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage');"> 

rel = תיבת פנים ייעוד הוא היוזם את הקוד לאחר לחיצה על הקישור. זה קופץ לתיבת הפנים של הווידאו שמתחילה להתנגן מיד. זהו יישום פשוט ופתרון קל להטמעה של סרטון אחד או יותר בעמוד. אנו נשתמש בשיטה זו באתר אחר בקרוב מאוד!

הערה: חשוב לצלם את מספר הצפיות עם הסרטון בתוך הלקוח ניתוח (גוגל אנליטיקס), לכן הוספנו גם אירוע onclick בתג העוגן. כעת, כשאנשים לוחצים על הסרטון, אנו מקבלים תצוגת דף 'וירטואלית'. הוספתי את הקוד לעיל.

תגובות 3

  1. 1

    תודה שכתבת הדרכה. אני מקווה שזה יבהיר כמה דברים ליישום תוכן מוטבע בחלון קופץ של תיבת פנים. 🙂

  2. 2

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.