Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

ขึ้น ดาวน์โหลด 901.000 แล้วDivi เป็นธีม WordPress ที่ได้รับความนิยมมากที่สุดในโลก สมบูรณ์และใช้งานง่ายและมาพร้อมกับเทมเพลตฟรีมากกว่า 62

ต้องการทราบวิธีการเปิดวิดีโอ 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 ยอมรับค่าคอมมา).

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

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

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

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

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

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

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

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

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

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

[video_lightbox_youtube] (สำหรับ YouTube)
[video_lightbox_vimeo5] (สำหรับ 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 = "One วิวิดีโอ " description = "โดย ดร. WP "]

คุณต้องการขายผลิตภัณฑ์ของคุณบนอินเทอร์เน็ตหรือไม่?

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

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

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

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

[video_lightbox_youtube video_id = "YzqKMmQ_3Sg & rel = 0width = "640height = "480auto_thumb = "1description = "โดย ดร. WP "]

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

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

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

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

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

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

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

1 FileBird

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

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

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

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

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

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

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

...