จุดเด่นของผลิตภัณฑ์ Divi: Divi Masonry Gallery

เผยแพร่แล้ว: 2023-07-31

Divi Masonry Gallery เพิ่มโมดูลแกลเลอรีใหม่ให้กับ Divi Builder ด้วยปลั๊กอินนี้ คุณสามารถสร้างและปรับแต่งเลย์เอาต์ของแกลเลอรีก่ออิฐเพื่อแสดงภาพบนเว็บไซต์ของคุณได้ คุณสามารถกรองภาพตามหมวดหมู่ เปิดใช้งานการแบ่งหน้า เปิดภาพในการแสดงไลท์บ็อกซ์ และอื่นๆ ปลั๊กอินยังมาพร้อมกับตัวเลือกการออกแบบที่ช่วยให้คุณสามารถปรับแต่งการออกแบบโมดูลแกลเลอรีก่ออิฐได้อย่างเต็มที่ ในไฮไลต์ผลิตภัณฑ์นี้ เราจะดูที่ Divi Masonry Gallery เพื่อช่วยคุณตัดสินใจว่าเป็นผลิตภัณฑ์ที่เหมาะกับคุณหรือไม่

มาเริ่มกันเลย!

สารบัญ
  • 1 การติดตั้ง Divi Masonry Gallery
  • 2 Divi Masonry แกลเลอรี
    • 2.1 การตั้งค่าเนื้อหา
    • 2.2 การตั้งค่าการออกแบบ
  • 3 ตัวอย่างแกลเลอรีการก่ออิฐ Divi
    • 3.1 ตัวอย่างที่ 1
    • 3.2 ตัวอย่างที่ 2
    • 3.3 ตัวอย่างที่ 3
  • 4 ซื้อ Divi Masonry Gallery
  • 5 ความคิดสุดท้าย

การติดตั้ง Divi Masonry Gallery

ในการติดตั้ง Divi Masonry Gallery ให้ไปที่หน้าปลั๊กอินในแดชบอร์ด WordPress แล้วคลิกเพิ่มใหม่ คลิก เลือกไฟล์ เลือกไฟล์ปลั๊กอิน .ZIP จากคอมพิวเตอร์ของคุณ จากนั้นคลิก ติดตั้งทันที

เมื่อติดตั้งปลั๊กอินแล้ว ให้คลิกเปิดใช้งาน

แกลเลอรีการก่ออิฐ Divi

เมื่อเปิดใช้งานปลั๊กอินแล้ว คุณจะเห็นโมดูล Divi Masonry Gallery ปรากฏใน Divi Builder มาดูการตั้งค่าโมดูลกัน

การตั้งค่าเนื้อหา

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

การตั้งค่าแกลเลอรี

นี่คือแกลเลอรีก่ออิฐในโหมดแกลเลอรีปกติ

Divi Masonry Gallery แกลเลอรี่ปกติ

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

Divi Masonry Gallery ย่อขนาดแกลเลอรี

สามารถปรับจำนวนคอลัมน์และระยะห่างระหว่างรูปภาพได้ ในตัวอย่างที่แสดงไว้นี้ ฉันตั้งค่าแกลเลอรีเป็น 4 คอลัมน์และเพิ่มระยะห่าง

Divi Masonry Gallery ระยะห่างระหว่างคอลัมน์

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

Divi Masonry Gallery รูปภาพซูมคำสั่งแบบสุ่ม

รูปภาพ Onclick Actions

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

Divi Masonry Gallery ไลท์บ็อกซ์แกลเลอรี

นี่คือกล่องไฟที่ส่วนหน้า

กล่องไฟ Divi Masonry Gallery

ต้องเพิ่มลิงก์ตามลำดับรูปภาพและคั่นด้วย {{link}} คุณยังสามารถกำหนดเป้าหมายของลิงก์

ลิงก์รูปภาพ Divi Masonry Gallery

หมวดหมู่

Divi Masonry Gallery เพิ่มฟิลด์หมวดหมู่ให้กับแต่ละภาพในไลบรารีสื่อ คุณสามารถเปิดใช้งานหมวดหมู่เหล่านี้เพื่อกรองรูปภาพในแกลเลอรี

หมวดหมู่สื่อ Divi Masonry Gallery

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

Divi Masonry Gallery แสดงหมวดหมู่

การแบ่งหน้า

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

Divi Masonry Gallery การแบ่งหน้า

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

Divi Masonry Gallery การแบ่งหน้า

พื้นหลัง

คุณสามารถตั้งค่าสีพื้นหลังสำหรับโมดูลแกลเลอรีก่ออิฐได้ที่นี่

Divi Masonry Gallery พื้นหลัง

การตั้งค่าการออกแบบ

ในแท็บการออกแบบ คุณสามารถปรับแต่งรูปลักษณ์ของโมดูลแกลเลอรีการก่ออิฐเพิ่มเติมได้

ซ้อนทับ

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

Divi Masonry Gallery ไอคอนซ้อนทับ

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

Divi Masonry Gallery เนื้อหาซ้อนทับ

ภาพ

ในการตั้งค่ารูปภาพ คุณสามารถเพิ่มมุมมนและเส้นขอบให้กับรูปภาพในแกลเลอรีของคุณได้

รูปภาพ Divi Masonry Gallery

ตัวกรองแกลเลอรี่

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

Divi Masonry Gallery ตัวกรองแกลเลอรี

การแบ่งหน้าแกลเลอรี

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

Divi Masonry Gallery การแบ่งหน้าแกลเลอรี

ตัวเลือกแกลเลอรีย่อเล็กสุด

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

Divi Masonry Gallery ตัวเลือกแกลเลอรีย่อเล็กสุด

การตั้งค่าการออกแบบอื่นๆ

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

การตั้งค่าการออกแบบ Divi Masonry Gallery

ตัวอย่าง Divi Masonry Gallery

ตัวอย่างที่ 1

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

Divi Masonry Gallery ตัวอย่างที่ 1

ตัวอย่างที่ 2

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

Divi Masonry Gallery ตัวอย่างที่ 2

ตัวอย่างที่ 3

สุดท้าย ตัวอย่างที่สามนำเสนอเลย์เอาต์แกลเลอรีปกติที่มี 3 คอลัมน์ เมื่อวางเมาส์เหนือ ภาพซ้อนทับจะปรากฏขึ้นโดยแสดงชื่อภาพ

Divi Masonry Gallery ตัวอย่างที่ 3

ซื้อ Divi Masonry Gallery

Divi Masonry Gallery มีอยู่ใน Divi Marketplace มีค่าใช้จ่าย $25 สำหรับการใช้งานเว็บไซต์ไม่จำกัด และการสนับสนุนและอัปเดต 1 ปี ราคานี้ยังรวมถึงการรับประกันคืนเงินภายใน 30 วัน

ซื้อ Divi Masonry Gallery

ความคิดสุดท้าย

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

เราชอบที่จะได้ยินจากคุณ! คุณได้ลอง Divi Masonry Gallery แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น!