รีวิว Buba Blocks: ปลั๊กอิน Gutenberg Blocks ฟรีสำหรับ WordPress

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

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

มาดูกันดีกว่าว่ามีองค์ประกอบอะไรบ้าง

องค์ประกอบบล็อก Buba

องค์ประกอบที่เป็นแกนหลักของ Buba Blocks ผู้ใช้สามารถเคลื่อนย้าย ปรับแต่ง และทำสิ่งต่างๆ ได้มากมาย สามารถใช้องค์ประกอบต่างๆ เพื่อสร้างแอนิเมชัน เพิ่มพื้นหลัง สี และปรับคุณสมบัติได้ตามต้องการ องค์ประกอบหลักที่ผู้ใช้สามารถแก้ไขได้ใน Buba Blocks แสดงไว้ด้านล่าง เป็นปลั๊กอิน Elements ใน Buba Blocks ที่สร้างเนื้อหาบนหน้าเว็บ มาดูคร่าวๆ กันว่าเป็นองค์ประกอบต่างๆ ที่ Buba Blocks มอบให้กับผู้ใช้

แนะนำสำหรับคุณ: 10 ปลั๊กอินรีวิว Google ที่ดีที่สุดสำหรับ WordPress

ปุ่ม

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

หีบเพลง

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

กล่องข้อมูล

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

แถบเลื่อนเต็มความกว้าง

การใช้ Buba Blocks ช่วยให้ผู้ใช้สามารถเพิ่มแอนิเมชั่นลงในหน้าเว็บได้ บล็อกแถบเลื่อนแบบเต็มความกว้างช่วยให้ผู้ใช้สามารถเพิ่มพื้นหลังให้กับสไลด์ เพิ่มภาพเคลื่อนไหวของแถบเลื่อน ตัวเลือกเล่นอัตโนมัติ ปรับความเร็วของแถบเลื่อน เพิ่มไอคอนให้กับแถบเลื่อน แถบเลื่อนครอบคลุมความกว้างทั้งหมดของหน้า

ส่วนและคอนเทนเนอร์

ปลั๊กอินฟรีของ Buba Blocks มีบล็อก Section และ Container ซึ่งผู้ใช้สามารถสร้างและจัดการเลย์เอาต์ของหน้าเว็บได้ นอกจากนี้ บล็อกเหล่านี้ยังสามารถปรับแต่งได้อย่างเต็มที่ด้วยคุณลักษณะต่างๆ เช่น ระยะห่าง ระยะขอบ ช่องว่างภายใน ตัวเลือกพื้นหลัง เอฟเฟ็กต์ภาพเคลื่อนไหว คลาสที่กำหนดเอง และ ID บล็อกส่วนสามารถใส่ในบล็อกอื่นได้ ในขณะที่บล็อกคอนเทนเนอร์สามารถแทรกในบล็อกส่วนได้ คุณสมบัติของบล็อกทั้งสองนี้สามารถเปลี่ยนแปลงได้อย่างอิสระ ผู้ใช้สามารถเปลี่ยนภาพพื้นหลัง สีพื้นหลัง ปรับความกว้างและความสูงได้ ผู้ใช้สามารถเลือกพื้นหลังได้ 3 แบบ เช่น สีไล่ระดับ สีทึบ หรือรูปภาพ

ตัวเลื่อนรูปภาพ

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

แผนที่

Buba Blocks เสนอบล็อกแผนที่ที่สะดวกเพื่อแสดง Google แผนที่บนหน้าเว็บ บล็อกนี้สมบูรณ์แบบเมื่อผู้ใช้ต้องการแสดงตำแหน่งปัจจุบันแก่ผู้ชม เมื่อใช้ Maps block ผู้ใช้สามารถเปลี่ยนความสูงของแผนที่ อนุญาตให้ผู้ใช้ซูมเข้าและออกในแผนที่ อนุญาตให้เลื่อนได้อย่างราบรื่น และปรับแต่งสีพื้นหลัง สีข้อความ และข้อความชื่อเรื่อง

โพสต์ตาราง

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

แบ่งปันทางสังคม

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

สารบัญ

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

เทมเพลต Buba Blocks

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

คำกระตุ้นการตัดสินใจ

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

ข้อความรับรอง

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

ส่วนฮีโร่

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

คุณอาจชอบ: 10+ เครื่องมือสร้างหน้า WordPress แบบลากและวางที่ดีที่สุด

ผู้ใช้ใช้ปลั๊กอิน Buba Blocks อย่างไร

Buba Blocks เป็นปลั๊กอินใน WordPress ผู้ใช้ต้องไปที่ปลั๊กอินและเลือกเพิ่มใหม่ ค้นหา Buba Blocks ผู้ใช้สามารถติดตั้งปลั๊กอินนี้และเปิดใช้งานได้แล้ว หรืออีกทางหนึ่ง ผู้ใช้ยังสามารถดาวน์โหลดปลั๊กอินนี้โดยใช้ปุ่มดาวน์โหลดบนหน้า เมื่อดาวน์โหลดแล้ว ผู้ใช้สามารถอัปโหลดไฟล์ไปยังผู้ดูแลเว็บไซต์ WordPress พวกเขาสามารถคลิกปลั๊กอินและอัปโหลดได้

วิธีการทำงานกับ Buba Blocks?

Gutenberg ทำงานอย่างต่อเนื่องเพื่ออัปเดตปลั๊กอิน และ Buba Blocks ก็เป็นหนึ่งในนั้นด้วย มีการเพิ่มคุณสมบัติใหม่อย่างต่อเนื่อง และผู้ใช้สามารถแก้ไขเทมเพลตและองค์ประกอบที่มีอยู่เพื่อจัดรูปแบบหน้าเว็บของตน

ผู้ใช้จะเพิ่มบล็อกใหม่ให้กับตัวแก้ไขได้อย่างไร

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

จะเปลี่ยนการตั้งค่าบล็อกได้อย่างไร?

การตั้งค่าและคุณสมบัติของปลั๊กอิน Buba Blocks แต่ละบล็อกนั้นแตกต่างกัน การตั้งค่าเหล่านี้จะแสดงขึ้นเมื่อผู้ใช้คลิกและเลือกบล็อกหรือเทมเพลตเฉพาะ และแผงด้านข้างจะแสดงคุณสมบัติของบล็อกนั้นๆ ผู้ใช้สามารถใช้บล็อกเดียวกันได้หลายครั้งด้วยการตั้งค่าที่แตกต่างกันทุกครั้ง

จะจัดแนวบล็อกได้อย่างไร?

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

ปลั๊กอิน Buba Blocks ฟรีหรือเสียเงิน?

ปลั๊กอิน Buba Blocks มีให้ใช้งานฟรีสำหรับผู้ใช้ WordPress ทุกคน

จำเป็นต้องมีความรู้ด้านการเข้ารหัสในการใช้ Buba Blocks หรือไม่

ไม่ ทุกคนสามารถใช้ปลั๊กอิน Buba Blocks สำหรับ Gutenberg ได้ ผู้ใช้ที่ไม่มีความรู้เกี่ยวกับการเขียนโค้ดและผู้ใช้ที่มีประสบการณ์ในการพัฒนาหน้าเว็บก็สามารถใช้ปลั๊กอินนี้ได้

คุณอาจชอบ: 10 ประเภทเว็บไซต์ที่คุณสามารถสร้างด้วย WordPress

คำสุดท้าย

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

ดาวน์โหลดบล็อก Buba