FooGallery ปลั๊กอินสร้างแกลเลอรีที่โหลดไวและใช้งานง่าย

ปลั๊กอินสร้างแกลเลอรีอีกตัวที่จะมาแนะนำกันในวันนี้ก็คือ FooGallery จาก FooPlugins ผู้พัฒนาจากประเทศเยอรมัน โดย FooGallery เป็นปลั๊กอินอีกตัวที่ประสิทธิภาพดีโหลดแกลเลอรีได้อย่างรวดเร็วใกล้เคียงกับ Envira Gallery การสร้างแกลเลอรีด้วย ปลั๊กอิน FooGallery นั้นทำได้ง่าย ใช้เวลาไม่ถึง 1 นาทีก็สามารถสร้างแกลเลอรีได้อย่างสวยงาม รองรับการโหลดแบบ Lazy Loading ทำให้โหลดแกลเลอรีได้อย่างรวดเร็ว

FooGallery นั้นถูกสร้างขึ้นให้เหมาะสำหรับนักพัฒนาหรือฟรีแลนซ์ โดยสามารถกำหนดค่า Config ต่างๆได้ค่อนข้างเยอะ ในส่วนของคะแนน Google’s Core Web Vitals หรือ ชุดเมตริกที่วัดประสบการณ์ของผู้ใช้งานจริงสำหรับประสิทธิภาพในการโหลด การโต้ตอบ และความเสถียรของภาพในหน้าเว็บ จาก Google นั้น FooGallery ก็ได้เพิ่มประสิทธิภาพให้คะแนนส่วนนี้ดีขึ้นในปี 2021

ทางผู้พัฒนาได้เน้นไปที่การปรับปรุงความเร็วและความเสถียรของโค้ด Javascript ส่งผลให้คะแนน Core Web Vitals นั้นดีขึ้น ซึ่งการจะทำให้คะแนน Core Web Vitals ดีขึ้นนั้นมีปัจจัยอยู่ 3 ข้อหลักๆคือ

Largest Contentful Paint (LCP): ตัววัดประสิทธิภาพการโหลด ต้องพยายามให้ LCP เกิดขึ้นภายใน 2.5 วินาทีแรกของการเริ่มโหลดหน้าเว็บ

First Input Delay (FID): วัดการโต้ตอบ เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดี ต้องพยายามให้มี FID ต่ำกว่า 100 มิลลิวินาที แต่ว่าตั้งแต่เดือนมีนาคม 2024 เป็นต้นไป Interaction to Next Paint (INP) จะเป็น Core Web Vital ที่มาแทนที่ FID

Cumulative Layout Shift (CLS): วัดความเสถียรของภาพ เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดี ต้องพยายามให้มีคะแนน CLS ต่ำกว่า 0.1

FooGallery มีทั้งเวอร์ขั่นฟรี และเวอร์ชั่น Pro ให้เลือกใช้งาน

คุณสมบัติเด่นของเวอร์ชั่นฟรี

มี Gallery templates 7 แบบให้เลือก

• Responsive Image Gallery
• Image Viewer Gallery
• Masonry Gallery
• Simple Portfolio
• Justified Gallery
• Single Thumbnail Gallery
• Carousel Gallery

มี Lightbox ในตัว

• ปรับสีและ transitions ของ Lightbox ได้
• มีโหมด Fullscreen

ปรับแต่งได้ง่าย

• ปรับขนาดภาพขนาดย่อ, ระยะห่างและการจัดแถวได้
• ปรับขนาดเส้นขอบ มุมโค้ง เงา ได้
• ปรับเอฟเฟกต์ขณะโหลดได้

ประสิทธิภาพสูง

• มีตัวเลือก Lazy Loading
• แบ่งหน้าจอแกลเลอรีได้

เป็นมิตรกับ SEO

• ใส่ ALT and title attributes ในทุกภาพของแกลเลอรีได้
• เข้ากันได้กับ Sitemap ของ 3 ปลั๊กอิน SEO คือ Yoast SEO, Rank Math SEO และ AIOSEO

มี Albums ในตัว (เพียงเปิดคุณสมบัติ Albums)

• Responsive album layout
• All-in-one Stack album

นอกจากนี้ยังมีคุณสมบัติเด่นอื่นๆอีกมากมาย เช่น Import / Export แกลเลอรี, สร้างแกลเลอรีด้วย Gutenberg ได้, มี Live Preview, Gallery Widget, Drag and Drop เพื่อจัดเรียงรูปภาพและแกลเลอรี, ใส่ CSS เองได้

ส่วน FooGallery เวอร์ชั่น Pro นั้นจะแบ่งออกเป็น 3 Plan มีให้เลือกทั้งแบบรายเดือน รายปี และ Lifetime

แบบจ่ายรายเดือน

Pro Starter
$5.99 Per month ใช้ได้ 1 เว็บไซต์
$9.99 per month ใช้ได้ 5 เว็บไซต์
$25.99 per month ใช้ได้ 25 เว็บไซต์

Pro Export
$6.99 Per month ใช้ได้ 1 เว็บไซต์
$12.99 per month ใช้ได้ 5 เว็บไซต์
$29.99 per month ใช้ได้ 25 เว็บไซต์

Pro Commerce
$9.99 Per month ใช้ได้ 1 เว็บไซต์
$19.99 per month ใช้ได้ 5 เว็บไซต์
$99.99 per month ใช้ได้ 25 เว็บไซต์

แบบจ่ายรายปี

Pro Starter
$33.99 Per year ใช้ได้ 1 เว็บไซต์
$69.99 per year ใช้ได้ 5 เว็บไซต์
$149.99 per year ใช้ได้ 25 เว็บไซต์

Pro Export
$69.99 Per year ใช้ได้ 1 เว็บไซต์
$119.99 per year ใช้ได้ 5 เว็บไซต์
$199.99 per year ใช้ได้ 25 เว็บไซต์

Pro Commerce
$99.99 Per year ใช้ได้ 1 เว็บไซต์
$199.99 per year ใช้ได้ 5 เว็บไซต์
$299.99 per year ใช้ได้ 25 เว็บไซต์

แบบตลอดชีพ

Pro Starter
$99.99 once off ใช้ได้ 1 เว็บไซต์
$199.99 once off ใช้ได้ 5 เว็บไซต์
$499.99 once off ใช้ได้ 25 เว็บไซต์

Pro Export
$199.99 once off ใช้ได้ 1 เว็บไซต์
$329.99 once off ใช้ได้ 5 เว็บไซต์
$599.99 once off ใช้ได้ 25 เว็บไซต์

Pro Commerce
$259.99 once off ใช้ได้ 1 เว็บไซต์
$499.99 once off ใช้ได้ 5 เว็บไซต์
$999.99 once off ใช้ได้ 25 เว็บไซต์

FooGallery เวอร์ชั่น Pro ทั้ง 3 Plans นั้นจะเหมาะกับผู้ใช้ดังนี้

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

การติดตั้งปลั๊กอิน FooGallery

ที่หลังบ้าน WordPress ไปที่ Plugins -> Add New Plugin

ที่หน้า Add Plugins ให้ใส่คำว่า FooGallery ที่ช่อง Keyword

Install และ Activate ให้เรียบร้อย

อธิบายเมนูต่างๆของปลั๊กอิน FooGallery

เมนูใช้งานเข้าไปได้ที่ -> FooGallery จะมีเมนูย่อยทั้งหมด 9 เมนู

Galleries

เป็นหน้าที่รวมแกลเลอรีทั้งหมดที่สร้างไว้

Add Gallery

เป็นหน้าสำหร้บสร้างแกลเลอรีใหม่

Activation

เป็นหน้าที่ใช้ลงทะเบียนรับข่าวสารต่างๆจากทาง FooPlugins ซึ่งจะลงหรือไม่ลงทะเบียนก้ได้

Settings

เป็นหน้าที่ใช้ตั้งค่าต่างทั่วไป, ของ Albums, Images นอกจากนี้ยังแก้ไขข้อความ Prev, Next และ Of ที่แสดงในหน้าแกลเลอรี และ Custom Javascript กับ CSS ได้

Features

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

Help

หน้า Welcome แนะนำการสร้างแกลเลอรี, มีตัวอย่างแกลเลอรีให้ดู รวมถึงช่องทางการติดต่อฝ่าย Support

System Info

แสดงรายละเอียดค่า Config ต่างของ Server ที่ใช้รันเว็บไซต์และปลั๊กอิน FooGallery

Add-Ons

เป็นหน้าที่แสดงส่วนเสริมที่ใช้กับปลั๊กอิน FooGallery ได้

Upgrade

เป็นหน้าที่แสดงราคาและรายละเอียดของเวอร์ชั่น Pro

ตัวอย่างการสร้างแกลเลอรีอย่างง่าย

ไปที่ FooGallery -> Add Gallery

ที่หน้า Add New Gallery ให้ตั้งชื่อ Gallery ที่ต้องการ จากน้ันเพิ่มรูปภาพลง Galleray ได้ด้วยการคลิกที่ปุ่ม Add From Media Library เพื่อเลือกภาพที่มีอยู่แล้วในเว็บไซต์ หรือ คลิกที่ปุ่ม Add From Another Source เพื่ออัปโหลดรูปภาพจากคอม

ต่อมาที่ Gallery Settings ให้เลือกรูปแบบของแกลเลอรีที่ต้องการ

ในส่วนอื่นๆนั้นปรับแต่งค่าได้ตามต้องการ เช่น

General – ตั้งค่าทั่วไป
Lightbox – ตั้งค่าเกี่ยวกับการแสดงผลของ Lightbox
Appearance – ตั้งค่าเกี่ยวกับ Effect, Icon ขณะโหลดแกลเลอรี
Hover Effects – ตั้งค่าเวลานำเคอร์เซอร์เมาส์ไปวางเหนือ Gallery

โดยเมนูตั้งแต่ EXIF ลงไปนั้นไม่สามารถใช้งานได้ ต้องเป็นเวอร์ชั่น Pro เท่านั้น

จากนั้นให้คลิกที่ปุ่ม Publish เพื่อบันทึกการเปลี่ยนแปลง

การนำแกลเลอรีไปใช้งาน

เมื่อ Publish แล้ว ในหน้า Add New Gallery จะมีส่วน Gallery Shortcode ให้ Copy Shortcode นี้เอาไว้

เปิดหน้า Post หรือ Page ที่ต้องการ แล้ววาง shortcode ลงไป

เมื่อเปิดหน้าเว็บไซต์ก็จะเห็น Gallery ที่เราสร้างขึ้น

สรุป

FooGallery เป็นปลั๊กอินสร้างแกลเลอรีอีกตัวหนึ่งที่สร้างแกลเลอรีได้ง่าย เพียงไม่กี่คลิกเท่านั้น ในเวอร์ชั่นฟรีมีรูปแบบของแกลเลอรีให้เลือกถึง 7 แบบ การปรับแต่งค่าต่างๆก็ทำได้ค่อนข้างเยอะ และที่สำคัญยังสามารถ Custom JavaScrpit กับ CSS ได้เองด้วย ปลั๊กอิน FooGallery ยังโหลดแกลเลอรีได้อย่างรวดเร็ว ไม่เป็นตัวถ่วงทำให้หน้าเว็บไซต์ช้าลง ฟังก์ชั่นที่ให้มาก็ถือว่าเพียงพอต่อการใช้งานในเว็บไซต์ทั่วไป