ข้ามไปยังเนื้อหาหลัก
ใช้เวลาอ่าน 8 นาที (1560 คำ)

วิธีสร้างแกลเลอรีรูปภาพพร้อมฟิลเตอร์สำหรับรูปถ่าย

วิธีสร้างแกลเลอรีรูปภาพพร้อมฟิลเตอร์สำหรับรูปภาพ

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

การมีรูปภาพหลายรูปในแกลเลอรีเฉพาะนั้นเป็นเรื่องปกติเมื่อเพิ่มเนื้อหา เราต้องการให้ผู้ใช้สามารถเห็นไม่เพียงแค่ข้อความ แต่ยังรวมถึงตัวอย่างภาพหรือคำอธิบายของสิ่งที่เรานำเสนอด้วย ปัญหาจะเกิดขึ้นเมื่อเราจัดการกับเนื้อหาที่มีเนื้อหาย่อยจำนวนมาก เช่น การเพิ่มประกาศรับสมัครงานจำนวนมากพร้อมรูปภาพ เมื่อเราพูดถึงประเทศต่างๆ หรือเมื่อเราเสนอบริการที่สามารถอธิบายได้ด้วยรูปภาพ ในบทเรียนนี้ เราจะมาดูวิธีการสร้างแกลเลอรีที่มีตัวกรองโดยใช้ส่วนเสริม WP Media Folder Gallery.


บอกลาคลังสื่อที่ยุ่งเหยิง

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

รับปลั๊กอินทันที

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

มาเริ่มกันตั้งแต่ต้นเลย นั่นคือการสร้างแกลเลอรีโดยใช้คลังสื่อของเราหรือไฟล์ในเครื่อง และใช้ตัวจัดการแกลเลอรีจาก WP Media folder.

โปรดทราบว่าในบทเรียนนี้เราจะใช้ปลั๊กอิน WP Media folder และส่วนเสริม WP Media folder Gallery.

ก่อนอื่น เรามาดูกันว่าวิธีการสร้างแกลเลอรีและเติมรูปภาพลงไปนั้นทำอย่างไร ในการทำเช่นนั้น ให้ไปที่ สื่อ > แกลเลอรีโฟลเดอร์สื่อ



ในหน้าจอนี้ ให้คลิกที่ +เพิ่มแกลเลอรีใหม่ รี  สื่อใหม่



จะมีหน้าต่างป๊อปอัพปรากฏขึ้นเพื่อให้คุณพิมพ์ชื่อแกลเลอรี่ รวมถึงเลือกธีมแกลเลอรี่ที่คุณต้องการใช้ และเลือกว่าต้องการให้เป็นแกลเลอรี่หลักหรือแกลเลอรี่ย่อยของแกลเลอรี่อื่น.



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

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



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



รูปภาพจะปรากฏในโปรแกรมจัดการแกลเลอรี่ของเรา พร้อมแสดงตัวอย่างรูปภาพทั้งหมดที่เพิ่มเข้ามา.



ต่อไปเราจะเพิ่มรูปภาพจากโฟลเดอร์ในเครื่องของเรา โดยคลิกที่ไอคอนโฟลเดอร์.


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



ตอนนี้เราได้เพิ่มรูปภาพลงในแกลเลอรีที่เราเพิ่งสร้างเสร็จแล้ว และมันเร็วมากเลยใช่ไหมล่ะ?


ปรับแต่งตัวกรองสำหรับแกลเลอรี WordPress

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


ในหน้าจอนี้ เราสามารถเลือกธีมของแกลเลอรีไปจนถึงการปรับแต่งต่างๆ ที่เราสามารถทำได้กับแกลเลอรีของเราเพื่อให้เข้ากับเนื้อหาของเรา.



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



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

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



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



ตอนนี้เราสามารถใส่แท็กที่ต้องการลงในรูปภาพทั้งหมด เพื่อให้รูปภาพเหล่านั้นแสดงในหน้าหรือโพสต์ที่เราต้องการเผยแพร่ได้แล้ว.

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


เพิ่มแกลเลอรีรูปภาพลงในหน้าและโพสต์ของ WordPress

เมื่อเราสร้างแกลเลอรีเสร็จแล้ว ขั้นตอนต่อไปคือการไปที่เพจของเราและโพสต์และเผยแพร่แกลเลอรีพร้อมตัวกรอง.

ในการทำเช่นนี้ ให้ไปที่โพสต์หรือเพจของคุณ หรือสร้างใหม่ ในกรณีนี้ เราจะใช้ตัวแก้ไข Gutenberg แต่ WP Media Folder และส่วนเสริม Gallery ของมันใช้งานได้กับตัวสร้างเพจหลักๆ ทุกตัว และยังมี shortcode ให้ใช้งาน จึงสามารถใช้ได้ทุกที่.

หลังจากเข้าสู่หน้าแก้ไขบทความ/โพสต์แล้ว ให้คลิก + เพื่อเพิ่มบล็อก และมองหา WP Media Folder และเลือก บล็อก ส่วนเสริม WPMF Gallery



หน้าต่างสำหรับ WP Media Folder Gallery จะโหลดขึ้นมา ซึ่งจะเปิดหน้าต่างโมดอลที่มีแดชบอร์ดจัดการแกลเลอรีที่เราเห็นก่อนหน้านี้ เลือกแกลเลอรีที่ต้องการวาง และสุดท้าย คลิกที่ ปุ่ม "แทรก "



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

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



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


เพียงไม่กี่ขั้นตอน เราก็สร้างแกลเลอรีระดับมืออาชีพพร้อมฟิลเตอร์สุดเจ๋งได้แล้ว การสร้างแกลเลอรีจะไม่เหมือนเดิมอีกต่อไป.


สร้างแกลเลอรี WordPress โดยใช้โฟลเดอร์สื่อ

ถ้าการสร้างแกลเลอรีนั้นยอดเยี่ยมอยู่แล้ว เราอาจบอกได้ว่านั่นไม่ใช่ทั้งหมดที่เรามีใน WP Media Folder เพราะเราสามารถสร้างโฟลเดอร์ในคลังสื่อของเราเพื่อจัดระเบียบสื่อต่างๆ และยังสามารถสร้างแกลเลอรีโดยอิงจากโฟลเดอร์สื่อเหล่านั้นได้อีกด้วย มาดูกันว่าทำอย่างไร!

หลังจากติดตั้งปลั๊กอินแล้ว คุณจะเห็นตัวเลือก " เพิ่มโฟลเดอร์ใหม่" ใต้คลังสื่อ



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

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

ในการดำเนินการนี้ ให้ไปที่ตัวจัดการแกลเลอรีภายใต้ สื่อ > แกลเลอรีโฟลเดอร์สื่อ แล้วคลิกที่ +เพิ่มแกลเลอรีใหม่ > แกลเลอรีด่วนจาก โฟลเดอร์



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



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

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



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


โทรหาผู้ดูแลเว็บทุกคน!

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

รับปลั๊กอินทันที

แกลเลอรี่ที่ดีที่สุดพร้อมปลั๊กอิน WordPress สำหรับจัดการโฟลเดอร์ที่ดีที่สุด

เราได้ลองใช้ฟีเจอร์สุดเจ๋งเพียงหนึ่งในหลายๆ ฟีเจอร์ที่ WP Media Folder มีให้สำหรับเว็บไซต์ WordPress ของเราแล้ว และขอแอบบอกใบ้หน่อย! เรายังมีวิดีโออธิบายขั้นตอนทั้งหมดนี้อย่างละเอียดด้วย เผื่อใครอยากดู ;)


ตอนนี้สิ่งที่คุณต้องทำก็คือดาวน์โหลดสำเนาของคุณได้ ที่นี่ และลองใช้ฟีเจอร์สุดเจ๋งทั้งหมดที่ WP Media Folder มีให้!

รับทราบข้อมูลอยู่เสมอ

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

กระทู้ที่เกี่ยวข้อง

 

ความคิดเห็น 2

KlausTuttlies เมื่อวันเสาร์ที่ 3 มิถุนายน 2023 เวลา 05:46

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

สวัสดีครับ ผมอยากสอบถามว่า เป็นไปได้ไหมที่เมื่อผมสร้าง [b]WP Media Folder Gallery[/b] และเพิ่มลิงก์แบบกำหนดเองแล้ว ลิงก์นั้นจะเปิดในไลท์บ็อกซ์ จุดประสงค์คือต้องการแสดงรายละเอียดเล็กๆ (บางส่วน) ในแกลเลอรีก่อน และหลังจากคลิกที่ภาพ ลูกค้าจึงจะเห็นภาพเต็ม ผมอยากทราบวิธีแก้ปัญหาเรื่องนี้ครับ ขอบคุณล่วงหน้าครับ เคลาส์
ทริสตัน วันจันทร์ที่ 5 มิถุนายน 2023 เวลา 05:38

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

สวัสดีค่ะ ขอบคุณสำหรับความคิดเห็นนะคะ ฉันไม่แน่ใจว่าเข้าใจคำขอของคุณถูกต้องทั้งหมด คุณช่วยอธิบายเพิ่มเติมเกี่ยวกับ "การเพิ่มลิงก์แบบกำหนดเอง" ได้ไหมคะ คุณต้องการเพิ่มลิงก์แบบกำหนดเองลงในรูปภาพเพื่อเปิด iframe ในหน้าต่างป๊อปอัพใช่ไหมคะ หรือหมายถึงการนำทางไปยังแกลเลอรีหลาย ๆ แห่งคะ
ลงทะเบียนเรียบร้อยแล้ว? เข้าสู่ระบบที่นี่
วันเสาร์ที่ 31 มกราคม พ.ศ. 2569

แคปต์ชาอิมเมจ