วิธีใช้ปลั๊กอิน FancyBox ง่าย ๆ เพื่อเพิ่มไลท์บ็อกซ์ในไซต์ WordPress ของคุณ

เผยแพร่แล้ว: 2022-10-02

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

Easy FancyBox เป็นโซลูชันไลท์บ็อกซ์ที่ทำเคล็ดลับสำหรับลิงก์สื่อบนเว็บไซต์ของคุณ หลังจากเปิดใช้งานบัญชีของคุณแล้ว คุณจะได้รับอีเมลพร้อมลิงก์ไปยังรูปภาพ JPG, GIF และ PNG ที่แสดงโดยอัตโนมัติในไลท์บ็อกซ์สไตล์ Mac/Gnome แฟนซีบ็อกซ์ที่ลอยอยู่เหนือหน้าเว็บของคุณ มีส่วนขยาย Pro สำหรับตัวเลือกขั้นสูงและการสนับสนุนลำดับความสำคัญ แพ็คเกจ Pro มีคุณสมบัติมากมาย FancyBox เป็นเครื่องมือที่น่าประทับใจที่ให้คุณแสดงภาพ ภาพยนตร์ เอกสารพกพา และ เนื้อหาแบบอินไลน์ได้ อย่างสวยงามบนเว็บไซต์ของคุณ ณ ตอนนี้ รูปภาพใดๆ ที่ปรากฏโดยตรง (แทนที่จะเป็นหน้า WordPress) จากภายในบทความและหน้าของคุณควรรวมอยู่ในการซ้อนทับ FancyBox คุณคิดอย่างไรกับการตั้งค่าเริ่มต้น

ตัวเลือกใหม่สามารถพบได้ในส่วนการตั้งค่า อันที่จริง FancyBox 1.3.4 ไม่ได้กำหนดเป้าหมายอุปกรณ์มือถือโดยเฉพาะ นี่เป็นวิธีเดียวที่จะหลีกเลี่ยง FancyBox ในขนาดหน้าจอขนาดเล็ก มีรหัสย่อสองรหัสในแกลเลอรี NextGEN ที่อนุญาตให้คุณแสดงแกลเลอรีโดย (1) จำกัดจำนวนรูปภาพที่แสดงต่อแกลเลอรี และ (2) จำกัดจำนวนลิงก์ไปยังแกลเลอรี การตั้งค่าแกลเลอรีสามารถกำหนดค่าให้แสดงภาพขนาดย่อพื้นฐานของ Nextgen Basic ได้ในส่วนแกลเลอรี หากต้องการซ่อนลิงก์การเรียกดูหน้าเว็บใต้ภาพขนาดย่อของแกลเลอรี คุณสามารถใช้กฎ CSS ใหม่ต่อไปนี้ในสไตล์ชีตของธีมได้ Paramer autoplay=1 ซึ่งถูกเพิ่มลงใน URL ของทั้งวิดีโอ YouTube และ Vimeo สามารถใช้เพื่อเริ่มวิดีโอได้ทันที

คุณสามารถแชร์ URL การแชร์ของเพลย์ลิสต์ได้โดยไปที่หน้า YouTube ของภาพยนตร์ หากคุณต้องการใช้ ตัวเลือก iFrame ให้ไปที่การตั้งค่าและยกเลิกการเลือกช่องทำเครื่องหมาย คุณสามารถใช้นามสกุลไฟล์ htm(l) เพื่อเชื่อมโยงไปยังหน้าเว็บหรือไฟล์ใดๆ ในเว็บไซต์ของคุณ จากนั้น คุณสามารถเลือกแท็บข้อความจากตัวแก้ไขแบบคลาสสิกหรือคลิกแก้ไขเป็น HTML ในตัวแก้ไขแบบคลาสสิก ใน Gutenberg ให้เพิ่มแอตทริบิวต์ class=fancybox-iframe ให้กับลิงก์ ควรหลีกเลี่ยงการฝังหน้าเว็บภายนอกทั้งหมดใน iframes เว้นแต่จะระบุไว้เป็นอย่างอื่นโดยส่วนหัวหรือสคริปต์การตอบกลับของเซิร์ฟเวอร์ FancyBox พยายามตรวจหาขนาดของเนื้อหาโดยอัตโนมัติ แต่ถ้าไม่สามารถทำได้ ระบบจะตั้งค่าเริ่มต้นเป็นการตั้งค่าประเภทสื่อในหน้าการตั้งค่า

คุณยังสามารถระบุความกว้างและความสูงของวงเล็บปีกกาที่รวมอยู่ในแอตทริบิวต์คลาสลิงก์ได้โดยใช้ส่วนขยาย Pro FancyBox สามารถกำหนดค่าให้แสดงเนื้อหาที่ซ่อนอยู่บนหน้าโดยใช้หนึ่งในหลายวิธี ลิงค์ที่มี ID fancybox-auto (เพราะสามารถมีได้เพียงลิงค์เดียวเท่านั้นในหน้าเดียว) ผู้เข้าชมจะได้รับแจ้งให้เปิดหน้าด้วยความคิดริเริ่มของตนเอง สามารถใช้ Contact Forms 7 และ Easy FancyBox เพื่อสร้างเนื้อหาแบบอินไลน์ ซึ่งสามารถเป็น shortcode ได้ ในเหตุการณ์การโหลดเอกสาร Easy FancyBox จะสแกนหาลิงก์สื่อจากหน้าต้นทาง เมื่อมีการเพิ่มหรือแก้ไขเนื้อหาใหม่โดยใช้ AJAX จะไม่มีการแสดงลิงก์สื่อไปยัง FancyBox

เมื่อมีการแก้ไขแหล่งที่มาของหน้าผ่าน AJAX แต่เนื้อหายังคงได้รับการอัปเดต Easy FancyBox จะสร้างตัวฟังเหตุการณ์เพื่อสแกนแหล่งที่มาของหน้าที่อัปเดตสำหรับการเปลี่ยนแปลง ด้วยปลั๊กอินนี้ คุณสามารถสร้างลิงก์สื่อต่างๆ รวมถึง SVG ตลอดจนทำงานด้านประสิทธิภาพต่างๆ และอื่นๆ เวอร์ชันฟรีมาพร้อมกับฟีเจอร์มากมาย แต่เวอร์ชันพรีเมียมยังเพิ่มความซับซ้อนให้กับเว็บไซต์ที่อาจต้องใช้ ฝ่ายบริการลูกค้าไม่สามารถใช้ได้สำหรับปลั๊กอินรุ่น Pro แม้ว่าจะใช้งานได้ตามที่คาดไว้ก็ตาม จะตัดสินใจอีกครั้งในไม่ช้า Easy FancyBox เป็นการแสดงบทเรียนแบบโต้ตอบตามไลท์บ็อกซ์ที่เป็นโอเพนซอร์สและใช้งานได้ฟรี ผู้ตรวจทาน: “ไม่เพียงแต่วิธีแก้ปัญหานี้ช่วยแก้อาการปวดหัว MAJOR ของฉัน ซึ่งไม่มีปลั๊กอินอื่นที่ฉันพยายามจะใช้งานได้ แต่ยังมอบ ไลท์บ็อกซ์ที่ยอดเยี่ยม ให้ฉันด้วย”

Fancybox สำหรับ WordPress คืออะไร?

เครดิต: YouTube

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

Easy FancyBox เป็นโซลูชันกล่องไฟที่สามารถใช้จัดเก็บลิงก์สื่อเกือบทั้งหมดบนเว็บไซต์ของคุณ เราสนับสนุน iframes เช่นเดียวกับรูปภาพ วิดีโอ Dailymotion PDF อินไลน์ และ HTML5 ส่วนขยาย Pro เป็นตัวเลือกสำหรับตัวเลือกขั้นสูงและการสนับสนุนลำดับความสำคัญ ปลั๊กอินนี้ไม่ได้รวบรวมข้อมูลส่วนบุคคลใด ๆ และไม่อนุญาตให้ผู้ใช้ตั้งค่าคุกกี้เป็นคุกกี้ แต่อย่างใด Easy FancyBox เข้ากันได้กับ Jetpack Infinite Scroll แต่อาจต้องใช้สคริปต์อื่นเพื่อทำเช่นเดียวกัน ลิงก์ทั้งหมดที่มีคลาส nolightbox ที่ปกติจะอนุญาตให้เปิดในโอเวอร์เลย์ FancyBox จะไม่ได้รับอนุญาตให้เปิด แอปนี้สามารถใช้ได้กับ Network Activate ซึ่งหมายความว่าคุณไม่จำเป็นต้องเปิดใช้งานแต่ละไซต์ในเครือข่ายของคุณด้วยตนเอง


ปลั๊กอิน Fancybox WordPress

เครดิต: www.gopiplus.com

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

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

Fancybox อินไลน์

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

Fancybox: เครื่องมือสำหรับแสดงรูปภาพ เนื้อหา Html และมัลติมีเดียบนเว็บเพจ

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

Fancybox Ajax Popup

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