WordPress: როგორ შევქმნათ ვიდეო Facebox Popup

Vimeo და Youtube ვიდეოები ახლა უფრო მაღალი ხარისხის ვიდეოებს გვთავაზობენ, რომლებსაც შეუძლიათ უძრავი ქონების წართმევა ვებსაიტზე ან ბლოგზე. ამის ოპტიმიზაციის ერთი გზაა მეთოდის გამოყენება, რომელსაც ეწოდება Facebox. Facebox კარგი საშუალებაა თქვენს გვერდზე ფანჯრის ასახვისთვის, ცალკეული ფანჯრის გარეშე.

lifeline-video-button.png

Lifeline მონაცემთა ცენტრები ჰქონდა ვიდეოს, რომელიც დამზადებულია Another Cool Design- ის მიერ, რომლის წარმოდგენა მათ მთავარ გვერდზე სურდათ - თემის გადაადგილების ან დიზაინის გარეშე. ასე რომ, - ჩვენ გავაკეთეთ ლამაზი პატარა გამოსახულება, რომელზეც დიდი სათამაშო ღილაკი იყო და ჩავრთეთ კოდი, რომელიც ქმნის ახალ ფანჯარაში ვიდეოს სანახავად.

lifeline-video-facebox.png

განხორციელება მარტივი იყო WordPress Facebox Gallery მოდული საწყისი ტრუიმაჟი. მე შევქმენი გარე გვერდი (video.html) საიტის ფესვში, რომელსაც აქვს ვიდეო (ავტომატური დაკვრით = 1 ისე, რომ იგი ავტომატურად იკრავს გახსნის დროს), შემდეგ კი დაამატეთ ტექსტური ვიჯეტი საჭირო ფრაგმენტით.

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

ის rel = facebox აღნიშვნა არის ის, რაც იწყებს კოდს ბმულზე დაწკაპუნების შემდეგ ის ჩნდება ვიდეოს ყუთში, რომელიც დაუყოვნებლივ იწყებს თამაშს. ეს არის მარტივი განხორციელება და მარტივი გამოსავალი ერთი ან მეტი ვიდეოს გვერდზე ჩასასმელად. ჩვენ ამ მეთოდს სხვა საიტზე ძალიან მალე გამოვიყენებთ!

შენიშვნა: მნიშვნელოვანია კლიენტის მიერ ვიდეოში ნახვის რაოდენობის აღება ანალიტიკა (Google Analytics), ასე რომ, ჩვენ ასევე დავამატეთ ონკლის ღონისძიება წამყვანის ნიშანზე. ახლა, როდესაც ხალხი ვიდეოს დააწკაპუნებს, ვიღებთ გვერდის "ვირტუალურ" გადახედვას. მე ზემოთ კოდი დავამატე.

3 კომენტარები

  1. 1

    მადლობას გიხდით სახელმძღვანელოს შესახებ. ვიმედოვნებთ, რომ ეს გარკვეულ რამეებს ამოიღებს შინაარსის შინაარსის განსახორციელებლად facebox pop-up- ში. 🙂

  2. 2

    ხვდებით IE- ზე ფანჯრის დახურვისთანავე, ვიდეო კვლავ გააგრძელებს თამაშს ფონზე? (თავად შეექმნა პრობლემა და ვცდილობ გამოვასწორო!)

რას ფიქრობთ?

ეს საიტი იყენებს Akismet- ს, რათა შეამციროს სპამი. შეისწავლეთ თქვენი კომენტარის მონაცემები დამუშავებული.