3 Gutenberg Block Collections ที่แสดงสิ่งที่เป็นไปได้ด้วยตัวแก้ไขใหม่ของ WordPress

เผยแพร่แล้ว: 2018-10-07

ถ้าคุณไม่อยู่ใต้ก้อนหิน คุณคงเคยได้ยินเกี่ยวกับการเปิดตัวบรรณาธิการ Gutenberg ที่กำลังจะเกิดขึ้น ตัวแก้ไขใหม่เป็นสิ่งที่ยิ่งใหญ่ที่สุดที่จะเกิดขึ้นกับ WordPress ตั้งแต่เมนูแดชบอร์ดด้านซ้ายเกิดขึ้นในปี 2008 หนึ่งในการเปลี่ยนแปลงที่สำคัญที่สุดในกระบวนทัศน์ใหม่นี้คือการแนะนำ 'บล็อก' ซึ่งช่วยให้คุณสามารถขยายฟังก์ชันการทำงานของตัวแก้ไขได้ วิธีต่างๆ

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

กระโดดเข้าไปกันเถอะ!

ที่ Gutenberg ยืนอยู่ตอนนี้

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

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

ฟังก์ชันลากและวางของ Gutenberg

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

การสร้างบล็อคที่นำกลับมาใช้ใหม่ได้

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

ตัวอย่างบางส่วนของบล็อก Gutenberg

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

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

3 Gutenberg Block Collections ที่น่าจับตามอง

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

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

ปลั๊กอิน Atomic Blocks

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

หน้าต้อนรับของ Atomic Blocks

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

ส่วนหนึ่งของคอลเลกชัน Atomic Blocks

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

คุณสมบัติหลัก:

  • รวมบล็อก Gutenberg ใหม่สิบเอ็ดบล็อก
  • เพิ่มโพสต์กริด คอนเทนเนอร์ ข้อความรับรอง ไอคอนแชร์ และอื่นๆ อีกมากมาย
  • แยกบล็อคใหม่เพื่อหลีกเลี่ยงความสับสน

ราคา: ฟรี | ข้อมูลมากกว่านี้

2. วางซ้อนกันได้

ปลั๊กอินวางซ้อนกันได้

วางซ้อนกันได้เป็นอีกหนึ่งคอลเลกชันบล็อก Gutenberg ที่เราชื่นชอบ ตอนนี้มีบล็อกใหม่ 17 บล็อกที่คุณสามารถเพิ่มลงในตัวแก้ไขได้ ซึ่งรวมถึงบล็อกบางส่วนที่คล้ายกับบล็อกของ Atomic Blocks:

บล็อกบางส่วนที่ซ้อนกันได้เพิ่มให้กับ Gutenberg

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

ในที่สุด Atomic Blocks และ Stackable ใช้สองแนวทางที่แตกต่างกันในการพัฒนา Gutenberg block อดีตมีจุดมุ่งหมายเพื่อเพิ่มความเรียบง่ายพื้นฐานที่ Gutenberg ตั้งเป้าไว้ ในทางกลับกัน วางซ้อนกันได้เป็นตัวเลือกที่ดีกว่าหากคุณกำลังมองหาคอลเลกชันบล็อก Gutenberg ที่คล้ายกับสิ่งที่คุณเห็นในตัวสร้างเพจแบบดั้งเดิม

คุณสมบัติหลัก:

  • รวม 17 บล็อก Gutenberg ใหม่
  • ปรับแต่งบล็อกใหม่ของคุณด้วยการเปลี่ยนพื้นหลัง เพิ่มภาพเคลื่อนไหว แก้ไขขนาดข้อความ และอื่นๆ

ราคา: ฟรี | ข้อมูลมากกว่านี้

3. บล็อกตัวแก้ไข

ปลั๊กอิน Editor Blocks

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

Editor Blocks เพิ่มตัวเลือกบล็อกใหม่สิบตัวเลือกให้กับตัวแก้ไข Gutenberg ซึ่งรวมถึงตารางราคา ส่วนสมาชิกในทีมและฮีโร่ ตลอดจนคำรับรอง:

ส่วนหนึ่งของคอลเล็กชัน Editor Blocks

นั่นเป็นการเลือกมาตรฐานที่ค่อนข้างดีเมื่อเทียบกับคอลเล็กชันอื่น ๆ ที่เราเคยดู อย่างไรก็ตาม Editor Blocks มีความโดดเด่นเป็นพิเศษเนื่องจากตารางราคาและส่วนของสมาชิกในทีม ซึ่งตั้งค่าและกำหนดค่าได้ง่ายมาก:

ตารางราคาและบล็อกสมาชิกในทีม

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

คุณสมบัติหลัก:

  • รวมสิบบล็อก Gutenberg ใหม่
  • ให้คุณสร้างตารางราคาที่มีสไตล์และส่วนสมาชิกในทีมบนหน้าใดก็ได้

ราคา: ฟรี | ข้อมูลมากกว่านี้

ที่ซึ่งคุณสามารถหา Gutenberg Blocks

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

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

ห้องสมุด Gutenberg Block

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

บล็อกส่วนบุคคลจากห้องสมุด

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

บทสรุป

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

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

บล็อกประเภทใดที่คุณต้องการให้ Gutenberg รวมไว้ในรุ่นต่อ ๆ ไป? แบ่งปันความคิดของคุณกับเราในส่วนความคิดเห็นด้านล่าง!

ภาพขนาดย่อของบทความโดย A Aleksii / shutterstock.com