เพิ่มพลังให้ Gutenberg ด้วยปลั๊กอิน Essential Blocks

อย่างที่ทราบกันดีว่าตั้งแต่ WordPress เวอร์ชั่นที่ 5 เป็นต้นมา ทางทีมผู้พัฒนา WordPress ได้มีการปรับเปลี่ยนมาใช้ WordPress Block Editor หรือ Gutenberg แทน Classic Editor ที่เป็นแบบ TinyMCE ที่ใช้มาอย่างยาวนานกว่า 10 ปีมาแล้ว โดย Gutenberg เป็น Editor ที่มีความสามารถและการใช้งานที่แตกต่างจาก Classic Editor อยู่ค่อนข้างมาก

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

แต่ถ้า Block Gutenberg ที่มาพร้อมกับ WordPress นั้นไม่เพียงพอต่อการใช้งาน เราก็สามารถหาปลั๊กอินเสริมเพื่อเพิ่ม Block Gutenberg ได้ ซึ่งปลั๊กอินที่จะมาแนะนำในวันนี้ก็คือ Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates จากผู้พัฒนา WPDeveloper เป็นปลั๊กอินประเภท Page Builder Gutenberg Blocks ที่ได้รับความนิยมตัวหนึ่ง โดยมียอดดาว์นโหลดมากกว่า 2.5 ล้านครั้ง

Essential Blocks มีทั้งเวอร์ชั่นฟรี และเวอร์ชั่น Pro โดยมี Advanced Blocks ต่างๆให้เลือกมากกว่า 50 แบบ รวมถึงมีหน้า Templates ให้เลือกใช้งานอีกมากกว่า 5,000 แบบ ซึ่งทั้งหมดจะมาช่วยในการออกแบบหน้าเว็บไซต์นั้นมีความโดดเด่นมากขึ้น

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

แบบรายปี

Starter | ราคาปกติ $49 | ใช้ได้ 1 เว็บไซต์
Innovator | ราคาปกติ $149 | ใช้ได้ 5 เว็บไซต์
Visionary | ราคาปกติ $349 | ใช้ได้ 100 เว็บไซต์

แบบตลอดชีพ

Starter | ราคาปกติ $99 | ใช้ได้ 1 เว็บไซต์
Innovator | ราคาปกติ $199 | ใช้ได้ 5 เว็บไซต์
Visionary | ราคาปกติ $399 | ใช้ได้ 100 เว็บไซต์

*ราคาดังกล่าวเป็นราคาปกติ ส่วนราคาโปรโมชั่นก็แล้วแต่ช่วงเวลาที่ทางผู้พัฒนาจัดโปรโมชั่นออกมา

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

COMPLETELY CUSTOMIZABLE

แต่ละ Block มาพรัอมกับการปรับแต่งค่าที่ทำได้ค่อนข้างละเอียดเพื่อควบคุมทุกแง่มุมที่เป็นไปได้ในการออกแบบเว็บไซต์

BLOCKS GLOBAL CONTROL

สามารถบันทึกสไลต์ที่ปรับแต่งเองและนำมาใช้ซ้ำได้ทั้งใน Posts หรือ Pages ทำให้ไม่ต้องเสียเวลามาปรับแต่งค่าต่างๆซ้ำไปมาบ่อยๆ

LIGHT WEIGHT & INSTANT LOADING

ปลั๊กอินถูกปรับแต่งมาให้โหลดได้อย่างรวดเร็ว ไม่กินทรัยากร ไม่ทำให้เว็บไซต์ทำงานได้ช้าลง

BLOCKS MODULAR CONTROL

เปิดและปิดการใช้งาน Block ที่ต้องการได้เอง Block ไหนไม่ได้ใช้ก็ปิดการงาน เพื่อให้หน้าเว็บของคุณโหลดเร็วและราบรื่นขึ้น

ASSET REGENERATION

คุณสมบัติ Asset Regeneration ช่วยรักษาระดับความเร็วในการโหลดเว็บไซต์ของคุณ

COMPATIBILITY WITH GOOGLE FONTS

รองรับการใช้งาน Google Fonts ได้สมบูรณ์แบบ

RESPONSIVE ON ALL DEVICES

รองรับทุกขนาดหน้าจอ สามารถปรับแต่งค่าต่างๆของ Block แบบแยกกันให้เหมาะกับทุกขนาดหน้าจอ

ADVANCED ANIMATION FEATURE

ดึงดูดความสนใจของผู้ใช้ด้วยคุณสมบัติแอมนิเมชั่นขั้นสูง

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

DYNAMIC TAGS & ACF SUPPORT

มีความยืดหยุ่นสูง รองรับปลั๊กอิน ACF (Advanced Custom Fields) ทำสามารถเพิ่มฟิลด์ได้ทั้งกับ Posts, Pages

READY GUTENBERG BLOCK PATTERNS

มี GUTENBERG BLOCK PATTERNS สำหรับ Block ต่างๆ พร้อมให้เลือกใช้งาน ทำให้สร้างและแก้ไขเว็บไซต์ได้เร็วขึ้น

STUNNING GUTENBERG TEMPLATES

มี Gutenberg Templates Website ให้เลือกใช้มากกว่า 5,000 แบบ และหลากหลายกลุ่มของเว็บไซต์ให้เลือก เช่น

• Blog & Magazine
• Celebration
• Creative
• eCommerce
• Education
• Entertainment
• Fashion & Lifestyle
• Food & Restaurant
• Health & Medical
• Multipurpose
• NFT & CryptoCurrency
• Non-profit
• Portfolio & Consultancy
• Technology
• Travel
• และอื่นๆอีกมากมาย

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

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

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

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

เข้าไปปรับแต่งค่าต่างๆของปลั๊กอินได้โดยเข้าไปที่หลังบ้านเมนู -> Essential Blocks

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

เมื่อเข้าไปที่หลังบ้านเมนู -> Essential Blocks แล้วจะมาที่หน้า Dashboard ของปลั๊กอิน Essential Blocks จะมีเมนูทั้งหมด 5 เมนู ดังนี้

Dashboard

เป็นหน้า Welcome To Essential Blocks มีลิงค์ให้กดไปดู Demo Page, Documentation แนะนำการใช้งาน, Contact us สำหรับติดต่อทีมงานผู้พัฒนา

Blocks

เป็นหน้าที่ใช้เปิดปิดการใช้งานของ Blocks ทั้งหมด โดยทุก Block จะมีลิงค์ Demo ให้กดดูและมีลิงค์ Documentation แนะนำการใช้ Block โดยจะมี Block ทั้งหมด 8 ประเภท ดังนี้

• Content Blocks
• Creative Blocks
• Dynamic Blocks
• Form Blocks
• Layout Blocks
• Marketing Blocks
• Social Blocks
• WooCommerce Blocks

ถ้าใช้งานเวอร์ชั่นฟรีอยู่และ Block ไหนเป็นของเวอร์ขั่น Pro ก็จะมีข้อความแถบสีเขียนว่า Pro กำกับอยู่

Templates

เป็นหน้าที่รวมเอา Template Website เอาไว้กว่า 5,000 แบบ มีทั้งเวอร์ข้่นฟรี และ Pro

Settings

เป็นหน้าที่ใช้ตั้งค่าเพื่อเชื่อมต่อกับบริการ Third Party เช่น API Integrations หรือ Google Fonts, Font Awesome

Integrations

เป็นหน้าที่ใช้ติดตั้งปลั๊กอินอื่นๆที่ทำงานร่วมกับ Essential Blocks ได้

โดยเมื่อ Install และ Activate เรียบร้อยแล้ว เมื่อสร้างหน้า Post หรือ Page ที่เมนู Blocks ทางด้านซ้ายก็จะมี Block ของปลี๊กอิน Essential Blocks เพิ่มขึ้นมา

ส่วมปุ่ม Pattern Library คือปุ่มที่ใช้เปิดการใช้งาน Template ซึ่งจะมีทั้งแบบ Block Pattern หรือทั้งหน้า Page

เมื่อคลิกที่ปุ่ม I want access to FREE Templates แล้วก็จะมี Popup ทีแสดง Templates ทั้ง Block และ Page ขึ้นมาหให้เลือกใช้งาน

สรุป

ปลั๊กอิน Essential Blocks เป็นปลั๊กอินส่วนเสร่ิมที่ช่วยให้การสร้างเว็บด้วย WordPress Block Editor หรือ Gutenberg มีความหลากหลายขึ้น ด้วยจำนวน Advanced Blocks ที่มีมาให้ และ Template ไม่ว่าจะเป็น Block Pattern หรือ Template ที่เป็นหน้าเว็บไซต์ ก็มีให้เลือกใช้อย่างมากมาย ทำให้การสร้างเว็บไซต์ด้วยปลั๊กอิน Essential Blocks นั้นทำได้สะดวกและง่ายขึ้น