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

บทความที่เขียนโดย:
  • WordPress
  • อัปเดต: ก.ย. 05, 2017

สร้างเว็บไซต์ WordPress ที่สวยงาม ไม่ใช่วิทยาศาสตร์จรวด

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

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

กระโดดไป:

มารับกันเถอะ!

วิธี #1: การใช้ FooGallery

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

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

วิธีที่เร็วที่สุดในการติดตั้ง FooGallery คือผ่านแดชบอร์ดของ WordPress ไปที่ปลั๊กอิน> เพิ่มใหม่พิมพ์ "FooGallery" แล้วคลิกปุ่มติดตั้ง

หลังจากติดตั้งและเปิดใช้งานคุณสามารถเริ่มสร้างแกลเลอรีแรกได้โดยคลิกที่ FooGallery> Add Gallery

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

หากต้องการเพิ่มรูปภาพในแกลเลอรีของคุณให้คลิกที่ Add Media ใต้ "Gallery Items"

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

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

การเลือกแม่แบบ

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

เทมเพลตกำหนดวิธีแกลเลอรีของคุณจะปรากฏขึ้น

ตัวอย่างเช่นเทมเพลตแกลเลอรี่ภาพที่ตอบสนองจะแสดงภาพทั้งหมดเป็นตารางซึ่งจะปรับตามขนาดของหน้าจอโดยอัตโนมัติ:

ในทางกลับกันเทมเพลต Image Viewer จะแสดงภาพทีละภาพในขณะที่ให้ผู้ใช้มีปุ่มนำทาง:

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

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

ขั้นตอนนี้นำไปสู่ขั้นตอนต่อไป - เพิ่มแกลเลอรีรูปภาพลงในโพสต์

การแทรกแกลเลอรีลงในโพสต์

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

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

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

ไม่ต้องกังวล - ตัวยึดตำแหน่งไม่ได้แสดงถึงสิ่งที่แกลเลอรีจะมีลักษณะเมื่อโหลดหน้าจริง

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

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

หากต้องการเพิ่มแกลเลอรีให้คลิกที่ภาพขนาดย่อและคลิกปุ่มแทรกแกลเลอรี

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

การปรับปรุง FooGallery

ความสามารถในการขยายเป็นหนึ่งในข้อได้เปรียบที่ใหญ่ที่สุดของ FooGallery ไปที่ FooGallery> Settings คุณสามารถเปลี่ยนลักษณะการทำงานของปลั๊กอินได้หลายแบบ

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

สุดท้าย FooGallery สนับสนุนหลายส่วนขยายน้ำหนักเบาที่แตกต่างกันที่เพิ่มฟังก์ชันการทำงาน คุณสามารถเรียกดูที่เก็บส่วนขยายได้โดยไปที่ FooGallery> Extensions

วิธี #2: การสร้างแกลลอรี่ที่ไม่มีปลั๊กอิน

หากคุณไม่ได้ล่อลวงด้วยแนวคิดในการใช้ปลั๊กอินสำหรับทุกอย่างคุณอาจลองใช้ คุณสมบัติ WordPress ในตัว แทน.

หากต้องการสร้างแกลเลอรีในโพสต์โดยไม่มีปลั๊กอินให้ไปที่เครื่องมือแก้ไขโพสต์ WordPress และคลิกเพิ่มสื่อ

จากนั้นเลือกตัวเลือก "สร้างแกลลอรี่" และเลือกภาพที่คุณต้องการใช้

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

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

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

ตั้งค่าเป็น "ไม่มี" หากคุณไม่ต้องการให้แกลเลอรีของคุณโต้ตอบในลักษณะใด ๆ

วิธีที่ #3: ทางเลือกอื่นของปลั๊กอิน

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

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

แกลเลอรี่ผลงานโดย IT ขนาดใหญ่

เว็บไซต์: huge-it.com/portfolio-gallery/; ราคา: ฟรี / $ 40 สำหรับ 1 site

Portfolio Gallery เป็นส่วนหนึ่งของระบบนิเวศปลั๊กอิน WordPress ขนาดใหญ่ ปลั๊กอินที่ใช้งานง่ายซึ่งช่วยให้คุณสามารถสร้างแกลเลอรีแบบโต้ตอบที่มีการโต้ตอบหลายมุมมองได้รวมถึงบล็อกแบบเต็มความสูงตัวเลื่อนเนื้อหาเส้นยืดหยุ่นและแกลเลอรีไลท์บ็อกซ์

แกลเลอรี NextGEN

เว็บไซต์: www.imagely.com/nextgen-gallery/; ราคา: ฟรี / $ 69

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

Instagram Feed WD

เว็บไซต์: web-dorado.com/wordpress-instagram-feed-wd; ราคา: ฟรี / $ 25 สำหรับ 1 site

คุณสามารถใช้ Instagram Feed WD เพื่อดึงเนื้อหาจากบัญชี Instagram ของคุณและเข้าสู่แกลเลอรีที่กำหนดเองได้

เหมาะอย่างยิ่งสำหรับช่างภาพและผู้เขียนบล็อกที่มีชื่อเสียงของ Instagram

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

เกี่ยวกับ Christopher Jan Benitez

คริสโตเฟอร์แจนเบนิเตซเป็นนักเขียนอิสระระดับมืออาชีพที่มอบเนื้อหาที่ดึงดูดผู้ชมและเพิ่มการแปลงให้กับธุรกิจขนาดเล็ก หากคุณกำลังมองหาบทความคุณภาพสูงเกี่ยวกับอะไรก็ตามที่เกี่ยวข้องกับการตลาดดิจิทัลแสดงว่าเขาเป็นคนของคุณ! อย่าลังเลที่จะพูดว่า "สวัสดี" กับเขาใน Facebook, Google+ และ Twitter