วิธีเพิ่มแกลเลอรีลงในไซต์ WordPress ของคุณ
เผยแพร่แล้ว: 2022-09-15การเพิ่มแกลเลอรีลงในไซต์ WordPress ของคุณเป็นวิธีที่ยอดเยี่ยมในการแสดงรูปภาพและรูปภาพของคุณในลักษณะที่ดึงดูดสายตา มีหลายวิธีในการเพิ่มแกลเลอรีใน WordPress ขึ้นอยู่กับธีมที่คุณใช้และระดับการปรับแต่งที่คุณต้องการ ในกรณีส่วนใหญ่ วิธีที่ง่ายที่สุดในการเพิ่มแกลเลอรีใน WordPress คือการใช้ปลั๊กอิน มีปลั๊กอินแกลเลอรีมากมายให้เลือกใช้ ทั้งแบบฟรีและมีค่าใช้จ่าย เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอินแล้ว คุณสามารถเพิ่มแกลเลอรีลงในหน้าหรือโพสต์ใดก็ได้โดยเพียงแค่ใส่รหัสย่อ หากคุณต้องการควบคุมรูปลักษณ์ของแกลเลอรีของคุณได้มากขึ้น คุณสามารถเพิ่มแกลเลอรีใน WordPress ได้โดยใช้คุณลักษณะแกลเลอรีในตัว ในการดำเนินการนี้ คุณจะต้องแก้ไขโค้ดของธีมของคุณ ไม่แนะนำสำหรับผู้เริ่มต้น เนื่องจากอาจทำให้โค้ดถูกต้องได้ยาก เมื่อคุณเพิ่มแกลเลอรีลงใน WordPress แล้ว คุณสามารถปรับแต่งแกลเลอรีได้ตามต้องการ ซึ่งรวมถึงการเลือกจำนวนคอลัมน์ ขนาดของรูปภาพ และลำดับที่จะแสดง คุณยังสามารถเพิ่มคำอธิบายภาพและคำอธิบายให้กับแต่ละภาพได้ การเพิ่มแกลเลอรีใน WordPress เป็นวิธีที่ยอดเยี่ยมในการแสดงรูปภาพและรูปภาพของคุณในลักษณะที่ดึงดูดสายตา ด้วยการใช้ปลั๊กอินหรือคุณลักษณะแกลเลอรีในตัว คุณสามารถเพิ่มแกลเลอรีลงในหน้าหรือโพสต์ใดๆ บนไซต์ WordPress ของคุณได้อย่างง่ายดาย
คุณสามารถเพิ่มรูปภาพในบล็อกโพสต์และหน้าต่างๆ ได้อย่างง่ายดายโดยใช้ WordPress หากคุณอัปโหลดภาพทีละภาพ ภาพเหล่านั้นอาจซ้อนกันหรือดูเหมือนพอดีในแถวที่แบ่งไม่เท่ากัน มีปลั๊กอินหลายพันรายการสำหรับ การจัดการแกลเลอรีของ WordPress รวมถึงปลั๊กอินที่ช่วยให้คุณสามารถตั้งค่าและเพิ่มประสิทธิภาพแกลเลอรีของคุณ ด้วยปลั๊กอิน Envira Gallery คุณสามารถสร้างแกลเลอรีที่ตอบสนองได้อย่างเต็มที่ซึ่งสามารถดูได้บนทุกแพลตฟอร์ม รวมถึงมือถือ แท็บเล็ต และเดสก์ท็อป การฝังวิดีโอ YouTube, Vimeo และ Wistia และการนำเข้ารูปภาพจาก Instagram และ Dropbox จะสร้างแกลเลอรีมัลติมีเดียคุณภาพสูง ปลั๊กอินแกลเลอรีแหล่งที่มาของ Angie Makes ช่วยให้สามารถขยายการทำงานของแกลเลอรี WordPress ได้ คุณสามารถอัปโหลด แก้ไข ดูตัวอย่าง และเผยแพร่ภาพถ่ายของคุณได้หลายวิธีโดยใช้ปลั๊กอิน WordPress NextGen Gallery รูปแบบโมเสค อิฐ อิฐ ตัวเลื่อน และม้าหมุนแบบสาม ห้า และหกคอลัมน์ ล้วนแล้วแต่มีความเป็นไปได้ในการแสดงข้อมูล มีตัวเลือกมากมายสำหรับการควบคุมขนาด สไตล์ เวลา การเปลี่ยน การควบคุม และเอฟเฟกต์ไลท์บ็อกซ์ของแต่ละตัวเลือก
วิธีเพิ่มแกลเลอรีรูปภาพใน WordPress Custom Post Type

มีวิธีการสองสามวิธีในการเพิ่มแกลเลอรีรูปภาพไปยังประเภทโพสต์ที่กำหนดเองใน WordPress หนึ่งคือการใช้คุณสมบัติแกลเลอรีในตัว ซึ่งสามารถพบได้ในส่วนเพิ่มสื่อเมื่อแก้ไขโพสต์ อีกทางเลือกหนึ่งคือการติดตั้งปลั๊กอิน เช่น NextGEN Gallery ซึ่งจะช่วยให้คุณควบคุมแกลเลอรีของคุณได้มากขึ้น
แกลเลอรี WordPress – วิธีการสร้าง แกลเลอรีประเภทโพสต์ที่กำหนดเอง ? ในบทช่วยสอนนี้ ฉันจะแสดงวิธีสร้างประเภทโพสต์ที่กำหนดเองของแกลเลอรีใน WordPress รหัสนี้เพิ่มประเภทโพสต์ที่กำหนดเองด้วย id 'zm_gallery' และชื่อ 'Gallery' นอกจากนี้ WordPress ยังป้องกันไม่ให้สร้างหน้าโพสต์สำหรับรายการในแกลเลอรี ใช้รหัสต่อไปนี้เพื่อเพิ่มลงในไฟล์ functions.php ของคุณ ภาพขนาดย่อของโพสต์ได้มาจากการใช้ฟังก์ชันแรก ภาพเด่นจะแสดงโดยฟังก์ชันที่สอง ซึ่งระบุการกำหนดค่าส่วนหัวของคอลัมน์ ฟังก์ชั่นที่สามสร้างคอลัมน์และโหลดภาพขนาดย่อสำหรับแต่ละโพสต์ทันทีที่ถูกเรียกในแบ็กเอนด์ WordPress เมื่อใช้โพสต์หรือรายการหน้า
การปรับแต่งรูปภาพหมวดหมู่ของคุณ
ขั้นที่ 2 เมื่ออัปโหลดรูปภาพไปยังเมตาบ็อกซ์ Category Image ให้คลิกปุ่มอัปโหลดรูปภาพ
หากต้องการใช้รูปภาพประเภทโพสต์ที่กำหนดเอง ก่อนอื่นคุณต้องสร้างประเภทโพสต์ที่กำหนดเองและเปิดใช้งานการสนับสนุนภาพขนาดย่อ
ขั้นตอนที่สี่คือการเพิ่มฟิลด์ Custom Category Image ลงในแท็บ Custom Fields
หลังจากป้อนข้อมูลที่จำเป็นแล้ว คุณสามารถบันทึกการเปลี่ยนแปลงได้โดยคลิกบันทึกการเปลี่ยนแปลง
WordPress Gallery Plugin
มีปลั๊กอินแกลเลอรี wordpress มากมาย โดยแต่ละตัวมีคุณสมบัติและประโยชน์ต่างกันไป การเลือกปลั๊กอินที่เหมาะสมขึ้นอยู่กับความต้องการและความชอบของคุณ ปลั๊กอินยอดนิยมบางตัว ได้แก่ NextGEN Gallery, Envira Gallery และ WP Easy Gallery
FooGallery เป็น ปลั๊กอินแกลเลอรีที่ทรงพลัง ที่สุดในตลาดปัจจุบัน ทันทีที่คุณทำการเปลี่ยนแปลงในพื้นหลัง จะแสดงตัวอย่างภาพแบบเรียลไทม์ของแกลเลอรีของคุณ เลือกแท็กสื่อหรือหมวดหมู่เพื่อเพิ่มตัวกรองในแกลเลอรีของคุณและใช้เป็นระดับตัวกรอง ผู้ใช้ Pro สามารถเลื่อนลงไปที่หมายเลขหน้า ในขณะที่ผู้ใช้ฟรีจะเห็นเฉพาะจุดเท่านั้น FooGallery PRO มีสามรสชาติ: PRO Starter, PRO Expert และ PRO Commerce เลือกจากเลย์เอาต์ที่แตกต่างกันเจ็ดแบบ รวมถึงเลย์เอาต์ที่ตอบสนองตามค่าเริ่มต้น งานก่ออิฐแบบหมุน ผลงานที่เหมาะสม และภาพขนาดย่อเดี่ยว การจัดลำดับแกลเลอรีของคุณใหม่ด้วยการลากและวางการจัดลำดับใหม่ คุณสามารถจัดเรียงลำดับของรูปภาพในแกลเลอรีของคุณใหม่ได้อย่างง่ายดาย
คุณสามารถดูตัวอย่างแกลเลอรีของคุณได้ทันทีโดยเปลี่ยนลักษณะที่ปรากฏ FooGallery ทำให้การสร้างหน้าสำหรับแกลเลอรีของคุณเป็นเรื่องง่าย เพียงแค่คลิกที่มัน เนื่องจากคุณไม่จำเป็นต้องสร้างไลบรารีรูปภาพ คุณจะมีพื้นที่ทำงานน้อยลงมาก เลย์เอาต์ แกลเลอรี ของเราได้รับการปรับให้เหมาะสมเพื่อเพิ่มความเร็วในการโหลดหน้าเว็บและปรับปรุงคะแนนเว็บที่สำคัญ เป็นนโยบายของเราที่จะเปิดใช้งานการโหลดแบบ Lazy Loading ในแกลเลอรีของเรา ซึ่งช่วยปรับปรุงประสิทธิภาพของเพจ เป็นโบนัสเพิ่มเติม FooGallery มาพร้อมกับส่วนขยายอัลบั้มฟรีที่ช่วยให้จัดระเบียบและดูรูปภาพของคุณได้ง่ายขึ้น ด้วย FooGallery คุณสามารถเพิ่มเอฟเฟกต์ได้ทันทีที่โหลดรูปภาพของคุณ
แผนระดับพรีเมียมทั้งหมดของเรารวมถึงเทมเพลตที่ตอบสนอง เทมเพลตสำหรับก่ออิฐ เทมเพลตที่เหมาะสม พอร์ตโฟลิโอ เทมเพลตโปรแกรมดูรูปภาพ และเทมเพลตขนาดย่อเดียว นอกจากนี้ คุณจะสามารถเข้าถึงแกลเลอรี PRO พิเศษสามแห่งที่จะช่วยเพิ่มมูลค่าให้กับแกลเลอรีของคุณอย่างมาก ช่างภาพที่ต้องการยกระดับแกลเลอรีของตนสามารถใช้ FooGallery PRO Starter ผู้ใช้แผน FooGallery PRO Expert สามารถใช้ประโยชน์จากคุณสมบัติระดับมืออาชีพ เช่น การกรองหลายระดับและคำอธิบายภาพที่กำหนดเอง การสนับสนุนวิดีโอช่วยให้คุณสามารถนำเข้าวิดีโอจาก YouTube, Vimeo, Facebook และแม้แต่อัปโหลดและโฮสต์วิดีโอเหล่านั้นบนไซต์ของคุณเอง FooGallery PRO Expert ได้รับการออกแบบมาโดยเฉพาะสำหรับช่างภาพและเจ้าของเว็บไซต์ที่ต้องการเพิ่มคุณสมบัติขั้นสูงในแกลเลอรีของตน FooGallery PRO Commerce เป็นแอปฟรีที่ธุรกิจสามารถใช้เพื่อแสดงผลิตภัณฑ์และรูปถ่ายของตนได้ และมีคุณสมบัติขั้นสูงที่ปรับให้เหมาะกับความต้องการของคุณ
ขณะนี้มีแกลเลอรี WordPress อีกมาก FooGallery เป็นปลั๊กอินแกลเลอรีรูปภาพที่สามารถใช้สร้างแกลเลอรีที่สวยงามบนไซต์ WordPress ของคุณได้ คุณสามารถสร้างแกลเลอรีของคุณโดยการอัปโหลดรูปภาพ ไฟล์มีเดีย และแม้แต่วิดีโอ และคุณสามารถใช้ทรัพยากรทั้งหมดเหล่านี้เพื่อสร้างแกลเลอรีของคุณ นอกจากการตั้งค่าและเทมเพลตขั้นสูงแล้ว เวอร์ชัน PRO ยังมีฟีเจอร์อื่นๆ อีกหลากหลาย การตั้งค่าเริ่มต้นของ FooGallery เหมาะอย่างยิ่งสำหรับการสร้างแกลเลอรีรูปภาพที่ปรับเปลี่ยนตามอุปกรณ์ที่สวยงามโดยไม่ต้องทำการเปลี่ยนแปลงใดๆ เมื่อใช้การตั้งค่าเหล่านี้ คุณสามารถสร้าง สไตล์แกลเลอรีที่กำหนดเอง สำหรับไซต์ WordPress ของคุณที่ไม่เหมือนใครในไซต์ของคุณ มีการแสดงรูปภาพที่รวบรวมข้อมูลได้เพื่อเพิ่มจำนวนผู้เข้าชมเว็บไซต์ของคุณ ดังนั้นรูปภาพของเราจึงมีรายละเอียดข้อความแสดงแทนและชื่อ

คุณยังจะได้เห็นภาพที่คมชัดและคมชัดบนอุปกรณ์ที่มีความละเอียดสูง เนื่องจากการรองรับเรตินาของเรานั้นสร้างขึ้น FooGallery ได้รับการออกแบบโดยคำนึงถึงความเร็วของหน้าเว็บเมื่อสร้างขึ้นครั้งแรก เครื่องมือนี้มีการโหลดแบบ Lazy Loading ในตัว ซึ่งช่วยให้ Google สร้างดัชนีรูปภาพของคุณได้ FooGallery ตอบสนอง ซึ่งหมายความว่าเว็บไซต์ของคุณจะเหมาะกับอุปกรณ์เคลื่อนที่ การปรับปรุง SEO จะมองเห็นได้แม้หลังจากติดตั้งเวอร์ชันฟรีแล้ว ธีม FooGallery ฟรี WordPress มีทุกสิ่งที่คุณต้องการเพื่อสร้างแกลเลอรี่ภาพที่สวยงาม FooGallery มีคุณสมบัติหลากหลายที่ทำให้เป็นตัวเลือกที่เหมาะสำหรับทุกคนที่ต้องการแสดงภาพคุณภาพสูง
การนำเข้าวิดีโอ YouTube, Daily Motion และ Vimeo นั้นง่ายดายด้วยเครื่องมือนำเข้า FooGallery มาในแผนราคาที่แตกต่างกันสามแบบซึ่งรวมถึงการอัปเดตปลั๊กอินปกติและการสนับสนุนระดับพรีเมียม คุณสามารถนำเข้าวิดีโอจากเว็บไซต์ต่างๆ เช่น YouTube, Vimeo และ Facebook ลงในแกลเลอรีของคุณโดยใช้เวอร์ชัน PRO ฟีเจอร์นี้เป็นหนึ่งในฟีเจอร์ที่ดีที่สุดในรุ่นพรีเมียม สามารถซื้อใบอนุญาตสำหรับไซต์หนึ่งหรือห้าไซต์ หรือสำหรับไซต์ทั้งหมด 25 ไซต์ คุณสามารถชำระเงินแบบรายเดือน รายปี หรือครั้งเดียวตลอดชีพได้หากต้องการ หากคุณไม่ชอบ FooGallery หลังจาก 30 วัน คุณสามารถยกเลิกใบอนุญาตรายปีหรือตลอดชีพของคุณได้
การตั้งค่าแกลเลอรี WordPress
ในการตั้งค่าแกลเลอรี WordPress คุณสามารถเลือกขนาดรูปภาพ จำนวนคอลัมน์ และประเภทลิงก์สำหรับรูปภาพของคุณ คุณยังสามารถเลือกได้ว่าจะแสดงคำอธิบายแกลเลอรีหรือไม่ และจะแสดงชื่อแกลเลอรีหรือไม่
วิธีการสร้างแกลเลอรีเลื่อนใน WordPress
มีหลายวิธีในการสร้างแกลเลอรีเลื่อนใน WordPress วิธีหนึ่งคือการใช้คุณลักษณะแกลเลอรีในตัว ในการดำเนินการนี้ ให้สร้างโพสต์หรือหน้าใหม่และคลิกที่ปุ่มเพิ่มสื่อ จากที่นี่ คุณสามารถอัปโหลดรูปภาพและเลือกเลย์เอาต์แกลเลอรีที่คุณต้องการได้ เมื่อคุณสร้างแกลเลอรีแล้ว ให้คลิกที่ปุ่ม แทรกลงในโพสต์ อีกวิธีหนึ่งในการสร้างแกลเลอรีการเลื่อนคือการใช้ปลั๊กอิน มีปลั๊กอินสองสามตัวที่คุณสามารถใช้ได้ แต่เราขอแนะนำให้ใช้ปลั๊กอิน Envira Gallery ปลั๊กอินนี้ทำให้ง่ายต่อการสร้างแกลเลอรีที่สวยงามด้วยการคลิกเพียงไม่กี่ครั้ง เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอินแล้ว คุณสามารถสร้าง แกลเลอรีใหม่ ได้โดยไปที่ Envira Gallery » เพิ่มใหม่
เมื่อใช้ WordPress Gutenberg Hub คุณสามารถสร้างบล็อกแกลเลอรีรูปภาพที่เลื่อนได้ บทแนะนำนี้จะแนะนำคุณตลอดขั้นตอนการสร้างบล็อกแกลเลอรีแบบเลื่อนได้ของ Gutenberg หากต้องการเรียนรู้วิธีสร้างบล็อก Gutenberg แบบกำหนดเองสำหรับ WordPress ขั้นตอนแรกคืออ่านวิธีสร้างบล็อก Gutenberg ที่กำหนดเองสำหรับ WordPress – คู่มือสำหรับผู้เริ่มต้นใช้งาน ด้วยการใช้อุปกรณ์ประกอบฉาก คุณสามารถทำให้ Media Placeholder ปรับตัวได้มากขึ้น บล็อกนี้จะตรวจไม่พบรูปภาพบางรูปจากแกลเลอรีสื่อ ณ ตอนนี้ การใช้เสา onSelect ในตัวยึดสื่อของเรา เราสามารถเลือกภาพได้ คุณสามารถเปิดใช้งานการแก้ไขในแกลเลอรีได้โดยการกำหนดค่าตัวควบคุมแถบเครื่องมือ
ทันทีที่ผู้ใช้เลือกภาพที่เก็บไว้เหล่านี้ เขาหรือเธอควรแสดงภาพเหล่านั้นในบล็อก ซึ่งบ่งชี้ว่าการเลือกประสบความสำเร็จ ในมุมมองส่วนหน้า เราจะสร้างมาร์กอัปแบบคงที่ของบล็อกของเรา นอกจากนี้ เราได้เพิ่มแอตทริบิวต์ data-direction=”right” ให้กับแท็กฟิกเกอร์หลัก ซึ่งควบคุมทิศทางของแอนิเมชั่นในปัจจุบันเป็นหลัก (ในขณะนี้ เป็นการยากที่จะบอกทิศทางที่ถูกต้อง) ในส่วนนี้ ฉันจะแบ่งแต่ละตัวเลือกการกำหนดค่าออกเป็นสามส่วน เราจะต้องใช้ส่วนประกอบ WordPressToggleControl ในตัวเพื่อสร้างการกำหนดค่าเฉพาะนี้ เราจะสร้างแผงควบคุมใหม่เพื่อจัดระเบียบการควบคุมทั่วไปของเรา เมื่อสร้างคลาสไดนามิกที่ส่วนหน้า เราควรใช้แอตทริบิวต์นี้
รหัสย่อแกลเลอรี WordPress
รหัสย่อของ แกลเลอรี WordPress เป็นวิธีที่ยอดเยี่ยมในการแสดงรูปภาพบนไซต์ WordPress ของคุณ ด้วยรหัสย่อนี้ คุณสามารถแทรกแกลเลอรีรูปภาพลงในโพสต์และเพจของคุณได้อย่างง่ายดาย รหัสย่อของแกลเลอรีช่วยให้คุณสามารถระบุรูปภาพที่คุณต้องการรวมไว้ในแกลเลอรีของคุณ ตลอดจนจำนวนคอลัมน์และแถว คุณยังสามารถระบุลำดับที่จะแสดงภาพได้
คุณลักษณะแกลเลอรีช่วยให้คุณสามารถเพิ่มแกลเลอรีรูปภาพเดียวในโพสต์และหน้าเว็บของคุณโดยใช้รหัสย่อเดียว เมื่อคุณป้อน ID ลงในรหัสย่อของคุณ คุณสามารถรวมรูปภาพที่ไม่จำเป็นต้องเป็นส่วนหนึ่งของโพสต์ของคุณ หากแกลเลอรีไม่มีรหัสที่ชัดเจน คาดว่ารูปภาพทั้งหมดที่มีโพสต์จะถูกกำหนดให้เป็นผู้ปกครองของโพสต์
ปลั๊กอิน WordPress Image Gallery พร้อมรูปขนาดย่อ
ปลั๊กอินแกลเลอรีรูปภาพของ WordPress พร้อมภาพขนาดย่อเป็นวิธีที่ยอดเยี่ยมในการแสดงรูปภาพของคุณบนเว็บไซต์ของคุณ ปลั๊กอินช่วยให้คุณสร้างแกลเลอรีรูปภาพที่มีรูปขนาดย่อที่ลิงก์ไปยังรูปภาพขนาดเต็ม คุณยังสามารถเพิ่มคำอธิบายภาพให้กับแต่ละภาพได้
สร้างแกลเลอรีแล้วคุณจะสามารถแบ่งปันภาพถ่ายของคุณในแบบที่ไม่เหมือนใครเพื่อดึงดูดความสนใจของผู้มีโอกาสเป็นแขก สิ่งสำคัญคือต้องปฏิบัติตามเก้าขั้นตอนเหล่านี้เพื่อสร้างแกลเลอรีรูปภาพที่มีฟังก์ชันรูปขนาดย่อใน WordPress คุณสามารถใช้ Native Envira Gallery เพื่อเลือกรูปภาพจากคอมพิวเตอร์หรือไลบรารีสื่อของ WordPress แกลเลอรีภายนอกเป็นวิธีที่ง่ายในการนำเข้ารูปภาพจากแหล่งอื่นๆ เช่น บล็อกโพสต์หรือบัญชีโซเชียลมีเดีย ก่อนที่คุณจะเริ่มใช้แกลเลอรีรูปภาพ คุณต้องกำหนดค่าก่อน คุณสามารถเปิดใช้ภาพขนาดย่อของไลท์บ็อกซ์และแกลเลอรีสำหรับอุปกรณ์เคลื่อนที่ได้โดยไปที่หน้านี้ เป็นความคิดที่ดีที่จะตรวจสอบแท็บนี้หากคุณใช้เทมเพลตแบบกำหนดเองกับธีมของคุณ
เมนูป๊อปอัปช่วยให้คุณสามารถเพิ่มข้อมูลเมตาให้กับแต่ละภาพได้ ในแบ็กเอนด์ แท็บเบ็ดเตล็ดมีการตั้งค่าการดูแลระบบมากมาย คุณสามารถเพิ่มการรองรับ CSS, กระสุน และ RTL แบบกำหนดเองในชื่อแกลเลอรีและการตั้งค่ากระสุน แท็บนี้จะอนุญาตให้คุณนำเข้าและส่งออก แกลเลอรีรูปภาพของ WordPress คุณสามารถเพิ่มแกลเลอรีรูปภาพลงในไฟล์เทมเพลตใดก็ได้ในธีมของคุณ จากนั้นคัดลอกและวางแท็กเทมเพลตลงในไฟล์ธีม