ต้องการทราบวิธีการเปิดวิดีโอ YouTube ในป๊อปอัปบน WordPress หรือไม่?

La Lightbox หรือหน้าต่าง modal (ป็อปอัพ) เป็นคุณสมบัติที่ใช้กันทั่วไปมากในเน็ต อย่างไรก็ตาม โดยทั่วไปจะใช้เพื่อแสดงรูปภาพ แบบฟอร์มการจับภาพอีเมล โปรโมชั่น หรือแม้แต่แบบฟอร์มลงทะเบียน 

แต่คุณทราบหรือไม่ว่ายังสามารถใช้เพื่อแสดงวิดีโอได้อีกด้วย WordPress ? ไม่มี? 

ไม่ต้องกังวลในบทช่วยสอนนี้ฉันจะแสดงวิธีการแสดงวิดีโอ (YouTube – Vimeo – เป็นต้น) ใน Lightbox.

แต่ก่อนหน้านี้หากคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ 

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

เหตุผลที่คุณควรใช้ Lightbox เพื่อแสดงวิดีโอของคุณ 

les Lightbox เป็นหน้าต่างโมดอลอย่างไรก็ตามสิ่งที่คุณไม่ทราบก็คือไม่ใช่ทุกภาพที่แสดงในนั้นจะถูกโหลดทั้งหมดในระหว่างไฟล์ « chargement«  หน้า 

Le นักเดินเรือ รับผิดชอบ les ภาพ เมื่อ Lightbox เปิดขึ้นซึ่งเป็นกรณีของวิดีโอด้วย ในระยะสั้นมันเป็นคุณสมบัติที่ จะช่วยให้เพจของคุณเปิดได้เร็วขึ้น. นอกจากนี้ยังช่วยให้คุณลดขนาด (ระยะเวลา) ของหน้าเว็บของคุณเนื่องจากเนื้อหาส่วนหนึ่งของหน้านี้จะสามารถใช้ได้ในหน้าต่างโมดัลนี้

การพูดพล่อยของการพูดคุยกันลงมือทำธุรกิจ

วิธีการติดตั้งและกำหนดค่า เสียบเข้าไป WP Video Lightbox

WP Video Lightbox คือ a เสียบเข้าไป มีอยู่ที่ WordPress.org ซึ่งหมายความว่าคุณสามารถติดตั้งได้จากแดชบอร์ด WordPress หรือ ดาวน์โหลด เป็นไฟล์. zip.

สำหรับรายละเอียดเพิ่มเติม ดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress.

หลังจากเปิดใช้งาน เสียบเข้าไปไปที่หน้าการตั้งค่าจากตำแหน่งนี้ " การตั้งค่า >> วีดีโอ Lightbox '

เราจะตรงไปที่ " prettyPhoto '

ในความเป็นจริงนี้ เสียบเข้าไป ใช้อีก เสียบเข้าไปซึ่งมีวัตถุประสงค์เพื่อแสดงแกลเลอรี่รูปภาพเป็นหลัก แต่คุณสามารถเปลี่ยนข้อมูลบางส่วนที่จะนำไปใช้กับวิดีโอ

เพื่อที่ฉันจะอธิบายตัวเลือกบางอย่าง (จำเป็น)เพื่อที่จะเป็นตามที่คุณต้องการ

ร้านหนังสืออยู่แล้ว prettyPhoto ต้องเปิดใช้งาน (ตรวจสอบ« ทำให้สามารถ prettyPhoto »)เพื่อให้ผู้ใช้ทราบว่าพวกเขาอยู่ในหน้าเดียวกันคุณสามารถทำให้หน้าต่างโปร่งใสได้ (กำหนด ค่าจาก 0 ถึง 1 ยอมรับค่าคอมมา).

ค้นพบ ลักษณะของป๊อปอัพที่มีประสิทธิภาพสำหรับ WordPress 

กล่องรวมภาพทั้งหมดของคุณสามารถมีชื่อที่สามารถแสดงได้ (แสดง ชื่อเรื่อง). บางครั้งสำหรับหน้าต่างโมดอลขนาดใหญ่คุณต้องอนุญาตให้ปรับขนาดได้ (อนุญาต ปรับขนาด). และสำหรับวิดีโอที่ยาวขึ้นผู้ใช้จะสามารถขยายได้ (อนุญาต แสดง) ดูดีขึ้น.

สำหรับความกว้างและความสูงของ Lightboxคุณสามารถแก้ไขช่อง " ผิดนัด ความกว้าง "และ" ผิดนัด ความสูง ' 

ในการเลือกธีมของ Lightboxเปลี่ยนเมนูแบบเลื่อนลง กระทู้ ". นอกจากนี้ยังสามารถเปิดใช้งานการเล่นอัตโนมัติ (ทำเครื่องหมายในช่อง " เล่นอัตโนมัติ ").

เปิดวิดีโอ Youtube ในป๊อปอัป - define-les-regalges

วิธีการแสดง a Lightbox ในบทความ

Le เสียบเข้าไป ขอเสนอรายการ รหัสย่อ ที่จะช่วยให้คุณสามารถแสดง Lightbox ในบทความ ฉันลืมบอกคุณว่าคุณสามารถดูวิดีโอที่มีอยู่ใน Vimeo.

ในการดูวิดีโอ YouTube ou Vimeoคุณต้องใช้ รหัสย่อ suivant:

[video_lightbox_youtube] (pour YouTube)
[video_lightbox_vimeo5] (pour Vimeo)

แต่ละรายการเหล่านี้ รหัสย่อ ยอมรับพารามิเตอร์ซึ่งจะช่วยให้คุณ:

  • กำหนดตัวระบุ (VIDEO_ID) ของวิดีโอโดยปกติจะอยู่ในรูปแบบนี้ " YzqKMmQ_3Sg ' กันตัวอย่าง [video_lightbox_youtub video_id = "YzqKMmQ_3Sg"]
  • ตั้งค่าความสูงของวิดีโอ (ความสูง)
  • กำหนดความกว้างของวิดีโอ (ความกว้าง)
  • เพิ่มคำอธิบาย (ลักษณะ)
  • เพิ่มจุดยึด HTML (สมอ) หรือข้อความของลิงก์ที่จะเปิดหน้าต่าง
  • เพิ่มภาพขนาดย่อ (auto_thumb)

หากคุณตั้งค่าจุดยึด HTML ภาพขนาดย่อจะถูกละเว้น มิฉะนั้น auto_thumb รับค่า " 1 '

ไปต่อด้วยการค้นพบ วิธีการใช้งานและจัดการรหัสย่อ WordPress

สาธิตการใช้งาน

ด้วยสิ่งที่ฉันเพิ่งให้ข้อมูลคุณคุณสามารถแสดงวิดีโอโดยใช้รหัสที่คล้ายกับวิดีโอนี้:

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0width="640height="480anchor="Une simple vidéo" description="Par Dr WP"]

สำหรับผลลัพธ์ที่คล้ายกัน

นำเสนอสำหรับผลการ

คุณสามารถดูภาพขนาดย่อตามที่แสดงด้านบนด้วยรหัสที่คล้ายกับภาพนี้

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0width="640height="480auto_thumb="1description="Par Dr WP"]

สำหรับผลลัพธ์ที่เหมือนกันกับผลลัพธ์นี้

ขนาดเล็ก-Dune วิดีโอ

ก่อนที่จะออก

ควรสังเกตว่าพารามิเตอร์บางอย่างใน รหัสย่อ จะเขียนทับสิ่งที่กำหนดในการตั้งค่า

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

คุณสามารถใช้อื่นๆ ปลั๊กอิน WordPress เพื่อให้ดูทันสมัยและเพิ่มประสิทธิภาพการจัดการบล็อกหรือเว็บไซต์ของคุณ

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 FileBird

ไฟล์เบิร์ด

คุณเคยประสบปัญหาในการจัดการไฟล์รูปภาพ วิดีโอ หรือเอกสารนับพันที่คุณอัปโหลดไปยัง WordPress FTP หรือไม่? ใช่หรือไม่ไม่สำคัญ สิ่งสำคัญคือต้องรู้ว่า WordPress ปลั๊กอิน FileBird จะช่วยให้คุณจัดการไฟล์มีเดียของคุณได้อย่างง่ายดายและเพิ่มพลังให้กับห้องสมุดของคุณ

ส่วนต่อประสานผู้ใช้และเมนูบริบทช่วยให้ผู้ใช้สามารถลากและวางไฟล์ลงในโฟลเดอร์หรือมีสิทธิ์ที่จำเป็นในการสร้างเปลี่ยนชื่อหรือลบโฟลเดอร์ในแบบเดียวกับที่คุณทำบนคอมพิวเตอร์ของคุณ ด้วยปลั๊กอินนี้ไฟล์สื่อของคุณจะได้รับการจัดระเบียบอย่างเป็นระบบและคุณสามารถเลือกรูปภาพเพื่อแทรกลงในเพจหรือเผยแพร่ได้อย่างง่ายดาย

ค้นพบยังของเรา 6 ปลั๊กอิน WordPress เพื่อสร้างชีวิตใหม่ให้กับบทความของคุณ

นอกจากนี้ปลั๊กอินนี้เข้ากันได้กับปลั๊กอินที่นิยมมากที่สุดโดยเฉพาะกับ WooCommerceและยังรองรับภาษาจำนวนมากอีกด้วย ดังนั้น หากคุณต้องการเพิ่มประสิทธิภาพการจัดการไลบรารีสื่อของคุณ WordPress ปลั๊กอิน FileBird อาจเป็นอาวุธลับของคุณ

ดาวน์โหลดสาธิต เว็บโฮสติ้ง

2. โซเชียลแชร์ & Locker Pro

ส่วนขยาย Social Share & Locker Pro ได้รับการออกแบบมาเพื่อช่วยให้เว็บไซต์ของคุณปรากฏบนเครือข่ายสังคมออนไลน์มากขึ้น ด้วยการคลิกเพียงไม่กี่ครั้งคุณสามารถกำหนดตำแหน่งของไอคอนโซเชียลหรือล็อกเนื้อหาของคุณได้โดยกำหนดให้แชร์บนเครือข่ายโซเชียลที่คุณมีให้

ปลั๊กอินโซเชียลแชร์ Locker Pro WordPress

คุณมีเทมเพลต 10 แบบที่ควรครอบคลุมความปรารถนาที่พบบ่อยที่สุด โมเดลทั้งหมดสมบูรณ์แบบและทำงานได้อย่างยอดเยี่ยม นอกจากนี้ด้วย Social Share & Locker Pro คุณจะสามารถแสดงชื่อเต็มของเครือข่ายโซเชียลหรือเพียงแค่ไอคอน ขึ้นอยู่กับการออกแบบพื้นที่ว่างหรือรสนิยมของคุณ

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 แบบฟอร์มการติดต่อ 7 Tooltips

นี้ ส่วนขยายของ WordPress ของปลั๊กอิน Contact Form 7 นำฟังก์ชันคำแนะนำเครื่องมือง่ายๆ มาใช้กับปลั๊กอิน Contact Form 7 ของคุณ คำแนะนำเครื่องมือจะแสดงเมื่อวางองค์ประกอบเป้าหมายไว้เหนือ บนอุปกรณ์เคลื่อนที่ คำแนะนำเครื่องมือระบุว่าองค์ประกอบเป้าหมายทำงานเมื่อใด

แบบฟอร์มการติดต่อ 7 Tooltips

คุณสมบัติหลัก ได้แก่ : ใช้งานง่าย, รองรับ Contact Form 7 ทุกเวอร์ชัน, ปรับแต่งสีพื้นหลังของคำแนะนำเครื่องมือ, รองรับโค้ด HTML, เลย์เอาท์ ตอบสนองและอื่น ๆ

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

แหล่งข้อมูลอื่น ๆ ที่แนะนำ

นอกจากนี้เรายังขอเชิญคุณให้ศึกษาข้อมูลด้านล่างเพื่อเพิ่มเติมในส่วนที่จับและควบคุมของเว็บไซต์และบล็อกของคุณ

สรุป

ที่นี่! สำหรับบทช่วยสอนนี้หวังว่าจะช่วยให้คุณแสดงวิดีโอ Youtube หรือ Vimeo ในไฟล์ Lightbox บนเว็บไซต์ WordPress ของคุณ. อย่าลังเลที่จะ แบ่งปันกับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ

อย่างไรก็ตามคุณยังจะสามารถปรึกษาเราได้ บริการสารสนเทศหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress

แต่ในระหว่างนี้โปรดแจ้งให้เราทราบเกี่ยวกับไฟล์ ความเห็น และข้อเสนอแนะในส่วนเฉพาะ

...