วิธีการสร้างคลังภาพใน WordPress (ทีละขั้นตอน)

คุณกำลังมองหาเพื่อสร้างแกลเลอรี่ภาพใน WordPress?


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

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

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

ทำไมต้องสร้างคลังภาพใน WordPress?

WordPress ทำให้มันง่ายมากที่จะเพิ่มภาพในโพสต์และหน้าบล็อกของคุณ คุณเพียงแค่ต้องเพิ่มบล็อกภาพและอัปโหลดภาพของคุณ.

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

เพิ่มหลายภาพใน WordPress โพสต์โดยไม่ต้องสร้างแกลเลอรี่

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

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

ตัวอย่างของ WordPress Photo Gallery โดยใช้ Default Gallery Block

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

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

ในบทช่วยสอนนี้เราจะแสดงให้คุณเห็นทั้งสองวิธีเพื่อสร้างคลังภาพใน WordPress.

เริ่มด้วยบล็อกแกลเลอรี WordPress เริ่มต้น.

วิดีโอสอน

สมัครสมาชิก WPBeginner

หากคุณไม่ชอบวิดีโอหรือต้องการคำแนะนำเพิ่มเติมให้อ่านต่อ.

วิธีที่ 1. สร้างคลังภาพโดยไม่มีปลั๊กอิน

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

นี่คือวิธีที่คุณจะสร้างแกลเลอรี่ภาพใน WordPress โดยไม่ต้องใช้ปลั๊กอิน.

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

เพิ่มแกลลอรี่บล็อคไปยัง WordPress Post Editor

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

ตัวเลือกอัพโหลดภาพใน WordPress Gallery Block

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

อัปโหลดรูปภาพไปยังแกลอรี่รูปภาพ WordPress ของคุณจากคอมพิวเตอร์

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

เขียนคำบรรยายในรูปภาพแกลเลอรี่ของคุณ

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

เลือกรูปภาพจาก WordPress Media Library

เลือกรูปภาพที่คุณต้องการเพิ่มและคลิกที่ปุ่ม ‘สร้างแกลเลอรีใหม่’ ที่มุมล่างขวา.

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

อัปเดตห้องสมุด WordPress ของคุณ

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

การตั้งค่าบล็อกแกลอรี่ WordPress

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

หากคุณเลือกตัวเลือก Media File รูปภาพนั้นจะสามารถคลิกได้และไฟล์รูปภาพจะเปิดขึ้นเมื่อคลิก หน้าเอกสารแนบจะเปิดขึ้นหากคุณเลือกตัวเลือกหน้าเอกสารแนบ.

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

ตัวอย่างเช่นนี่คือลักษณะที่แกลเลอรี่ภาพปรากฏบนเว็บไซต์ตัวอย่างของเรา.

ตัวอย่างของ WordPress Photo Gallery โดยใช้ Default Gallery Block

ไม่เร็วและง่ายนัก?

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

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

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

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

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

วิธีที่ 2 สร้างคลังภาพโดยใช้ Envira Gallery

สำหรับวิธีนี้เราจะใช้ปลั๊กอิน Envira Gallery มันเป็นปลั๊กอินแกลเลอรี่ภาพ WordPress ที่ดีที่สุดในตลาด.

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

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

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

เมื่อเปิดใช้งานคุณจะต้องไปที่ คลังภาพ Envira »การตั้งค่า เพื่อป้อนรหัสสัญญาอนุญาตของคุณ คุณสามารถรับรหัสนี้ได้จากบัญชีของคุณในเว็บไซต์ Envira Gallery.

ป้อนรหัสสัญญาอนุญาต Envira Gallery

หลังจากตรวจสอบรหัสใบอนุญาตของคุณคุณสามารถตรงไปที่ Envira Gallery »เพิ่มใหม่ เพื่อสร้างคลังภาพแรกของคุณ.

การสร้างคลังภาพใหม่ด้วยปลั๊กอิน WordPress แกลเลอรี Envira

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

คุณสามารถเลือกไฟล์จากไลบรารีสื่อ WordPress ของคุณได้โดยคลิกที่ปุ่ม ‘เลือกไฟล์จากแหล่งข้อมูลอื่น’.

เมื่อคุณอัพโหลดรูปภาพภาพเหล่านั้นจะปรากฏในส่วนแกลเลอรี.

รูปภาพใน Envira Gallery Builder

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

แก้ไขข้อมูลเมตารูปภาพแกลเลอรี่

ถัดไปคุณต้องคลิกที่แท็บ “การกำหนดค่า”.

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

กำหนดการตั้งค่า Envira Gallery

หลังจากนั้นคุณต้องคลิกที่แท็บ “Lightbox”.

Lightbox ป๊อปอัปช่วยให้ผู้ใช้สามารถขยายภาพและเรียกดูได้โดยไม่ต้องออกจากหน้า.

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

Envira Gallery Lightbox ตัวเลือก

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

การตั้งค่า Envira Mobile Gallery

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

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

ถัดไปคุณต้องแก้ไขโพสต์หรือเพจที่คุณต้องการแสดงแกลเลอรี่ของคุณ.

บนหน้าจอแก้ไขโพสต์ให้คลิกที่ไอคอนเพิ่มบล็อกใหม่และเลือกบล็อกแกลเลอรี Envira.

เพิ่ม Envira Block ใน WordPress Post Editor

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

เลือกคลังภาพ Envira เพื่อเพิ่มไปยังโพสต์ WordPress ของคุณ

หลังจากนั้นปลั๊กอินจะโหลดแกลเลอรีของคุณในเครื่องมือแก้ไขบทความ.

เพิ่ม Envira Gallery ลงใน WordPress Post Editor แล้ว

ถัดไปคุณสามารถตรวจสอบการตั้งค่าแกลเลอรีของคุณได้อีกครั้งจากแผงการตั้งค่าบล็อกทางด้านขวา.

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

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

WordPress Photo Gallery สร้างโดย Envira Gallery

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

Envira Gallery Image ใน Lightbox Popup

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

แกลอรี่รูปภาพที่ตอบสนองต่อ WordPress

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me