เพิ่มความสามารถของ Gutenberg ด้วยปลั๊กอิน Premium Blocks

ขยายขีดความสามารถของ Gutenberg Block ด้วยปลั๊กอิน Premium Blocks – Gutenberg Blocks for WordPress จากผู้พัฒนา Leap13 ค่ายที่เริ่มต้นพัฒนา Theme และ Plugin WordPres ออกสู่ตลาดในปี 2013 โดยปลั๊กอิน Premium Blocks นี้เป็นปลั๊กอินฟรี 100% มี Gutenberg Block มาให้มากกว่า 25 Blocks โดยบล็อกทั้งหมดเป็นแบบ RTL และพร้อมสำหรับการแปล ทำให้สามารถแปลเป็นภาษาที่ต้องการได้อย่างง่ายดาย

โดยปลั๊กอิน Premium Blocks มีฟีเจอร์ที่น่าสนใจหลายอย่าง เช่น Flexbox Container Gutenberg Block, Premium Blocks Global Settings และ Copy/Paste Style Feature ตัวปลั๊กอินก็ถือว่าเป็นทีรู้จักในระดับหนึ่ง มียอดดาวน์โหลดไปใช้งานตั้งแต่เวอร์ชั่นแรกจนถึงเวอร์ชั่นปัจจุบันไปแล้ว 2 แสนกว่าครั้ง

คุณสมบ้ติเด่น

Flexbox Container Gutenberg Block

สร้าง Layout ที่ซับซ้อนโดยใช้ Flexbox Containerเพื่อจัดเรียงองค์ประกอบต่างๆ เรียงซ้อนกันในแนวตั้ง

Premium Blocks Global Settings for Gutenberg

ประหยัดเวลาด้วยการตั้งค่าสไตล์ต่างๆที่สามารถนำมาใช้ได้กับทุก Block และตั้้งเป็นค่าเริ่มต้นได้ ทั้งการปรับแต่งแบบอักษร สี การเว้นวรรค และอื่นๆอีกมากมาย

Presets and Variations for Various Gutenberg Blocks

ยกระดับการออกแบบเว็บไซต์ด้วย Library ที่ใช้ตั้งค่ารูปแบบต่างๆไว้ล่วงหน้า เช่น Button แบบต่างๆ และนำมาใช้ได้ทันที ทำให้ลดขั้นตอนที่จะต้องมาปรับแต่งใหม่ทุกครั้ง

Copy/Paste Style Feature for Gutenberg

ปรับปรุงกระบวนการออกแบบและประหยัดเวลาอันมีค่าเมื่อสร้างเว็บไซต์โดยใช้ปลั๊กอิน Premium Blocks – Gutenberg Blocks ที่สามรถ Copy/Patse สไตล์ของ Block ได้ ไม่ว่าจะเป็น Container หรือ Element

Equal Height Feature for Gutenberg

เมื่อเปิดใช้ฟีเจอร์นี้ จะทำให้ Columns, Blocks หรือ Element ใดๆ มีความสูงเท่ากันหมดด้วยการคลิกเพียงครั้งเดียว ทำให้มีความกลมกลื่น ภาพลักษณ์ดูสะอาดตาและสวยงาม

Entrance Animation Feature for Gutenberg Blocks

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

Asset File Generation Feature

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

Premium Blocks – Gutenberg Blocks ทั้งหมด

• Banner – ใช้สำหรับสร้างแบนเนอร์ มีสไลต์แบบสำเร็จรูปให้เลือกใช้ รวมถึงปรับแต่เองได้
• Buttons – สร้างปุ่มกดเพื่อกระตุ้นการตัดสินใจ
• Counter – แสดงตัวเลขเป็นตัวนับแบบเคลื่อนไหว (ตั้งแต่ต้นจนจบ)
• Dual Heading – ใส่หัวข้อและคำบรรยายที่มีประสิทธิภาพ
• Heading – สร้างข้อความส่วนหัว พร้อมสไตด์ที่มีให้เลือกมากมาย
• Icon – เติมเต็มเนื้อหาด้วย Fontawesome ไอคอนและ WordPress Dash ไอคอน
• Google Maps – ฝังแผนที่ Google ลงในเว็บไซต์ WordPress ได้โดยตรง
• Pricing Table – นำเสนอสินค้าหรือบริการและกำหนดราคาอย่างชัดเจนและน่าดึงดูด
• Section – จัดโครงสร้างเนื้อหาของหน้า Post หรือ Page ให้เป็นระเบียบและดึงดูดสายตา
• Testimonials – สร้างกล่องรีวิวผลิตภัณฑ์หรือบริการโดยลูกค้า เพื่อเพิ่มความน่าเชื่อถือให้กับเว็บไซต์
• Accordion – สร้างกล่องเนื้อหาทีี่เปิดปิดได้คลิกที่หัวข้อ เหมาะสำหรับสร้างเนื้อหาประเภท คำถามที่พบบ่อย หรือเนื้อหาเชิงอธิบาย
• Icon Box – สร้างกล่องที่รวมไอคอนและข้อความไว้ด้วยกัน เพื่อสร้างกล่องข้อมูลที่สะดุดตา
• Video Box – เพิ่มวิดีโอ YouTube, Vimeo และ Dailymotion หรือคุณสามารถอัปโหลดวิดีโอที่กำหนดเอง
• Flex Container – จัดกลุ่มและจัดระเบียบองค์ประกอบเนื้อหาภายในเค้าโครง Gutenberg โดยใช้ Block Flexbox Container อันทรงพลังพร้อมการตั้งค่าการตอบสนองขั้นสูง
• Animated Text – ดึงดูดความสนใจด้วยเอฟเฟกต์ข้อความแบบ Dynamic และ Animated
• Lottie Animations – แสดงไฟล์ภาพเคลื่อนไหว Lottie
• Modal Popup – สร้างหน้าต่างป๊อปอัปสำหรับเนื้อหาเพิ่มเติมหรือคำกระตุ้นการตัดสินใจ
• Image Separator – แบ่งส่วน Gutenberg Section ด้วย Image Separator ที่มีสไตล์และปรับแต่งได้
• Bullet List – แสดงรายการหัวข้อย่อยที่มีสไตล์
• Team Members – แสดงสมาชิกในทีมของคุณด้วยรูปภาพ ประวัติ และลิงก์โซเชียล
• Content Switcher – สลับเนื้อหาด้วย Toggle Switch
• Instagram Feed – แสดงฟีด Instagram โดยตรงบนเว็บไซต์ WordPress
• Post Carousel – ดึง Post มาแสดงแบบ Carousel
• Post Grid – ดึง Post มาแสดงแบบ Grid
• SVG Draw – เพิ่ม SVG โดยเลือกจากไอคอนที่มีให้เลือกอยู่แล้ว หรืออัปโหลดลงมาเอง โดยจะเลือกแบบ SVG Draw คือให้แสดงผลเป็นแบบภาพเคลื่อนไหวการวดไอคอน หรือเป็นไอคอนภาพนิ่งเฉยๆก็ได้
• Form – สร้างแบบฟอร์มที่สวยงาม ไม่ว่าจะเป็น Newsletters หรือ Contact Form
• Image – เพิ่มรูปภาพทั้งแบบปกติและใส่ Marks ได้

การติดตั้งปลั๊กอิน Premium Blocks – Gutenberg Blocks for WordPress

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

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

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

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

เมื่อ Install และ Activate เรียบร้อยแล้ว จะเข้าไปตั้งค่าต่างๆของ Premium Blocks ได้จาก -> Premium Blocks

โดยมี Tab อยู่ 8 เมนู กับอีก 1 Button

Welcome

หน้าต้อนรับ มี Link ไปยังหน้าต่างๆเช่น Community, Help Center หรือ ติดต่อ Support รวมถึงสมัครเป็นสมาชิกรับข่าวสาร

Blocks

แสดงและเปิดปิดการทำงานของ Block ทั้งหมด

Global Features

ใข้เปิดปิดคุณสมบัติ Global Features ทั้งสามตัวคือ Equal Height, Entrance Animation และ Copy & Paste Styles

Settings

สำหรับตั้งค่า Google Map API Key, เปิดปิดการใช้งาน Font Awesome Icons, JSON Upload, Enegle Global Setting และ Asset File Generation

Performance

สำหรับเปิดการทำงานของ Load Google Fonts Locally และ Allow Only Selected Fonts

Integrations

สำหรับเชื่อมต่อกับบริการอื่นๆ เช่น reCAPTCHA, Mailchimp และ MailerLite

Version Control

สามารถ Rollback กลับไปเวอร์ชั่นเก่าๆได้ที่นี่

System Info

แสดงข้อมูลของระบบที่ใช้ ทั้ง WordPress และ Host

ส่วนปุ่ม Knowledge Base เมื่อคลิกก็จะพาไปที่หน้า Help Center ของปลั๊กอิน

ตัวอย่างการใช้งานปลั๊กอิน Premium Blocks

เข้าไปที่หน้าสร้างและแก้ไข Post หรือ Page ด้วย WordPress Block Editor แล้วคลิกที่ Tab Menu Blocks ที่อยู่ทางด้านซ้าย โดย Block ของ Premium Blocks จะอยู่ในหัวข้อ Premium Blocks ไอคอน Block และข้อความจะเป็นสีดำ

จากนั้นเลือก Block ที่ต้องการจากเมนูด้านซ้าย และปรับแต่งค่าต่างๆได้ตามต้องการ

เสร็จแล้วทดลองดูที่หน้าเว็บไซต์

สรุป

ก็เป็นอีกหนึ่งปลั๊กอินที่มีความน่าสนใจอยู่ไม่น้อย สำหรับ Premium Blocks – Gutenberg Blocks for WordPress ซึ่งเป็นปลั๊กอินฟรี 100% และมี Gutenberg Block มาให้มากกว่า 25 Blocks มีฟีเจอร์ที่น่าสนใจอยู่หลายอย่าง เช่น Flexbox Container Gutenberg Block, Premium Blocks Global Settings และ Copy/Paste Style Feature และยังสามารถ Create pattern ได้เอง ที่เหมาะสำหรับสร้าง Pattern ของ Block ที่ใช้บ่อยๆเก็บไว้ใช้ภายหลังได้ แต่ว่าจะไม่ม Template Library มาให้