สร้างแกลเลอรีสินค้า WooCommerce ที่น่าทึ่งด้วยส่วนเสริมแกลเลอรี WP Media Folder

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

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

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

การสร้างแกลเลอรีสินค้าสำหรับเว็บไซต์ WooCommerce ของคุณ 

เครื่องมือที่ใช้ในบทความนี้ได้แก่ WP Media Folder, ส่วนเสริม WP Media Folder Gallery และ WooCommerce โปรดจำไว้ว่าคุณต้องมีเครื่องมือเหล่านี้เพื่อสร้างแกลเลอรีตามที่อธิบายไว้ในที่นี้.

สมมติว่าเรามีสินค้าอยู่บนเว็บไซต์แล้ว แต่เราต้องการแสดงตัวอย่างสินค้าโดยใช้แกลเลอรี ดังนั้นเรามาสร้างแกลเลอรีที่ยอดเยี่ยมนี้โดยไปที่ตัวจัดการแกลเลอรีภายใต้ สื่อ > แกลเลอรีโฟลเดอร์สื่อ

ในส่วนนี้ ให้คลิกที่ +เพิ่มแกลเลอรีใหม่ > สร้างแกลเลอรีสื่อใหม่ ทางด้านซ้าย

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

ในหน้าจอถัดไป คุณสามารถเลือกแหล่งที่มาของการอัปโหลดรูปภาพได้ โดยมีตัวเลือกคือ จากคลังสื่อของคุณ คอมพิวเตอร์ของคุณ วิดีโอ (จาก YouTube หรือ Vimeo) และจาก Google Photos.

ในตัวอย่างนี้ เราจะเลือกคลังสื่อ (Media Library) เนื่องจากเราได้เตรียมโฟลเดอร์ที่มีรูปภาพของผลิตภัณฑ์ที่เราต้องการแสดงในแกลเลอรีไว้แล้ว.

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

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

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

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

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

หน้าต่างป๊อปอัพจะปรากฏขึ้น ซึ่งคุณสามารถเลือก WP WP Media Folder Gallery ในส่วน Actions

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

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

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

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

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

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

เมื่อเราได้เรียนรู้วิธีการใช้งานตัวเลือกต่างๆ ของ WP Media Folder Gallery Addon แล้ว ต่อไปเรามาดูกันว่ามีธีมอะไรบ้างใน Addon สุดเจ๋งนี้ และธีมเหล่านี้จะแสดงผลอย่างไรในคำอธิบายผลิตภัณฑ์ของคุณ.

ค่าเริ่มต้น

Masonry

พอร์ตโฟลิโอ

สไลเดอร์

สไลด์ไหล

ตารางสี่เหลี่ยม

วัสดุ

ตารางแบบกำหนดเอง

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

เริ่มปรับแต่งแกลเลอรีสินค้าของคุณสำหรับ WooCommerce 

อย่างที่คุณเห็น มันเป็นเครื่องมือที่มีประสิทธิภาพมากและมีตัวเลือกมากมายให้คุณปรับแต่งแกลเลอรีของคุณได้อย่างเต็มที่ และนี่ไม่ใช่ตัวเลือกทั้งหมด! คุณยังสามารถทำสิ่งอื่นๆ ได้อีกมากมาย เช่น การเชื่อมต่อบริการคลาวด์ต่างๆ เช่น Google Drive, Dropbox, OneDriveและ AWS.

และด้วยส่วนเสริมแกลเลอรี คุณจะสามารถนำเข้าอัลบั้มทั้งหมดจาก Google Photos ไปยังคำอธิบายผลิตภัณฑ์ของคุณได้โดยตรง ดังนั้นคุณจะรออะไรอยู่? ไป ที่นี่ และรับตัวจัดการแกลเลอรีของคุณได้เลยตอนนี้