B Blocks – The ultimate block collection เป็นปลั๊กอินส่วนเสริมที่จะช่วยเพิ่ม Block ให้กับ WordPress Block Editor โดย B Blocks เป็นปลั๊กอินจากค่าย bPlugins ค่ายพัฒนาเล็กๆที่เริ่มต้นในปี 2015 โดย Abu Hayat ผู้ประกอบการอายุน้อยท่ีมีความหลงใหลใน WordPress และต้องการทำให้ผู้คนใช้งานและปรับแต่ง WordPress ได้ง่ายขึ้น ดังนั้น เขาจึงรวบรวมทีมนักพัฒนารุ่นใหม่ และพวกเขาก็เริ่มสร้างปลั๊กอินที่ผู้คนต้องการ
ซึ่งเป็นผู้พัฒนาเดียวกับปลั๊กอิน Content Slider Block – Display slider in a beautiful way ที่ได้เคยแนะนำไปแล้ว สามารถเข้าไปอ่านได้ที่ Content Slider Block อีกหนึ่งตัวเลือกในการสร้างสไลด์บน WordPress สำหรับ B Blocks เป็นปลั๊กอิน Gutenberg Block ที่ยังไม่ค่อยเป็นที่รู้จักเท่าไหร่นัก มียอดดาวน์โหลดไปใช้งานตั้งแต่เวอร์ชั่นแรกที่ออกมาประมาณเดือนเมษายน 2564 ถึงเวอร์ชั่นปัจจุบันรวมแล้ว 13,241 ครั้ง มีทั้งเวอร์ชั่น Free และ Pro ให้เลือกใช้งาน
ราคาและแพลนเวอร์ชั่น Pro
Single Site | $4.17/Month
3 Sites | $4.17/Month
Unlimited Sites | $4.17/Month
คุณสมบัติเด่น
Customize
ปรับแต่งทุก Block ได้ตามความต้องการ โดย Block ทั้งหมดสามารถตั้งค่าได้ เช่น Typography, Colors, Spacing และอื่นๆ
Layouts
มี Layout และ Theme พร้อมใช้งานในบาง Block
Icons Library
มีไอคอนแบบกำหนดเองไว้ให้ใช้งาน
Google Fonts
สามารถใช้ Google Fonts ได้
B Blocks – Gutenberg Block ทั้งหมด
- Row – ใช้สร้าง Row ละ Column
- Posts – ดึง Post ขึ้นมาแสดงใน Layout แบบ Grid หรือ Masonry โดยจัดเรียงตามหมายเลข Post หรือตามหมวดหมู่ และตั้งค่าอื่นๆได้ เช่น Margin, ความยาวของ Excerpts และอื่นๆอีกมากมาย
- Slider – สร้างตัว Slider โดยใส่เนื้อหาเป็นรูปภาพและข้อความ
- Section Heading – ข้อความส่วนหัว H2-H6
- Video – ตัวเล่นวิดีโอที่เรียบง่าย เข้าถึงได้ ใช้งานง่าย และปรับแต่งได้อย่างเต็มที่
- Services – แสดงส่วนบริการต่างๆที่หน้าเว็บไซต์
- 3D Viewer – แสดงโมเดล 3 มิติที่ผู้เข้าชมสามารถตอบโต้ได้ เช่นคลิกเมาส์ค้างที่ตัวโมเดล เพื่อเลื่อนดูโมเดลภาพ 3D แบบ 360 องศา โดยไฟล์โมเดล 3D จะเป็นนามสกุล GLB
- Image Gallery – แกลเลอรี่แสดงภาพที่ส่วยงาม เพื่อนำเสนอภาพถ่าย
- Image Comparison – ใช้เปรียบเทียบภาพสองภาพเพื่อดูความแตกต่าง
- Flip Boxes – กล่องช้อมูลที่แสดงไอคอน รูปภาพ ข้อความ รวมถึงปุ่มกด เมื่อนำเคอร์เซอร์เมาส์ไปวางก็จะมีเอฟเฟกต์พลิกกล่องข้อมูลไปอีกหน้าเพื่อแสดงข้อมูล
- Team Members – นำเสนอข้อมูลของทีมงานหรือสมาชิกในทีม เพื่อเพ่ิมความน่าเชื่อถือให้กับธุรกิจ
- Cards – ออกแบบการ์ดที่มีรูปภาพ ส่วนหัว ส่วนหัวของคำอธิบาย คำอธิบาย และส่วนท้ายด้วยการพิมพ์แบบกำหนดเอง
- Pricing Table – สร้างและแสดงตารางราคาที่ดูเป็นมืออาชีพใน WordPress Block Editor
- Price Lists – แสดงส่วนรายการราคาด้วยรูปภาพ ชื่อ คำอธิบาย ราคา และตัวคั่น
- eature Boxes – แสดงส่วนกล่องคุณลักษณะพร้อมด้วยรูปภาพ ชื่อเรื่อง ตัวคั่น และคำอธิบาย
- Info Box – แสดงข้อมูลบนเว็บไซต์ของคุณให้ผู้ใช้เห็นในรูปแบบที่น่าสนใจ
- Lottie Player – แสดงไฟล์ภาพเคลื่อนไหว Lottie
- Chart – แสดงข้อมูลของด้วยสัญลักษณ์แบบ แท่ง, เส้น หรือแผนภูมิวงกลม
- Button Group – แสดงปุ่มแบบหลายปุ่ม เพื่อให้ผู้เยี่ยมชมของคุณสามารถคลิกที่ปุ่มเพื่อเยี่ยมชมหน้าต่างๆ หรือดูข้อมูลเพิ่มเติมเกี่ยวกับข้อเสนอของคุณ
- Countdown – การแสดงตัวจับเวลาสำหรับเหตุการณ์ที่จะเกิดขึ้นกับธุรกิจของคุณ เช่น อีก 7 วันจะมีโปรโมชั่นใหญ่ เป็นต้น
- Counters – แสดงตัวเลขเป็นตัวนับแบบเคลื่อนไหว (ตั้งแต่ต้นจนจบ)
- Mail To – สร้างปุ่มส่งอีเมลโดยใช้บริการเมลต่างๆที่คุณมี Account เมื่อคลิกที่ปุ่มจะเลือกส่งจาก Gmail, Outlook, Yahoo หรือ Default Mail App ที่ใช้
- GIF Image – ใช้เพิ่มรูปภาพที่เป็นนามสกุล .gif ลงใน Post หรือ Page
- QR Code – แสดง QR code ให้โดยอัตโมมัติ เมื่อใส่ URL
- Social Share – แชร์เว็บไซต์ หน้า Post หรือ Page ไปยังสื่อโซเชียล
- Animated Text – แสดงข้อความแบบมีเอฟเฟกต์เคลื่อนไหว
- Alert – จัดเตรียมข้อความตอบรับตามบริบทสำหรับการดำเนินการทั่วไปของผู้ใช้
- Shape Divider – สร้างตัวแบ่งรูปร่างที่มีเอกลักษณ์และดึงดูดสายตา
- Star Rating – ใช้ในการเพิ่มไอคอน Star Rating กำหนดจำนวนดาวได้เอง ใช้แทรกลงในส่วนต่างๆของหน้า Post หรือ Page
การติดตั้งปลั๊กอิน B Blocks – The ultimate block collection
ที่หลังบ้าน WordPress ไปที่ Plugins -> Add New Plugin
ที่หน้า Add Plugins ให้ใส่คำว่า B Blocks ที่ช่อง Keyword
Install และ Activate ให้เรียบร้อย
อธิบายเมนูของปลั๊กอิน B Blocks
เมื่อ Install และ Activate เรียบร้อยแล้ว จะเข้าไปตั้งค่าต่างๆของ B Blocks ได้จาก -> B Blocks โดยมี Menu อยู่ 2 เมนู
Help
เป็นหน้าที่รวมลิงก์ช่วยเหลือต่างๆเกี่ยวกับปลั๊กอิน B Blocks ไม่ว่าจะเป็น Documentation หรือการติดต่อ Support เพื่อขอความช่วยเหลือต่างๆ
Upgrade
เป็นหน้าที่แสดงรายละเอียดข้อมูลเกี่ยวกับการ Upgrade เป็นเวอร์ชั่น Pro
ตัวอย่างการใช้งานปลั๊กอิน B Blocks
เข้าไปที่หน้าสร้างและแก้ไข Post หรือ Page ด้วย WordPress Block Editor แล้วคลิกที่ Tab Menu Blocks ที่อยู่ทางด้านซ้าย โดย Block ของ B Blocks จะอยู่ในหัวข้อ B Blocks ไอคอน Block และข้อความจะเป็นสีน้ำเงิน
จากนั้นเลือก Block ที่ต้องการจากเมนูด้านซ้าย และปรับแต่งค่าต่างๆได้ตามต้องการ
ปลั๊กอิน B Blocks จะมี Template Library มาให้ด้วย โดยคลิกที่ปุ่ม Template Library ที่อยู่ทางด้านซ้ายบน
ก็จะมี Popup แสดง Page Template และ Patterns ให้เลือกใช้งาน
หลังจากเพิ่ม Block เสร็จแล้ว เมื่อเข้าไปดูที่หน้าเว็บไซต์
สรุป
สำหรับปลั๊กอิน B Blocks – The ultimate block collection เป็นปลั๊กอิน Gutenberg Block ที่อาจยังไม่เป็นที่รู้จักมากนัก มียอดดาวน์โหลดไปใช้รวมแล้ว 13,241 ครั้ง แต่ก็จะมี Block บางตัวที่น่าสนใจ เช่น 3D Viewer ที่ใช้แสดงโมเดล 3 มิติที่ผู้เข้าชมสามารถตอบโต้ได้ ด้วยการคลิกเมาส์ค้างที่ตัวโมเดล เพื่อเลื่อนดูโมเดลภาพ 3D แบบ 360 องศา โดยไฟล์โมเดล 3D จะเป็นนามสกุล GLB จะอัปโหลดไฟล์ลงเว็บหรือจะใช้เป็นลิงก์ก็ได้ หรือ QR Code ที่จะแสดง QR Code ของ URL Link ที่ต้องการ นอกจากนี้ก็จะเป็น Block ในเวอร์ชั่น Pro เช่น Business Card, WooCommerce Popular Products และอื่นๆอีกมากมาย เรียกได้ว่าเป็นปลั๊กอิน Gutenberg Block ที่ค่อนข้างครบถ้วนทั้งการใช้งานแบบพื้นฐานและในระดับสูง
Related Posts
