คุณต้องการที่จะรู้วิธีการสร้างแกลเลอรี่ภาพด้วย Elementor ?

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

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

อ่าน: วิธีสร้างแถบความคืบหน้าการไล่ระดับสีใน Elementor

ในกรณีที่คุณไม่ทราบว่า Elementor เป็น WordPress ปลั๊กอิน การสร้างเพจ. คุณสามารถใช้เพื่อสร้างหน้าเว็บบน your เว็บไซต์ โดยไม่ต้องจัดการกับ CSS

วิธีสร้างแกลเลอรีรูปภาพใน WordPress ด้วย Elementor

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

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

สร้างแกลเลอรีรูปภาพโดยใช้วิดเจ็ตแกลเลอรีพื้นฐาน

เมื่อคุณพร้อมแล้ว ให้เพิ่มส่วนใหม่และลากวิดเจ็ตแกลเลอรีพื้นฐานจากแผงด้านซ้ายไปยังช่องแก้ไข

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

คลิกที่ปุ่ม สร้างแกลเลอรี่ใหม่ เพื่อเพิ่มรูปภาพที่เลือกลงในแกลเลอรี่ จากนั้นจัดเรียงใหม่

ดูเพิ่มเติมที่: วิธีเพิ่มรูปภาพให้กับข้อความใน Elementor

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

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

สร้างแกลเลอรีรูปภาพโดยใช้วิดเจ็ตแกลเลอรี

วิดเจ็ตแกลเลอรีมีตัวเลือกการปรับแต่งมากกว่าวิดเจ็ตแกลเลอรีพื้นฐาน คุณสามารถใช้เค้าโครงที่แตกต่างกันสามแบบ: กริด แบบชิดขอบ และก่ออิฐ คุณยังสามารถตั้งค่าสีโอเวอร์เลย์ คำอธิบาย แอนิเมชั่นการชี้ ฯลฯ

อ่าน: วิธีแก้ไขการเล่นวิดีโออัตโนมัติไม่ทำงานใน Elementor

โปรดทราบว่าวิดเจ็ตแกลเลอรีมีเฉพาะใน Elementor เวอร์ชันโปรเท่านั้น

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

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

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

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

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

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

ไปที่แท็บ สไตล์ เพื่อปรับแต่งแกลเลอรีของคุณ มี 3 บล็อกตัวเลือก (4 ถ้าคุณสร้างแกลเลอรีแท็บหลายแท็บ)

• ภาพ

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

• วางซ้อน

บล็อกนี้ให้คุณปรับแต่งโอเวอร์เลย์ได้ คุณสามารถตั้งค่าสีโอเวอร์เลย์ แอนิเมชั่นจุด และโหมดผสมผสาน

• คอนเทนต์

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

คุณสามารถตั้งค่าการจัดตำแหน่ง ตำแหน่งแนวตั้ง การเติม สีข้อความ การพิมพ์ (ลักษณะแบบอักษร ตระกูลแบบอักษร ขนาดแบบอักษร) และแอนิเมชั่นการชี้

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

รับ Elementor Pro ทันที!

สรุป

ที่นี่คือ ! บทความนี้จะแสดงวิธีสร้างแกลเลอรีรูปภาพด้วย Elementor เท่านั้น หากคุณมีข้อสงสัยในการเดินทาง f onแจ้งให้เราทราบใน ความเห็น.

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...