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

เผยแพร่แล้ว: 2024-08-26

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

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

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

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

เราจะแสดง 2 วิธีในการสร้างแกลเลอรีรูปภาพใน WordPress:

  • การสร้างแกลเลอรีรูปภาพใน WordPress โดยไม่ต้องใช้ปลั๊กอิน
  • การสร้างแกลเลอรีรูปภาพใน WordPress โดยใช้ปลั๊กอิน

วิธีที่ 1: การสร้างแกลเลอรีรูปภาพใน WordPress โดยไม่ต้องใช้ปลั๊กอิน

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

เข้าสู่ระบบแดชบอร์ดผู้ดูแลระบบ WordPress ของคุณโดยใช้ข้อมูลประจำตัวส่วนบุคคล จากนั้นทำตามขั้นตอนด้านล่าง:

ขั้นตอนที่ 1: สร้างหรือแก้ไขโพสต์/เพจ

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

จากนั้นเลือก "เพิ่มใหม่" เพื่อสร้างโพสต์หรือเพจใหม่ หรือ "แก้ไข" ที่มีอยู่ที่คุณต้องการเพิ่มแกลเลอรี

ขั้นตอนที่ 2: เพิ่มบล็อกแกลเลอรี

ในตัวแก้ไข คลิกที่ปุ่ม "+" เพื่อเพิ่มบล็อกใหม่ ค้นหา "แกลเลอรี" และเลือกบล็อก "แกลเลอรี"

นี่คือภาพหน้าจอสำหรับเพิ่มบล็อกแกลเลอรีบนเว็บไซต์ WordPress ของคุณ

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

ขั้นตอนที่ 3: อัปโหลดหรือเลือกรูปภาพ

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

คุณเลือกได้หลายรูปโดยกดปุ่ม Ctrl (Windows) หรือ Cmd (Mac) ค้างไว้ตอนคลิก

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

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

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

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

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

ขั้นตอนที่ 4: กำหนดการตั้งค่าแกลเลอรี

ในคอลัมน์ด้านขวา คุณจะพบตัวเลือกการตั้งค่าต่างๆ เพื่อปรับแต่งแกลเลอรีรูปภาพของคุณ

  • ขนาดภาพ : เลือกขนาดสำหรับภาพของคุณ (ภาพย่อ, กลาง, ใหญ่, ขนาดเต็ม)
  • คอลัมน์ : กำหนดจำนวนคอลัมน์ที่คุณต้องการในเค้าโครงแกลเลอรีของคุณ วิธีนี้จะกำหนดจำนวนภาพที่จะปรากฏในแต่ละแถว
  • ลิงก์ไปยัง : ตัดสินใจว่าแต่ละภาพควรลิงก์ไปที่ใด โดยทั่วไปตัวเลือกจะประกอบด้วยไฟล์มีเดีย หน้าเอกสารแนบ หรือไม่มี
นี่คือภาพหน้าจอเพื่อกำหนดค่าแกลเลอรีของไซต์ WordPress ของคุณ

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

วิธีที่ 2: การสร้างแกลเลอรีรูปภาพใน WordPress โดยใช้ปลั๊กอิน

หากต้องการคุณสมบัติแกลเลอรีขั้นสูงเพิ่มเติม คุณอาจลองใช้ปลั๊กอิน WordPress คุณจะพบปลั๊กอิน Image Gallery ที่มีประโยชน์มากมายในพื้นที่เก็บข้อมูล WordPress

ในคำแนะนำวันนี้ เราจะใช้ปลั๊กอินตัวเลือกยอดนิยม Envira Gallery

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งานปลั๊กอิน Envira Gallery

ขั้นแรก เข้าสู่ระบบแดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ จากเมนูด้านซ้าย ให้ไปที่ ปลั๊กอิน → เพิ่มใหม่

จากนั้นพิมพ์ “Envira Gallery” ในแถบค้นหาแล้วกด Enter ค้นหาปลั๊กอิน Envira Gallery ในผลการค้นหา

นี่คือภาพหน้าจอสำหรับติดตั้งแกลเลอรี Envira บนไซต์ WordPress ของคุณ

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

นี่คือภาพหน้าจอสำหรับวิซาร์ดการตั้งค่าแกลเลอรี Envira

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

ขั้นตอนที่ 2: สร้างแกลเลอรีใหม่

ในเมนูด้านซ้าย คุณจะเห็นตัวเลือก "Envira Gallery" คลิกที่มัน จากนั้นเลือก "เพิ่มใหม่"

ป้อนชื่อแกลเลอรีของคุณ

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

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

ขั้นตอนที่ 4: กำหนดการตั้งค่าแกลเลอรี

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

นี่คือภาพหน้าจอเพื่อกำหนดค่าการออกแบบแกลเลอรีบนเว็บไซต์ WordPress ของคุณ

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

  1. เสนอ เครื่องมือสร้างแกลเลอรีแบบลากและวาง เพื่ออัปโหลดและจัดเรียงรูปภาพ
  2. มีตัวเลือกเค้าโครงที่หลากหลาย เช่น ตาราง การก่ออิฐ สี่เหลี่ยม บล็อกโรล และอื่นๆ
  3. มอบ ฟีเจอร์ไลท์บ็อกซ์ เพื่อแสดงภาพซ้อนทับแบบเต็มหน้าจอ
  4. เพิ่มปุ่มเพื่อให้ผู้เยี่ยมชมสามารถแบ่งปันภาพบนแพลตฟอร์มโซเชียลมีเดีย
  5. เพิ่ม ลายน้ำที่กำหนดเอง เพื่อปกป้องภาพของคุณจากการใช้งานโดยไม่ได้รับอนุญาต
  6. เพิ่มแท็กเพื่อกรองภาพภายในแกลเลอรี่
  7. แสดงภาพจำนวนมากพร้อมตัวเลือกสำหรับการแบ่งหน้าหรือการเลื่อนแบบไม่มีที่สิ้นสุด
  8. รวมคุณสมบัติต่างๆ เช่น การโหลดแบบ Lazy Loading เพื่อให้แน่ใจว่าแกลเลอรีจะโหลดได้อย่างรวดเร็ว
  9. เพิ่มประสิทธิภาพแกลเลอรีของคุณด้วยคุณสมบัติเช่น ข้อความแสดงแทนรูปภาพ เพื่อให้มองเห็นเครื่องมือค้นหาได้ดีขึ้น
  10. จัดระเบียบแกลเลอรีเป็นอัลบั้มหากคุณมีหลายคอลเลกชัน

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

ขั้นตอนที่ 4: แทรกแกลเลอรีลงในโพสต์หรือเพจ

เมื่อคุณกำหนดค่าแกลเลอรีของคุณแล้ว คุณจะเห็นรหัสย่อที่สร้างโดย Envira Gallery คัดลอกรหัสย่อนี้

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

นี่คือภาพหน้าจอสำหรับแทรกรหัสย่อ

คลิก "เผยแพร่" หรือ "อัปเดต" เพื่อบันทึกการเปลี่ยนแปลงของคุณ

Envira Gallery ยังมีส่วนเสริมและฟีเจอร์เพิ่มเติม เช่น:

  • การแบ่งปันทางสังคม : อนุญาตให้ผู้ใช้แบ่งปันภาพบนโซเชียลมีเดีย
  • การแบ่งหน้า : แบ่งแกลเลอรีขนาดใหญ่ออกเป็นหลายหน้า
  • บูรณาการ WooCommerce : สร้างแกลเลอรี่สำหรับการนำเสนอผลิตภัณฑ์

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

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

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

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

เคล็ดลับสำคัญในการปรับปรุงแกลเลอรี่ภาพของคุณ

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

รายการข้อควรพิจารณาที่ครอบคลุมมีดังนี้:

  1. ปรับคุณภาพและขนาดรูปภาพให้เหมาะสม : ใช้รูปภาพคุณภาพสูง แต่บีบอัดเพื่อให้แน่ใจว่าเวลาในการโหลดจะรวดเร็วโดยไม่ทำให้คุณภาพลดลงมากเกินไป
  2. ใช้ขนาดภาพที่สม่ำเสมอ : รักษาขนาดภาพและอัตราส่วนภาพให้สม่ำเสมอเพื่อให้ดูสวยงามและเป็นมืออาชีพ
  3. ใช้ประโยชน์จากการออกแบบที่ตอบสนอง : ตรวจสอบให้แน่ใจว่าแกลเลอรีของคุณเหมาะกับอุปกรณ์พกพาและดูดีบนอุปกรณ์ทั้งหมดโดยใช้เทคนิคการออกแบบที่ตอบสนอง
  4. จัดระเบียบด้วยอัลบั้มและแท็ก : จัดหมวดหมู่รูปภาพลงในอัลบั้มและใช้แท็กเพื่อให้ผู้เข้าชมนำทางได้ง่ายขึ้น
  5. ใช้คุณลักษณะไลท์บ็อกซ์ : อนุญาตให้ผู้ใช้ดูภาพในไลท์บ็อกซ์แบบเต็มหน้าจอเพื่อประสบการณ์การรับชมที่ดียิ่งขึ้น
  6. เลือกเค้าโครงที่เหมาะสม : เลือกเค้าโครง (ตาราง อิฐก่อ ฯลฯ) ที่เหมาะกับเนื้อหาและการตั้งค่าการออกแบบของคุณมากที่สุด
  7. ใช้การแบ่งหน้าหรือการเลื่อนแบบไม่มีที่สิ้นสุด : เลือกระหว่างการแบ่งหน้าหรือการเลื่อนแบบไม่มีที่สิ้นสุด ทั้งนี้ขึ้นอยู่กับจำนวนภาพ เพื่อปรับปรุงประสบการณ์ผู้ใช้
  8. เพิ่มลายน้ำเพื่อการป้องกัน : ปกป้องภาพของคุณจากการใช้โดยไม่ได้รับอนุญาตโดยการเพิ่มลายน้ำ
  9. ปรับให้เหมาะสมสำหรับ SEO : ใช้หลักปฏิบัติที่เป็นมิตรต่อ SEO เช่น ชื่อไฟล์ที่สื่อความหมาย ข้อความแสดงแทน และคำอธิบายภาพ เพื่อช่วยให้รูปภาพของคุณมีอันดับดีขึ้นในโปรแกรมค้นหา
  10. เสนอตัวเลือกการดาวน์โหลด : หากเหมาะสม ให้มีตัวเลือกสำหรับผู้ใช้ในการดาวน์โหลดภาพหรือดูเวอร์ชันที่มีความละเอียดสูง

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

บทสรุป

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

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

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

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

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

สมัครสมาชิกบล็อก weDevs

เราส่งจดหมายข่าวรายสัปดาห์ ไม่มีสแปมแน่นอน