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

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

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

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

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

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

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

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

เราจะเพิ่มชื่อเรื่อง "แกลเลอรีสำหรับ Divi" และเลือก กำหนดตารางเอง เป็นธีมสำหรับแกลเลอรีนี้ เมื่อเสร็จแล้วให้คลิกที่ สร้าง.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ค่าเริ่มต้น 

Masonry 

ผลงาน 

สไลเดอร์ 

สไลด์ต่อเนื่อง 

ตารางแบบสี่เหลี่ยม 

วัสดุ 

ตารางแบบกำหนดเอง

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

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

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

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