ปลั๊กอิน WordPress: เปิดวิดีโอในไลท์บ็อกซ์ที่มี Elementor
เราได้ใช้เว็บไซต์กับลูกค้าที่สร้างขึ้นด้วย Elementorปลั๊กอินการแก้ไขแบบลากและวางที่ยอดเยี่ยมสำหรับ WordPress ที่เปลี่ยนความง่ายในการสร้างเลย์เอาต์ที่ซับซ้อนสวยงามตอบสนอง ... โดยไม่ต้องเขียนโปรแกรมหรือไม่จำเป็นต้องเข้าใจรหัสย่อ
Elementor มีข้อ จำกัด บางประการซึ่งหนึ่งในนั้นฉันพบในการทำงานบนไซต์ไคลเอนต์ พวกเขาต้องการเพียงแค่ปุ่มที่เปิดวิดีโอในไลท์บ็อกซ์…สิ่งที่ Elementor ไม่มีให้ คุณสามารถแก้ไขปัญหาได้โดยใช้รูปภาพที่มีหรือไม่มีปุ่มเล่น ... แต่ Elementor มีองค์ประกอบปุ่มที่ยอดเยี่ยม ฉันแปลกใจที่พวกเขาไม่ได้เสนอสิ่งนี้นอกกรอบ
โชคดีที่มีปลั๊กอินสำหรับสิ่งนั้น!
ส่วนเสริมที่จำเป็นสำหรับ Elementor
โชคดีที่มีโปรแกรมเสริมที่ยอดเยี่ยมมากมายสำหรับ Elementor ในตลาด คุณต้องค่อนข้างระมัดระวังในการเลือกผู้พัฒนาปลั๊กอิน การมีไซต์ WordPress ที่สร้างขึ้นบน Elementor ทำให้เกิดการพึ่งพา Elementor จากนั้นการมีส่วนเสริมที่สร้างโดยผู้ขายรายอื่นจะสร้างการพึ่งพาอื่น สิ่งสำคัญอย่างยิ่งต่อความสำเร็จของไซต์ WordPress ของคุณเพื่อให้แน่ใจว่าผู้พัฒนาปลั๊กอินมีการติดตั้งจำนวนมากและมีรายได้ที่เกี่ยวข้องในการดูแลรักษาและปรับปรุงปลั๊กอินเมื่อเวอร์ชันของ WordPress และ Elementor ได้รับการอัปเดต
ปลั๊กอินที่ยอดเยี่ยมอย่างหนึ่งคือ ส่วนเสริมที่จำเป็นสำหรับ Elementor. ด้วยการติดตั้งมากกว่า 800,000 ครั้งปลั๊กอินอาจเป็นปลั๊กอินเสริมองค์ประกอบยอดนิยมสำหรับ Elementor ในตลาด คุณลักษณะสำคัญในปลั๊กอินนี้คือความสามารถในการเพิ่มและกำหนดค่าไลท์บ็อกซ์สำหรับเว็บไซต์ WordPress ของคุณที่สร้างด้วย Elementor
ปุ่มไลท์บ็อกซ์ Elementor
เมื่อคุณติดตั้งปลั๊กอิน Essential Add-Ons สำหรับ Elementor เวอร์ชันชำระเงินแล้วให้เปิดใช้งานไฟล์ Lighbox & Modal คุณลักษณะเพื่อดูองค์ประกอบในองค์ประกอบ Elementor ของคุณ จากนั้นคุณสามารถค้นหาและลากลงในหน้าของคุณได้อย่างง่ายดาย:
จากนั้นคุณจะต้องแก้ไขการตั้งค่าสองสามอย่างสำหรับองค์ประกอบ:
- ตั้งค่า> ทริกเกอร์เป็น คลิกปุ่ม
- ตั้งค่า> พิมพ์เป็น ปุ่ม
- ตั้งค่าการตั้งค่า> ข้อความปุ่ม
- ตั้งค่าเนื้อหา> พิมพ์เป็น ลิงก์ไปยังเพจ / วิดีโอ / แผนที่
- ตั้งค่าเนื้อหา> ระบุ URL ของหน้า / วิดีโอ / แผนที่ ไปยัง URL วิดีโอของคุณ
จากนั้นคุณสามารถปรับแต่งไลท์บ็อกซ์และสไตล์ปุ่มได้ตามต้องการ เป็นประสบการณ์ที่ราบรื่นระหว่างส่วนเสริมและ Elementor นี้
แม้ว่าคุณลักษณะดังกล่าวอาจคุ้มค่าที่จะจ่าย แต่ปลั๊กอิน Essential Add-Ons สำหรับ Elementor มีคุณสมบัติอื่น ๆ อีกมากมายที่รวมอยู่ในเวอร์ชันฟรีและแบบชำระเงิน หมายเหตุ: ฟังก์ชันไลท์บ็อกซ์อยู่ในเวอร์ชันชำระเงิน
ส่วนเสริมที่สำคัญสำหรับ Elementor: องค์ประกอบฟรี
เวอร์ชันฟรีมีองค์ประกอบพื้นฐานบางอย่างที่สามารถเพิ่มได้:
- กล่องข้อมูล - แสดงข้อมูลสำคัญด้วยประเภท Info Box โดยเพิ่ม Icon On Top และเพิ่มเอฟเฟกต์ภาพเคลื่อนไหว
- หีบเพลงขั้นสูง - แสดงเนื้อหาเปิดใช้งานไอคอนสลับเติมส่วนหีบเพลงด้วยข้อความที่ต้องการและทำให้ดูเป็นแบบโต้ตอบสำหรับผู้ชม
- ตารางผลิตภัณฑ์ Woo - แสดงผลิตภัณฑ์ WooCommerce ได้ทุกที่และแสดงผลิตภัณฑ์ตามหมวดหมู่แท็กหรือแอตทริบิวต์ เพิ่มเอฟเฟกต์โฮเวอร์บนเค้าโครงได้อย่างง่ายดายเพื่อให้สวยงาม
- พลิกกล่อง - จัดแสดงเนื้อหาอย่างสวยงามด้วยภาพเคลื่อนไหวพลิกซ้าย / ขวาบนเมาส์
- แท็บขั้นสูง - แสดงข้อมูลสำคัญในลักษณะโต้ตอบที่รองรับการออกแบบแท็บที่ซ้อนกันที่กำหนดเองเพื่อดึงดูดผู้ชมในอินสแตนซ์
- ตารางการกำหนดราคา - สร้างตารางราคาผลิตภัณฑ์ที่มีประสิทธิภาพพร้อมรูปแบบที่สมบูรณ์แบบเพื่อเพิ่มยอดขายจากผู้ซื้อในอนาคตของคุณ
- รูปภาพหีบเพลง - เน้นภาพของคุณด้วยเอฟเฟกต์โฮเวอร์และคลิกที่น่าทึ่งโดยใช้ EA Image Accordion
- โพสต์ตาราง - แสดงโพสต์บล็อกหลายรายการในรูปแบบตาราง คุณสามารถเลือกเลย์เอาต์ที่คุณต้องการได้จากการตั้งค่าเลย์เอาต์เพิ่มแอนิเมชั่นและทำให้มันดูอินเตอร์แอคทีฟสำหรับผู้เยี่ยมชม
- คำกระตุ้นการตัดสินใจ - จัดรูปแบบเนื้อหาคำกระตุ้นการตัดสินใจสีและเชื่อมโยงเพื่อนำผู้เข้าชมไปยังการกระทำที่ต้องการ
- นับถอยหลัง - สร้างและออกแบบตัวจับเวลาจากสไตล์ที่แตกต่างกัน
- โพสต์ไทม์ไลน์ - แสดงโพสต์บล็อกเพจหรือโพสต์ที่กำหนดเองในรูปแบบแนวตั้งที่สวยงาม คุณสามารถกำหนดจำนวนโพสต์ที่ต้องการเพิ่มเอฟเฟกต์ที่น่าทึ่งภาพซ้อนทับปุ่มและอื่น ๆ เพื่อดึงความสนใจของผู้ชม
- แกลเลอรีที่กรองได้ - แสดงภาพที่มีหมวดหมู่แยกสไตล์กริดและปรับแต่งการออกแบบโดยรวมเพื่อให้ได้รูปลักษณ์ที่ไม่ธรรมดา
ดาวน์โหลดส่วนเสริมที่จำเป็นสำหรับ Elementor
Add-On ที่สำคัญสำหรับ Elementor: องค์ประกอบที่ต้องชำระเงิน
ด้วยเวอร์ชันที่ต้องชำระเงินคุณจะได้รับองค์ประกอบอีกมากมายที่ให้ความสามารถสูงสุดอย่างแท้จริงในธีมที่ใช้ Elementor ของคุณ
- ไลท์บ็อกซ์และโมดอล - แสดงวิดีโอรูปภาพหรือเนื้อหาอื่น ๆ ของคุณด้วยป๊อปอัป คุณสามารถตั้งค่าการดำเนินการทริกเกอร์ที่ต้องการเพิ่มภาพเคลื่อนไหวและตั้งค่ารูปแบบเพื่อเพิ่มการมีส่วนร่วม
- การเปรียบเทียบภาพ - ช่วยให้ผู้ซื้อที่มีศักยภาพของคุณสามารถเปรียบเทียบระหว่างภาพผลิตภัณฑ์ทั้งสองของคุณ (เก่ากับใหม่) ด้วยวิธีที่น่าทึ่ง
- โลโก้ Carousel - เลือกเอฟเฟกต์ภาพหมุนที่คุณต้องการเพิ่มโลโก้และจัดรูปแบบผลลัพธ์เพื่อแสดงลูกค้าหรือคู่ค้าทั้งหมดของคุณอย่างสวยงาม
- ผล Parallax - อนุญาตให้ผู้เยี่ยมชมของคุณสัมผัสกับไซต์ของคุณด้วยเอฟเฟกต์พารัลแลกซ์แบบหลายชั้นที่รวมการโต้ตอบเมื่อวางเมาส์
- โปรโมชั่น - เพิ่มหัวข้อที่น่าสนใจเนื้อหาภายในเนื้อหาที่วางเมาส์เหนือและภาพที่สวยงามเพื่อดึงดูดความสนใจของผู้เยี่ยมชม
- สลับเนื้อหา - เพิ่มเอฟเฟกต์การวางเมาส์ให้กับเนื้อหาของคุณที่เน้นความแตกต่างที่คุณต้องการให้ผู้เยี่ยมชมของคุณให้ความสำคัญ
- แผนที่ Googles - กำหนดค่าองค์ประกอบแผนที่เพิ่มไอคอนเครื่องหมายและทำให้เป็นแบบโต้ตอบสำหรับผู้เยี่ยมชม
- ผลกระทบของอนุภาค - เพิ่มส่วนที่สร้างสรรค์บนเว็บไซต์ของคุณเพื่อให้โดดเด่น
- การ์ดแบบโต้ตอบ - นำความสามารถขั้นสูงเช่นการเลื่อนภายในและเอฟเฟกต์โฮเวอร์มาสู่บล็อกเนื้อหาของคุณ
- Protected Content - จำกัด เนื้อหาด้วยรหัสผ่านหรือตามบทบาทของผู้ใช้
- โพสต์บล็อก - แสดงโพสต์บล็อกของคุณด้วยสไตล์ที่เป็นเอกลักษณ์หลากหลายโดยใช้พลังของ CSS Flex ที่ทันสมัย คุณสามารถเลือกเลย์เอาต์เพิ่มแอนิเมชั่นเพิ่มไอคอนและจัดรูปแบบได้ทุกอย่างรวมถึงเอฟเฟกต์โฮเวอร์
- เคล็ดลับเครื่องมือขั้นสูง - เพิ่มคำแนะนำเครื่องมือด้านบนและด้านล่างเนื้อหา
- การนำทางหน้าเดียว - สร้างเว็บไซต์หน้าเดียวด้วยการคลิกเพียงไม่กี่ครั้งโดยใช้ Elementor
- สไลเดอร์รับรอง - สร้างกระดานข้อความรับรองเชิงโต้ตอบที่นำเสนอบทวิจารณ์หลายรายการอย่างสวยงามในพื้นที่เนื้อหาเดียว
- Instagram - ดึงดูดความสนใจของผู้เยี่ยมชมไซต์ของคุณและดึงดูดผู้ติดตาม Instagram มากขึ้นโดยการแสดงฟีด Instagram บนไซต์ของคุณ
- รูปภาพฮอตสปอต - เพิ่มฮอตสปอตพื้นที่รูปภาพด้วยคำแนะนำเครื่องมือที่กำหนดเองเพื่อให้ผู้ใช้สามารถคลิกที่ฮอตสปอตเพื่อเปิดเผยข้อความที่เกี่ยวข้อง
ตัวเลือกที่มีปลั๊กอินที่ฉันชอบมากคือความสามารถในการเปิดหรือปิดใช้งานแต่ละองค์ประกอบเหล่านี้ภายในไซต์ ซึ่งจะ จำกัด ค่าใช้จ่ายในการเพิ่มสคริปต์ของคุณลักษณะแต่ละรายการในไซต์