9 สุดยอดปลั๊กอินบล็อก Gutenberg สำหรับเว็บไซต์ WordPress

เผยแพร่แล้ว: 2019-04-20

สวัสดี ฉันคิด ปลั๊กอิน Gutenberg Blocks ที่ดีที่สุดเพื่อทำให้โพสต์บล็อกของคุณน่าสนใจใช่ไหม

Word Press ได้เปิดตัวฟีเจอร์และปลั๊กอินใหม่มากมาย ซึ่งไม่เพียงแต่ทำให้บล็อกเกอร์น่าสนใจยิ่งขึ้นเท่านั้น แต่ยังทำให้ไซต์มีประสิทธิภาพและใช้งานง่ายยิ่งขึ้น ในขณะที่ยังเพิ่มตลาดด้วยการแนะนำคุณสมบัติใหม่มากมาย...

แทนที่จะเป็นกล่องรวมเดียว เช่นเดียวกับกรณีที่มีตัว แก้ไข TinyMCE แบบคลาสสิก ในกรณีนี้ เนื้อหาแต่ละส่วนใน Gutenberg จะเป็นบล็อกของตัวเอง

แนวคิดสำหรับเรื่องนี้ก็คือ ย่อหน้า รูปภาพ หรือแม้แต่บล็อกคำพูดอาจเป็นบล็อกของตัวเองได้

ทำไม Gutenberg บล็อกปลั๊กอิน?

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

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

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

ปลั๊กอิน Gutenberg ทำงานอย่างไร

เป็นวิธีที่ค่อนข้างใช้งานง่ายและเรียบง่ายซึ่ง Block Plugins ทำงานใน Gutenberg ปลั๊กอินทั้งหมดเหล่านี้ถูกเสียบและเล่นโดยพื้นฐาน

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

ด้านล่างนี้คือ Gutenberg Block Plugins ที่ดีที่สุดที่เพิ่งเปิดตัว

สุดยอดปลั๊กอิน Gutenberg Blocks เพื่อชาร์จบล็อก WordPress ของคุณ

หวังว่าทุกคนที่กำลังมองหาข้อมูลเพิ่มเติมเกี่ยวกับปลั๊กอินบล็อก WordPress Gutenburg ที่ดีที่สุดมาเป็นเวลานานแล้วสิ่งที่กล่าวถึงด้านล่างจะเป็นประโยชน์สำหรับพวกเขาทั้งหมดอย่างแน่นอน

1. Gutenberg Blocks – สุดยอดโปรแกรมเสริมสำหรับ Gutenberg

สุดยอด Addon Gutenberg Blocks

Ultimate Add – On เป็นที่นิยมด้วยเหตุผลที่ดีทั้งหมด ปลั๊กอินนี้พัฒนาโดย Brainstorm Force โดยคำนึงถึงสิ่งต่างๆ เพื่อให้สร้างบล็อกสำหรับผู้ดูแลเว็บได้ง่ายขึ้น มันมีบล็อกที่ยอดเยี่ยม

1. หัวเรื่องขั้นสูง 2. คอลัมน์ขั้นสูง
3. Blockquote 4. คำกระตุ้นการตัดสินใจ
5. แบบฟอร์มติดต่อ 7 Styler 6. ไทม์ไลน์ของเนื้อหา
7. Google Map 8. แรงโน้มถ่วงรูปแบบ Styler
9. รายการไอคอน 10. กล่องข้อมูล
11. ปุ่มการตลาด 12. ปุ่มหลายปุ่ม
13 โพสต์ Carousel 14. โพสต์กริด
15. โพสต์แมนโซรี 16. โพสต์ไทม์ไลน์
17. รายการราคา 18. ส่วน
19. การแบ่งปันทางสังคม 20. สมาชิกในทีม
21. คำรับรอง

2. บล็อกอะตอม

บล็อกอะตอม

คุณลักษณะ atom block นี้แนะนำโดยทีมเดียวกันซึ่งแนะนำ Array Themes

Array Themes เป็นร้านธีมยอดนิยมที่มีโค้ดคุณภาพในการเขียนที่มีชื่อเสียง

ด้วยการเปิดตัวบล็อกใหม่ใน Atom Blocks คุณสมบัติเหล่านี้ได้รับการอัปโหลดแล้ว:

1. โพสต์กริด 2. ตู้คอนเทนเนอร์
3. ข้อความรับรอง
4. ประกาศแบบอินไลน์
5. หีบเพลง 6. DropCap
7. แบ่งปันไอคอน 8. คำกระตุ้นการตัดสินใจ
9. ปุ่มปรับแต่งได้ 10. ตัวแบ่งและตัวแบ่ง
11. บล็อกราคา 12. โปรไฟล์ผู้แต่ง

3. วางซ้อนกันได้ – Ultimate Gutenberg Blocks

บล็อก Gutenberg วางซ้อนกันได้
บล็อก Gutenberg วางซ้อนกันได้

Stackable เป็นอีกหนึ่งปลั๊กอินบล็อกของ Gutenberg ที่ได้รับการดึงดูดอย่างมากจากผู้ชม

มี บล็อกใหม่ให้กับผู้ใช้มากกว่า 23 บล็อก ในขณะที่ยังรวมถึงหนึ่งในบล็อกที่ทันสมัยที่สุดที่ไซต์มีให้กับผู้ใช้ รายการยอดนิยมบางส่วนมีดังนี้:

1. คอนเทนเนอร์บล็อก 2. บล็อกตัวแยก
3. บล็อกโพสต์ 4. บล็อกคุณลักษณะกริด
5. บล็อกหีบเพลง 6. บล็อกกล่องรูปภาพ
7. บล็อกเด่น 8. บล็อกรายการไอคอน
9. บล็อกคำกระตุ้นการตัดสินใจ 10. การ์ดบล็อค
11. บล็อกส่วนหัว นับบล็อก
13. บล็อกป๊อปอัปวิดีโอ 14. บล็อกราคา
15. ข้อความรับรอง 16. บล็อกสมาชิกในทีม
17. บล็อกการแจ้งเตือน 18. บล็อกกล่องหมายเลข
19. ขยาย/แสดงบล็อกเพิ่มเติม 20. บล็อกปุ่ม
21. Blockquote บล็อก 22. บล็อกแบ่ง
23. Spacer Block

จนถึงตอนนี้ Stackable ยังมีบล็อกที่ยอดเยี่ยมอีกมากมายที่จะเพิ่มเข้ามาในลิงก์ เป็นที่รู้จักในฐานะหนึ่งใน Gutenberg Block Editor ที่ดีที่สุด

4. สุดยอดบล็อก – บล็อก Gutenberg แบบกำหนดเอง

สุดยอดบล็อก

Ultimate Blocks มาพร้อมกับ 17 บล็อก ที่ยอดเยี่ยมในขณะนี้ในขณะที่เขียนโพสต์บล็อกนี้ และพวกเขามักจะเพิ่มบล็อกที่สะอาดยิ่งขึ้นในห้องสมุดของพวกเขาอย่างรวดเร็ว

1. ตรวจสอบ (เปิดใช้สคีมา) บล็อก 2. บล็อกสารบัญ
3. บล็อกเนื้อหาแบบแท็บ 4. คลิกเพื่อทวีต บล็อก
5. บล็อกเนื้อหาแบบแท็บ 6. บล็อกแชร์โซเชียล
7. บล็อกคำกระตุ้นการตัดสินใจ 8. นับถอยหลังบล็อก
9. บล็อกหีบเพลงเนื้อหา 10. แถบความคืบหน้า
11. บล็อกกล่องคุณลักษณะ 12. บล็อกระดับดาว
13. กล่องแจ้งเตือน 14. ปุ่ม
15. บล็อกกล่องหมายเลข 16. บล็อกแบ่ง
17. บล็อกตัวเลื่อนรูปภาพ

ส่วนที่ดีที่สุดอื่น ๆ ของปลั๊กอินนี้คือคุณสามารถเปิดใช้งานได้เฉพาะโมดูลที่ต้องการใช้เท่านั้น และ Ultimate Block Manager ทำให้ง่ายขึ้นเพียงแค่คลิกเดียว

ผู้จัดการ Gutenberg Blocks โดย Ultimate Blocks
Ultimate Blocks Manager

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

5. Kadence Blocks – ชุดเครื่องมือสร้างเพจ Gutenberg

Kadence Blocks
Kadence Blocks

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

คุณสมบัติบล็อกที่ยอดเยี่ยมบางอย่างในรายการคือ

1. บล็อกแถว / เลย์เอาต์ 2. บล็อกแท็บ
3. บล็อกข้อมูล 4. หัวเรื่องขั้นสูง
5. ปุ่มขั้นสูง 6. หีบเพลง
7. สเปเซอร์/ ตัวแบ่ง 8. ไอคอนที่กำหนดเอง
9. รายการไอคอน

6. กูเทนแบร์กขั้นสูง

กูเทนแบร์กขั้นสูง
กูเทนแบร์กขั้นสูง

ปลั๊กอิน Gutenberg Blocks นี้พัฒนาโดย JoomUnited ตามที่เว็บไซต์อย่างเป็นทางการกล่าวว่าบล็อกเหล่านี้สามารถทำให้ทุกอย่างดีขึ้นและทำงานได้ดีขึ้นในหลายตำแหน่งและหลายจุด บล็อกดูเจ๋งสุด ๆ และทำให้หน้าดูดีขึ้น

บล็อกที่นำเสนอมีดังนี้:

1. โพสต์ล่าสุดและผลิตภัณฑ์ Woo Commerce 2. การปรับปรุงแกลลอรี่กูเทนเบิร์ก
3. บล็อกเนื้อหา 4. บล็อกรูปภาพและวิดีโอ
5. บล็อกแบบฟอร์มอีเมลและการติดต่อ 6. หีบเพลง
7. แท็บบล็อก 8. ออกแบบบล็อก
9. สไตล์ที่กำหนดเองสำหรับบล็อก 10. ตารางขั้นสูง
11. ปุ่มขั้นสูง


มีบล็อกมากกว่า 11 ช่วงให้ผู้ใช้ซึ่งเป็นหนึ่งในความพิเศษของมัน 11 แต่มีประโยชน์มากที่ทำให้ต้องลองปลั๊กอิน Gutenberg Block หากคุณต้องการให้เนื้อหาของคุณดูดีขึ้น

7. บล็อก Gutenberg ขั้นสูง

บล็อก Gutenberg ขั้นสูง
บล็อก Gutenberg ขั้นสูง

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

มีบล็อก Gutenberg ใหม่มากกว่า 16 บล็อกและตามที่อธิบายไว้ในเว็บไซต์อย่างเป็นทางการมีดังนี้:

1. บล็อกข้อมูล/ประกาศ 2. บล็อกโพสต์
3. Woo Commerce Products 4. Woo Commerce หยิบใส่ตะกร้า ปุ่ม
5. บล็อกโฆษณาแบนเนอร์ 6. สารบัญ บล็อก
7. คลิกเพื่อทวีตบล็อก 8. Google Map Block
9. บล็อกแสดงตัวอย่างการ์ดเว็บไซต์ 10. บล็อกการ์ดปลั๊กอิน WordPress
11. ข้อความรับรอง 12. ข้อความ + บล็อกโฆษณา
13. Unsplash block 14. Giphy Block
15. บล็อกแนะนำ 16. บล็อคโค้ด

บล็อกข้อความรับรองรวมอยู่ด้วยซึ่งสามารถปรับปรุงสิ่งต่าง ๆ ของคุณให้ดีขึ้นและย้ายตำแหน่งของคุณในแบบที่ต่างออกไป

8. Coblocks – ตัวสร้างเพจ Gutenberg Blocks

ปลั๊กอิน Coblocks Gutenberg
ปลั๊กอิน CoBlocks Gutenberg

Coblocks ได้รับการออกแบบโดย ThemeBeans และ ตอนนี้ GoDaddy เข้าซื้อกิจการแล้ว โดยรวมแล้ว Coblocks, ThemeBEans และ Block Gallery กลายเป็นหนึ่งในผู้รับจดทะเบียนโดเมนยอดนิยมของ GoDaddy

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

สิ่งนี้ถูกสร้างขึ้นโดยทีมเดียวกันกับที่ออกแบบ Theme Beans และมีบล็อกใหม่มากกว่า 10 บล็อก สิ่งพิเศษในคุณสมบัตินี้มีดังนี้:

1. บล็อกแถว/คอลัมน์ที่ปรับขนาดได้ 2. บล็อกแบ่งรูปร่าง
3. บล็อกฮีโร่ 4. บล็อคปุ่ม (ใหม่!)
5. คุณสมบัติ บล็อก 6. มีเดียการ์ดบล็อก
7. ไอคอนบล็อก 8. บล็อกแผนที่
9. บล็อกหีบเพลง 10. บล็อกการแจ้งเตือน
11. บล็อกโปรไฟล์ผู้แต่ง 12. คลิกเพื่อทวีต บล็อก
13. บล็อกตัวคั่นไดนามิก 14. บล็อก Gif
15. GitHub Gist Block 16. ไฮไลท์บล็อค
17. บล็อกตารางราคา 18. บล็อกการแบ่งปันทางสังคม

ดังนั้นบล็อกที่กล่าวถึงจึงเป็นบล็อกที่เปิดตัวใหม่ที่มีประสิทธิภาพสูงสุดโดย WordPress Gutenberg

ข้อมูลที่ให้นี้เป็นข้อมูลที่น้อยที่สุดเพื่อให้ผู้อ่านมีความคิดที่เป็นธรรมเกี่ยวกับสิ่งที่พวกเขาควรคาดหวังเมื่อวางแผนที่จะใช้คุณลักษณะใหม่เหล่านี้

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

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

9. ห้องสมุดออกแบบ Gutenberg Blocks

DesignHub Blocks
DesignHub Blocks

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

ปลั๊กอิน WPDesignHub คือชุดของการออกแบบส่วนพร้อมใช้งานที่สร้างขึ้นโดยใช้บล็อก Gutenberg ที่เป็นค่าเริ่มต้น

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

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

บทสรุป

คุณสามารถไปที่หน้าปลั๊กอินเพื่อตรวจสอบสิ่งใหม่ ๆ ที่ทุกปลั๊กอินต้องจัดหา แหล่งข้อมูลนี้จะทำให้การค้นหาของคุณง่ายต่อการค้นหาปลั๊กอิน WordPress Gutenberg Block ที่ดีที่สุดในขณะนี้

ปลั๊กอินเหล่านี้มีการอัปเดตบ่อยครั้ง และบล็อกที่เป็นนวัตกรรมใหม่กำลังสองเพิ่มเติมสำหรับการสร้างเนื้อหาที่มีประสิทธิภาพ

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

แล้วคุณชอบอันไหนมากที่สุด?