วิธีเปิดวิดีโอในไลท์บ็อกซ์ด้วย Elementor

คุณต้องการเปิดวิดีโอในไลท์บ็อกซ์ที่มี Elementor หรือไม่?

Elementor มาพร้อมกับวิดเจ็ตวิดีโอเพื่อให้คุณเพิ่มวิดีโอลงในหน้าได้อย่างง่ายดาย คุณยังสามารถเพิ่มวิดีโอไดนามิกโดยใช้คุณสมบัติเนื้อหาไดนามิกของ Elementor (ต้องใช้เวอร์ชันโปร)

เมื่อคุณเพิ่มวิดีโอใน Elementor คุณสามารถกำหนดค่าให้เปิดในไลท์บ็อกซ์ที่ยังคงเรียกว่า ผู้ชม.

บทความนี้จะแสดงให้คุณเห็นว่า

แต่ก่อนอื่นเรามารู้กันก่อน วิธีการติดตั้ง Elementor บน WordPress

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

วิธีเปิดวิดีโอในไลท์บ็อกซ์ใน Elementor โดยใช้วิดเจ็ตวิดีโอ

ดังที่ได้กล่าวไว้ก่อนหน้านี้ Elementor มาพร้อมกับวิดเจ็ตวิดีโอเพื่อให้คุณเพิ่มวิดีโอลงในเพจหรือเทมเพลต วิดเจ็ตมีตัวเลือกการตั้งค่าเพื่อเปิดวิดีโอในไลท์บ็อกซ์

ขั้นแรก เพิ่มวิดเจ็ตวิดีโอลงในช่องแก้ไข

เพิ่มวิดีโอของคุณโดยวางลิงก์ลงในช่อง ลิงค์

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

วิธีเปิดวิดีโอในไลท์บ็อกซ์ใน Elementor โดยใช้ Dynamic Link

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

ขั้นแรก เพิ่มวิดเจ็ต (เช่น วิดเจ็ตปุ่ม) ลงในช่องแก้ไขตามปกติ ในแผงการตั้งค่า คลิกไอคอนไดนามิกในฟิลด์ ของลูกหนี้เพื้อนำมาชำระหนี และเลือก Lightbox.

จากนั้นคลิกที่ไอคอนประแจในสนาม Lightbox คลิกที่ไอคอนวิดีโอ และวาง URL ของวิดีโอที่คุณต้องการเพิ่ม

ที่นี่. คุณสามารถคลิกที่รายการและควรแสดงวิดีโอในไลท์บ็อกซ์ดังนี้

การปรับแต่งไลท์บ็อกซ์

หากลักษณะเริ่มต้นของไลท์บ็อกซ์ของ Elementor ไม่ทำให้คุณประทับใจ คุณสามารถปรับแต่งได้ ในการดำเนินการนี้ คุณสามารถคลิกที่ไอคอนแฮมเบอร์เกอร์ที่มุมซ้ายบนของแผงการตั้งค่า แล้วคลิก การตั้งค่าเว็บไซต์.

คลิกที่ Lightbox ในบล็อก การปรับเปลี่ยน

อย่างที่คุณเห็น มีตัวเลือกการตั้งค่าบางอย่างที่คุณสามารถตั้งค่าได้ รวมถึงสี

• สีพื้นหลัง: สีพื้นหลังของผู้ชม
• UI สี: สีของปุ่ม (ปุ่มปิด, ปุ่มเต็มหน้าจอ, ปุ่มซูมเข้า, ปุ่มแชร์)
• สีโฮเวอร์ UI: สีของปุ่มในโหมดโฮเวอร์
• สีข้อความ: สีข้อความ นำไปใช้กับรูปภาพไลท์บ็อกซ์

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

รับ Elementor Pro ทันที!

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

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

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

1 ทุกรอบ

All Around คือ a WordPress ปลั๊กอิน พรีเมี่ยมตามชื่อที่กลมกล่อม นำเสนอการออกแบบที่สะอาดตาและตอบสนองได้ดี มีตัวเลือกสไตล์ที่กำหนดไว้ล่วงหน้าจำนวนมาก และรองรับการสัมผัส

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

ดูบทความของเราเกี่ยวกับ วิธีทำเงินกับบล็อกของคุณเมื่อคุณมีปริมาณการใช้งานต่ำ

คุณสมบัติของมันคือ:ในหน้าตอบสนองอย่างสมบูรณ์ รูปแบบที่กำหนดไว้ล่วงหน้าของ 6 le สนับสนุนวิดีโอ, dการเลื่อนแนวตั้งหรือแนวนอนรองรับตัวเลื่อนหลายตัวในหนึ่งหน้า eไม่มาก

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

2 ตัวสร้างฟอร์มที่ดีที่สุด

Ultimate Form Builder คือ a WordPress ปลั๊กอิน พรีเมี่ยมที่ให้คุณสร้างได้ รูปแบบ ตอบสนองได้ไม่จำกัด มันมีตัวสร้าง รูปแบบ drag'n'drop ซึ่งสามารถสร้างแบบฟอร์มประเภทใดก็ได้ (ติดต่อ แบบสำรวจ ข้อเสนอ ข้อมูล ฯลฯ)

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

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

แบบฟอร์มทั้งหมดที่ออกแบบโดยปลั๊กอินนี้จะปลอดภัยเป็นพิเศษขอบคุณ ระบบแคปต์ชา มีประสิทธิภาพ

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

3 การติดตามการจัดส่งสินค้าของ WooCommerce

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

WCST จะโพสต์ข้อมูลการติดตาม (URL ของ บริษัท และรหัสติดตาม) โดยตรงในอีเมล "สั่งซื้อเสร็จสมบูรณ์" และหน้า "ดูคำสั่งซื้อ"

ค้นพบรายการของเราด้วย ปลั๊กอินในการปรับปรุงร้านค้าออนไลน์ของคุณ 50 WooCommerce

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

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

ทรัพยากรที่แนะนำ

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

• ปลั๊กอิน WooCommerce 10 เพื่อคำนวณต้นทุนการจัดส่งพัสดุ
• เหตุใดคุณจึงควรใช้ตัวบล็อกเนื้อหาใน WordPress
• วิธีแปลบล็อก WordPress เป็นหลายภาษา
• วิธีการโหลด Facebook และ Disqus อย่างช้าๆ

สรุป

ที่นี่ ! บทช่วยสอนนี้แสดงวิธีเปิดวิดีโอในไลท์บ็อกซ์ด้วย Elementor เท่านั้น. หากคุณมี ความเห็น หรือข้อเสนอแนะอย่าลังเลที่จะแจ้งให้เราทราบในส่วนที่สงวนไว้

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ. 

...