Qi Blocks คอลเลกชันบล็อก Gutenberg จาก Qode Interactive

Qi Blocks For Gutenberg เป็นคอลเลกชันบล็อกสำหรับ WordPress Block Editor หรือที่เรียกว่า Gutenberg จากผู้พัฒนา Qode Interactive ที่เคยได้รับการเสนอชื่อเช้าชิงรางวัล CSSDA 2020 Agency of the Year Award มาแล้ว โดยจุดเริ่มต้นของ Qode Interactive เกิดขึ้นในปี 2011 โดยกลุ่มผู้พัฒนา WordPress มืออาชีพที่ขับเคลื่อนด้วยวิสัยทัศน์ ซึ่งทาง Qode Interactive ได้จัดตั้งขึ้น 5 ทีม ได้แก่ Qode, Mikado, Select, Elated และ Edge Themes ซึ่งทั้ง 5 ทีมก็ได้ออกแบบธีมออกมาจำหน่าย โดยสามารถซื้อได้ที่ ThemeForest เท่านั้น

Qi Blocks เป็นปลั๊กอินเสริมสำหรับ Gutenberg โดยในเวอร์ชั่นฟรีจะมี Blocks Gutenberg มาให้ถึง 48 Blocks ซึ่งถือว่าเยอะมากสำหรับปลั๊กอิน Gutenberg ที่เป็นเวอร์ชั่นฟรี ส่วนในเวอร์ชั่น Premium นั้นจะมี Blocks Gutenberg มาให้อีก 33 Blocks รวมกันแล้วทั้งเวอร์ชั่นฟรี และ Premium มี Blocks Gutenberg มาให้มากถึง 81 Blocks

โพสนี้ยาว มีหัวข้ออะไรบ้าง แสดงหัวข้อทั้งหมด

เวอร์ชั่น Premium จะมีให้เลือกดังนี้

Single Website

Qi Blocks for GUTENBERG | $49/Year
Qi Templates for GUTENBERG | $79/Year

Unlimited Website

Qi Blocks for GUTENBERG | $99/Year
Qi Templates for GUTENBERG | $139/Year

โดย Qi Templates for GUTENBERG นอกจากจะมี Blocks Gutenberg มาให้อีก 33 Blocks แล้ว ยังมี Templates หน้าเว็บไซต์มาให้อีก 365 แบบ และมี Block Pattern มาให้อีก 232 แบบ

Blocks Gutenberg ในเวอร์ชั่นฟรี 48 blocks และในเวอร์ชั่น Premium 33 blocks จะแบ่งออกเป็นกลุ่มๆ ดังนี้

Typography Custom Blocks – Block ที่เกี่ยวกับการพิมพ์ข้อความ

Section Title
Divider
Button
Call to Action
Message Boxes
Horizontal Tabs
Vertical Tabs
Accordions and Toggles
Icon with Text
Advanced Text

Premium Typography Custom Blocks – Block ที่เกี่ยวกับการพิมพ์ข้อความแบบ Premium

Drop Caps
Typeout Text
Animated Text
Highlighted Text
Blockquote
Info Button

Business Custom Blocks – Block ที่เกี่ยวกับธุรกิจ

Pricing Table
Clients List
Testimonials
Team
Info Box
Banners
Blog List

Premium Business Custom Blocks – Block ที่เกี่ยวกับธุรกิจแบบ Premium

Pricing List
Working Hours
Clients Carousel
Testimonials Carousel
Interactive Banners
Blog Carousel
Data Table
Google Map

Infographics Custom Blocks – Block ที่เกี่ยวกับการนำเอาข้อมูลมาสรุปในรูปแบบต่างๆ เพื่อให้เข้าใจได้ง่าย

Counters
Radial Progress Bar
Horizontal Progress Bar
Vertical Progress Bar
Process

Premium Infographics Custom Blocks – Block ที่เกี่ยวกับการนำเอาข้อมูลมาสรุปในรูปแบบต่างๆ เพื่อให้เข้าใจได้ง่ายแบบ Premium

Graphs
Pie and Donut Charts

Showcase Custom Blocks – Block ในกลุ่มที่เกี่ยวกับการแสดงภาพ

Timeline Showcase
Countdown
Image Gallery
Image Slider
Masonry Image Gallery
Pinterest Image Gallery
Single Image

Premium Showcase Custom Blocks – Block ในกลุ่มที่เกี่ยวกับการแสดงภาพแบบ Premium

Item Showcase
Before/After Comparison Slider
Dual Image with Content
Cards Slider
Image Hotspots
Content Menu
Advanced Navigation

Creative Custom Blocks – Block ในกลุ่มความคิดสร้างสรรค์

Cards Gallery
Parallax Image Showcase
Text Marquee

Premium Creative Custom Blocks – Block ในกลุ่มความคิดสร้างสรรค์แบบ Premium

Device Frame Slider
Device Frame Carousel
Preview Slider
Interactive Links
Slider Switch

WooCommerce Custom Blocks – Block สำหรับปลั๊กอิน WooCommerce

Product List

Premium WooCommerce Custom Blocks – Block สำหรับปลั๊กอิน WooCommerceแบบ Premium

Product Slider
Product Category List
Add to Cart Button
Rating

SEO Custom Blocks – Block ที่ใช้แล้วมีผลกับ SEO ของเว็บไซต์ (On-page SEO)

FAQs
How-to Schema
Table of Contents

Form Style Custom Blocks – Block สำหรับจัดการปลั๊กอินฟอร์มติดต่อ

Contact Form 7

Premium Form Style Custom Blocks – Block สำหรับจัดการปลั๊กอินฟอร์มติดต่อ

WPForms

Content Custom Blocks – Block ที่ใช้จัดการหน้า Content

Advanced Columns
Spacer
Author Info
Post Title
Post Date
Post Author
Comments Template
Post Terms
Categories
Tag Cloud
Search

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

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

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

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

อธิบายเมนูของปลั๊กอิน Qi Blocks

เมื่อ Install และ Activate เรียบร้อยแล้ว จะเข้าไปตั้งค่าต่างๆของ Qi Blocks ได้จาก -> Qi Blocks โดยมีเมนูทั้งหมด 4 เมนู

Welcome Page

เป็นหน้าที่จะแสดงส่วนต่างๆที่จะพาไปยังหน้าต่างๆที่เกี่ยวกับปลั๊กอิน เช่น การอัปเกรดเป็น Premium, Help Center, Knowledge Base, Documentation และ Video Tutorials เป็นต้น

Blocks

เป็นหน้าที่ใช้เปิด/ปิดการใช้งาน Block Gutenberg ทั้งหมด และอื่นๆเช่น Google Fonts

Qi Blocks Premium – เมื่อคลิกจะพาไปยังหน้าที่แสดงราคาของเวอร์ชั่น Premium
Qi Template – เมื่อคลิกจะพาไปที่หน้าแสดงรายละเอียดของ Qi Templates forGUTENBERG

เมื่อเข้าไปที่หน้า Add/Edit Post หรือ Page และคลิกที่ปุ่ม + เพื่อเปิด Left Menu ตรง Tab Blocks ก็จะแสดง Blocks ของปลั๊กอิน Qi Blocks ที่พร้อมใช้งาน สังเกตง่ายๆว่า Block จะมีสีแดง

ส่วนทางด้านขวาเมื่อคลิกที่ไอคอน Qi สีแดงๆ จะเป็นการเปิด Qi Global Settings ซึ่งใช้ในการตั้งค่าเกี่ยวกับตัวอักษรของ Tag H1-H6, P ซึ่งจะมีผลกับทุกหน้าของ Post และ Page โดยจะตั้งที่ Post หรือ Page ใดก็ได้ และเลือกได้ว่าให้มีผลเฉพาะกับ Block ของ Qi หรือทุก Block Gutenberg ไม่ว่าจะของ WordPress เอง หรือจากปลั๊กอิน Gutenberg อื่นๆ

สรุป

ก็ถือได้ว่าเป็นปลั๊กอิน Gutenberg Block ที่มี Block มาให้ใช้งานมากที่สุดตัวหนึ่ง โดยมีมากถึง 81 Blocks แบ่งเป็นของเวอร์ชั่นฟรี 48 Blocks และเวอร์ชั่น Premium อีก 33 Blocks รวมกันแล้วทั้งเวอร์ชั่นฟรี ซี่งในหน้า Setting ที่ใช้เปิด/ปิดการทำงานของ Blocks ก็จัดหมวดหมู่ประเภทของ Block เอาไว้อย่างชัดเจน นอกจากนี้ก็มีตัวอย่างการใช้ Block ในแบบต่างๆ และยังมีวิดีโอสอนการใช้งานมาให้ด้วย