แทนที่วิดเจ็ตแกลเลอรี DIVI ด้วยส่วนเสริมแกลเลอรี WP Media Folder

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

ด้วย WP Media Folder คุณจะสามารถแทนที่และปรับปรุงบล็อกแกลเลอรีจาก Divi ด้วยเครื่องมือมากมาย เช่น การใช้ธีมที่กำหนดไว้ล่วงหน้าและปรับแต่งให้เหมาะสมกับเนื้อหาไซต์ของคุณ

นอกจากนี้ยังมีส่วนพิเศษในการจัดการแกลเลอรี่ของคุณ แก้ไข และดูตัวอย่าง แต่นั่นไม่ใช่ทั้งหมด! คุณจะสามารถจัดการแกลเลอรี่ของคุณได้โดยตรงจากรุ่นเพจ เราจะมาดูกันว่ามันง่ายแค่ไหนในโพสต์นี้ ;)

เริ่มใช้ Addon ที่จำเป็นสำหรับแกลเลอรีของคุณ 

เพื่อให้บทช่วยสอนนี้สมบูรณ์ เราใช้ WP Media Folder และ WP Media Folder Gallery Addon ปลั๊กอินเหล่านี้มีเครื่องมือที่จำเป็นในการจัดการและสร้างแกลเลอรีที่แสดงในโพสต์นี้

ก่อนอื่น มาเริ่มสร้างแกลเลอรีแรกของเราด้วยตัวจัดการแกลเลอรี สำหรับสิ่งนี้ ไปที่ Media > Media Folder Galleries ในส่วนนี้ คุณจะสามารถจัดการแกลเลอรี่ทั้งหมดของคุณ ตอนนี้เราอยู่ที่นี่ คลิกที่ +เพิ่มแกลเลอรีใหม่ > สร้างแกลเลอรีสื่อ ใหม่

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

เราจะเพิ่มชื่อ "Gallery for Divi" และเลือก Custom Grid เป็นธีมสำหรับแกลเลอรีนี้ เมื่อเสร็จแล้ว ให้คลิก ที่ Create

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

เราจะใช้รูปภาพโดยตรงจาก Media Library สำหรับบทช่วยสอนนี้ คลิกโลโก้ WordPress เพื่อโหลด Media Library และเลือกรูปภาพที่คุณต้องการใช้ จากนั้นคลิกที่ Import images

ธีม Custom Grid นี้พิเศษเพราะจะทำให้คุณสามารถสร้างขนาดใหญ่ขึ้นและย้ายรูปภาพด้วยระบบลากและวาง

มาตั้งค่ารูปภาพในแบบที่เราต้องการให้แสดง แล้ว คลิก บันทึก

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

สร้างแกลเลอรี DIVI ที่ดีที่สุด 

เมื่อสร้างแกลเลอรีแล้ว ให้ไปที่หน้าที่คุณต้องการแก้ไขด้วย DIVI และในวิดเจ็ตหลังจากคลิกที่ + แล้วมองหาบล็อกที่เรียกว่า WPMF Gallery Addon

ซึ่งจะเป็นการเปิดบล็อกที่มีตัวเลือกทั้งหมดในการจัดการแกลเลอรีของคุณ ก่อนอื่น ให้มองหาส่วน "เลือกแกลเลอรี" และเลือกแกลเลอรีที่เราสร้างไว้ก่อนหน้านี้

การดำเนินการนี้จะโหลดการแสดงตัวอย่างพร้อมการตั้งค่าทั้งหมดที่มีให้สำหรับธีมแกลเลอรีในบล็อก

คุณสามารถสร้างธีมที่คุณชอบให้เข้ากับเนื้อหาของคุณโดยใช้การตั้งค่าธีม มาดูกันเลย

ในตอนแรก คุณมีตัวเลือกในการเปลี่ยนธีม ตั้งค่าเลย์เอาต์อื่น ทำให้แถวมีความสูงมากขึ้นและกำหนดอัตราส่วนกว้างยาว

ในกรณีที่คุณต้องการแสดงมากกว่าหนึ่งแกลเลอรี คุณสามารถเลือก Gallery Navigation ซึ่งจะทำให้คุณสามารถเพิ่มแกลเลอรีที่มีแกลเลอรีย่อยได้

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

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

ด้วยตัวเลือกเหล่านี้และตัวเลือกขั้นสูงอื่นๆ ที่มีอยู่ คุณสามารถปรับแกลเลอรีของคุณอย่างมืออาชีพด้วยตัวเลือกง่ายๆ ;)

สร้างเงาและปรับแต่งได้มากเท่าที่คุณต้องการ

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

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

ตอนนี้เราได้เห็นบทสรุปของการตั้งค่าธีมทั้งหมดแล้ว มาดูธีมที่มีให้ใช้งานกัน:

ค่าเริ่มต้น 

Masonry 

ผลงาน 

ตัวเลื่อน 

โฟลสไลด์ 

ตารางกริด 

วัสดุ 

ตารางที่กำหนดเอง

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

เริ่มใช้ชุดค่าผสมแบบมืออาชีพนี้ 

ดังที่คุณเห็นว่ามีเครื่องมือมากมายที่คุณสามารถใช้รวม DIVI และ WP Media Folder Gallery Addon ได้ และนั่นไม่ใช่ทั้งหมดที่คุณสามารถทำได้ เช่น ใช้ Google Photos เพื่อนำเข้าอัลบั้ม โดยตรงจากที่นั่นไปยังแกลเลอรีของคุณตลอดจนตัวเลือกอื่น ๆ ทั้งหมด WP Media Folder นั้น เสนอให้คุณปรับปรุง Media Library ของคุณให้สูงสุด!

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