וורדפרס: כיצד ליצור חלון קופץ לווידיאו
סרטוני Vimeo ו-YouTube מציעים כעת סרטונים בחדות גבוהה שיכולים לתפוס לא מעט נדל"ן באתר אינטרנט או בבלוג. אחת הדרכים לבצע אופטימיזציה לכך היא להשתמש בשיטה הנקראת Facebox. תיבת פנים היא אמצעי נחמד להצגת חלון בתוך הדף שלך ללא חלון קופץ נפרד.
מרכזי נתונים לחבל הצלה היה סרטון שהופק על ידי Another Cool Design אותו הם רצו להציג בדף הבית שלהם - מבלי להעביר את העיצוב מחדש או לעצב אותו מחדש. אז - עשינו תמונה קטנה ונחמדה עם כפתור הפעלה גדול ושילבנו קוד שיוצר חלון מסוגנן להצגת הווידיאו בתוכו.
היישום היה פשוט באמצעות ה- תוסף גלריית Facebox ל- WordPress החל מ- Truimage. יצרתי עמוד חיצוני (video.html) בשורש האתר שמכיל את הסרטון (עם הפעלה אוטומטית = 1 כך שהוא יופעל אוטומטית כשהוא נפתח), ואז הוסיף ווידג'ט טקסט עם הטקסט הדרוש.
<a href="video.html" rel = "תיבת פנים" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage');">
אל האני rel = תיבת פנים ייעוד הוא זה שיוזם את הקוד לאחר לחיצה על הקישור. זה קופץ לתיבת הפנים של הווידאו שמתחילה להתנגן מיד. זהו יישום פשוט ופתרון קל להטמעת סרטון אחד או יותר בעמוד. אנו נשתמש בשיטה זו באתר אחר בקרוב מאוד!
הערה: חשוב לצלם את מספר הצפיות עם הסרטון בתוך הלקוח ניתוח (גוגל אנליטיקס), אז הוספנו גם אירוע onclick בתג העוגן. כעת, כשאנשים לוחצים על הסרטון, אנו מקבלים תצוגת דף 'וירטואלית'. הוספתי את הקוד לעיל.