Gutentor ปลั๊กอินเสริมเพิ่ม Block ให้กับ WordPress Block Editor

Gutentor เป็นปลั๊กอิน Collection WordPress Gutenberg Blocks ที่ช่วยเพิ่ม Block สำหรับ WordPress Block Editor เพื่อช่วยในการออกแบบเว็บไซต์ที่สวยงามและมีความหลากหลายกว่า Block มาตรฐานที่มากับ WordPress โดย Gutentor ได้รับการออกแบบมาเพื่อประสบการณ์การสร้าง Post, Page ที่นำความสามารถขั้นสูงและการออกแบบที่สวยงามอย่างที่ไม่เคยมีมาก่อนในตัวสร้าง Post, Page ใดๆ ทำงานกับธีมใดก็ได้ สร้างการออกแบบใดก็ได้

Gutentor เป็นปลั๊กอินจากผู้พัฒนา Gutentor จากประเทศเนปาล มีน้ำหนักเบาได้รับการปรับแต่งมาอย่างดี สามารถสร้างเว็บไซต์ WordPress ที่เรียบง่ายไปจนถึงซับซ้อนได้ สามารถสร้างเว็บไซต์ WordPress ที่เรียบง่ายไปจนถึงซับซ้อนได้ โดยมียอดดาวน์โหลดไปใช้งานตั้งแต่เวอร์ชั่นแรกจนถึงเวอร์ชั่นปัจจุบันรวมแล้วกว่า 1.1 ล้านครั้ง มีให้เลือกทั้งเวอร์ชั่น Free และ
Pro

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

ราคาและแพลนของเวอร์ชั่น Pro

แบบรายปี

แบบ Lifetime

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

เปรียบเทียบคุณสมบัติของเวอร์ชั่น Free กับ Pro

มีอะไรใหม่ใน Gutentor

มีคุณสมบัติที่จำเป็นทั้งหมดที่ใช้ในการสร้างเว็บเพจที่สมบูรณ์
ได้รับการปรับแต่งให้มีความเร็วที่เหมาะสม
เป็นมิตรกับ SEO
มี Template Library สำหรับ Template และ Block สำเร็จรูป ที่ติดตั้งด้วยการคลิกเพียงครั้งเดียว
ประสบการณ์การออกแบบที่รวดเร็วยิ่งขึ้น
ใช้งานง่าย โดยไม่ต้องเพิ่มแถว/คอลัมน์ เพียงแค่เพิ่มบล็อกก็เพียงพอที่จะสร้างเว็บไซต์ที่สวยงามได้
Field แบบ Repeater ใช้สร้างรายการภายใน Block ด้วยการลากและวาง
ตัวเลือก Row และ Column ที่ปรับแต่งได้เยอะมาก
การปรับแต่งของแต่ละ Block ทำได้เยอะ ไม่ว่าจะเป็น HTML, พื้นหลัง, เส้นขอบ, เงา, MArgin-Padding, SVG Shape และ Animation
ปรับแต่งให้เหมาะกับแต่ละขนาดหน้าจอได้
ปรับแต่งแบบอักษรได้เยอะและใช้ Google Font ได้
ทำพื้นหลังแบบวิดีโอได้
ปรับแต่งด้วย CSS ได้ทั้งแบบ Inline, Internal, External

สิ่งที่ทำให้ Gutentor แตกต่างจากปลั๊กอินอื่น

Dynamic Columns
Advanced Columns
Gutentor Elements
Gutentor Modules
Gutentor Posts
Gutentor Terms (New)
Gutentor Widgets
Template และ Block สำเร็จรูปฟรีมากกว่า 100 รายการ
Slider and Carousel
แสดงผลได้ทุกขนาดหน้าจอและเป็นมิตรกับ SEO
JS/CSS Framework จะโหลดก็ต่อเมื่อมีการใช้ Block ใน Post, Page
Support Service ที่มีคุณภาพ

Gutentor Blocks แบ่งออกเป็น 5 ประเภท

1. Gutentor Elements

เป็นองค์ประกอบที่ได้รับการออกแบบมาเพื่อใช้ภายใน Modules ของ Gutentor ซึ่งสามารถใช้องค์ประกอบเหล่านี้ได้ทุกที่ใน WordPress Block Editor

Advanced Text
Button
Counter
Divider
Google Map
Icon
Image
Advanced List
Pricing
Progress Bar
Rating
Simple Text
Video Popup

2. Gutentor Modules

ได้รับการออกแบบและพัฒนาในลักษณะที่คุณสามารถสร้างโครงสร้างที่ซับซ้อนมากขึ้นบนเว็บของคุณได้ง่ายขึ้น

Advanced Columns
Button Group
Carousel
Container/Cover
Dynamic Columns
Slider
Accordion
Tabs
Icon Group
Form Wrapper
Gallery
Filter
Quote
Table of Contents

3. Gutentor Posts (Post Types)

เป็น Block ที่ใช้ดึง Post ของ WordPress ขึ้นมาแสดงผล มีให้เลือกหลายรูปแบบ

Post (Type)
Post (Type) Feature
Advanced Post (Type)
Post (Type) Carousel
Post (Type) News Ticker
Duplex Post (Type)

4. Gutentor Terms (Category and Custom Taxonomy)

คล้ายกับ Gutentor Posts แต่จะเป็นการดึงหมวดหมู่ของ Post ขึ้นมาแสดงผล

Term (Category)
Term (Category) Feature
Term (Category) Carousel

5. Gutentor Widgets

About Widget
Accordion Widget
Advanced Columns Widget
Advanced List Widget
Author Profile Widget
Post Widget
Call to Action Widget
Content Widget
Countdown Widget
Counter Widget
Featured Widget
Gallery Widget
Google Map Widget
Icon Widget
Image Widget
Image Slider Widget
Notification Widget
Opening Hours Widget
Pricing Widget
Progress Bar Widget
Restaurant Menu Widget
Social Links Widget
Show More Widget
Tabs Widget
Team Widget
Testimonial Widget
Timeline Widget
Video Popup Widget

เข้าไปศึกษารายละเอียดและตัวอย่างการใช้งานของทุก Blocks ได้ที่นี่ -> Gutentor Blocks

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

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

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

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

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

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

Getting Started

เป็นหน้าแนะนำการใช้งานมีลิงก์ไปดู Video Tutorials, Documentation และ Demo

Blocks

แสดง Block ทั้งหมดของ Gutentor – WordPress Page Building Blocks และเปิดปิดการใช้งานได้

Settings

ใช้ตั้งค่าต่างๆของ Gutentor มีเมนูย่อย 4 เมนู

General ใช้เปิดปิดการใช้งาน Gutenberg Editor, Gutentor Page Template ใน Post Type ต่างๆ ซึ่งถ้ามีการลง WooCommerce ไว้ แล้วเปิดการใช้งานกับ Products จะทำให้ส่วน Product Description ใช้ WordPress Block Editor ได้

Optimization ใช้เลือก Dynamic CSS Options

Category/Terms สำหรับเปิดการใช้งาน Color และ Image Option ใน Categories, Tags, Product Categories, Products Tags และ Product Shipping Classes

Post Format ตั้งค่าเกี่ยวกับสีพื้นหลังและสีไอคอน ของไอคอนแบบต่างๆ

License สำหรับใส่ License Key ของ Gutentor เวอร์ชั่น Pro

การใช้งาน Gutentor – Gutenberg Blocks

เข้าไปที่หน้าสร้างและแก้ไข Post หรือ Page แล้วคลิกที่ Tab Menu Blocks ที่อยู่ทางด้านซ้าย โดย Gutentor – Gutenberg Blocks จะมีการแยกประเภทไว้ให้แล้ว สีของไอคอน Block และข้อความจะเป็นส้ม การใช้งานก็คลิก Block ที่ต้องการได้เลย

Gutentor Elements

Gutentor Modules

Gutentor Posts

Gutentor Terms

Gutentor Widgets

ที่มุมบนซ้ายของหน้า WordPress Block Editor จะมีปุ่มที่เขียนว่า Template Library

เมื่อคลิกที่ปุ่ม Template Library ก็จะแสดง Popup ขึ้นมา โดยจะ Blocks Template, Templates, Template Kits และ Patterns ให้เลือกใช้งาน

สรุป

Gutentor เป็นปลั๊กอิน Collection WordPress Gutenberg Blocks จากประเทศเนปาล ช่วยให้การออกแบบเว็บไซต์ที่สวยงามและมีความหลากหลายกว่า Block มาตรฐานที่มากับ WordPress โดยให้ Gutenberg Block มาให้ถึง 58 Blocks และยังมี Blocks Template, Templates, Templates Kits และ Patterns พร้อมใช้งานให้เลือกให้เลือกใช้อีกมากมาย จุดเด่นอีกอย่างที่ปลั๊กอินอื่นไม่มีก็คือ Gutentor ทำให้ส่วน Product Description ของ WooCommerce ใช้ WordPress Block Editor ได้ โดยปกติแล้วส่วนนี้จะเป็นการเพิ่มข้อมูลแบบ Classic Editor ที่โดยปกติถ้าจะทำให้ส่วนนี้ใช้ WordPress Block Editor ก็ต้องไปทำการ Custom Code ที่ปลั๊กอิน WPCode ซึ่งการเปิดใช้งานส่วนนี้ได้ที่ Gutentor ก็ทำให้ลดความยุ่งยากให้กับคนที่ไม่ค่อยสันทัดเรื่องการ Custom Code ได้มากทีเดียว