EditorPlus เปิดตัวบล็อกแรกและเพิ่ม Custom Block Creator

ในสิ่งที่ดูเหมือนจะเป็นการโจมตีที่ไม่มีวันสิ้นสุดของคุณสมบัติใหม่ Munir Kamal ได้เปิดตัวคุณสมบัติใหม่ที่สำคัญบางอย่างสำหรับปลั๊กอิน EditorPlus ของเขาในการอัปเดตสองครั้งล่าสุด เวอร์ชัน 2.0 ซึ่งมาถึงก่อนหน้านี้ในวันนี้ มีชุดบล็อกใหม่เจ็ดชุด รุ่นก่อนหน้าแสดงคุณลักษณะ create-a-block ที่ให้ตัวเลือกการปรับแต่งเพิ่มเติมอยู่ในมือของผู้ใช้ปลายทาง

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

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

การสร้างบล็อกแบบกำหนดเอง

ด้วยชุดบล็อกหลักของ WordPress ที่อยู่ในมือของผู้ใช้แล้ว เกือบทุกอย่างก็เป็นไปได้ บล็อกเหล่านี้ครอบคลุมองค์ประกอบพื้นฐานทั้งหมดของการออกแบบเว็บ เช่น หัวเรื่อง ย่อหน้า รายการ คำพูด และอื่นๆ บางครั้งเคล็ดลับในการสร้างสิ่งที่ไม่เหมือนใครก็คือการผสมผสานและจับคู่องค์ประกอบเหล่านี้เพื่อสร้างสิ่งใหม่ นั่นคือสิ่งที่คุณสมบัติ create-a-block ใหม่นี้มีไว้สำหรับ EditorPlus

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

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

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

Kamal ได้สร้างคุณลักษณะนี้เพื่อให้ผู้ใช้ปลายทางสามารถสร้างบล็อกง่ายๆ สำหรับตนเองได้ นอกจากนี้ยังเป็นเครื่องมือสำหรับนักพัฒนาในการสร้างบล็อกสำหรับเว็บไซต์ลูกค้าได้อย่างรวดเร็ว

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

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

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

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

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

บล็อกที่ "หายไป"

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

“แนวคิดดั้งเดิมของฉันและยังคงเป็นการขยาย Gutenberg สำหรับสิ่งที่ขาดหายไป และทำให้มีประสิทธิภาพมากขึ้นสำหรับการสร้างการออกแบบที่สวยงามด้วยสายตาโดยไม่ต้องใช้โค้ด” เขากล่าว “และหลังจากสร้างเทมเพลต/การออกแบบหลายร้อยแบบแล้ว ฉันก็ได้รู้ถึงความจำเป็นของบล็อกที่ขาดหายไปที่สำคัญซึ่งมักใช้กับเครื่องมือสร้างเว็บไซต์แต่ขาดหายไปในกูเทนเบิร์ก ดังนั้นฉันจึงเพิ่มเฉพาะบล็อกเหล่านั้นใน EditorPlus ที่ขาดหายไป จำเป็นในการสร้างการออกแบบที่ทันสมัย ​​และไม่สามารถสร้างโดยใช้การผสมผสานของบล็อกหลักได้อย่างง่ายดาย ตัวอย่างเช่น บล็อกแท็บ บล็อกหีบเพลง หรือบล็อกอื่น ๆ ทั้งหมดที่เพิ่มเข้ามา เป็นสิ่งที่เข้ากับเกณฑ์เหล่านี้”

ปลั๊กอินประกอบด้วยบล็อกใหม่ดังต่อไปนี้:

• แท็บ
• สลับ/หีบเพลง
• ไอคอน
• เรตติ้ง
• แถบความคืบหน้า
• สถิติ/เคาน์เตอร์
• นาฬิกาจับเวลาถอยหลัง

สิ่งเหล่านี้บางส่วนต้องการ JavaScript เพิ่มเติม ซึ่งเป็นสาเหตุที่ทำให้ไม่เหมาะสำหรับ WordPress หลัก อย่างไรก็ตาม สิ่งเหล่านี้เป็นตัวเลือกที่ดีสำหรับนักพัฒนาปลั๊กอิน และสิ่งเหล่านี้ไม่ใช่การบล็อกที่ผิดปกติจากปลั๊กอินประเภทไลบรารีอื่นๆ

สิ่งที่ทำให้พวกเขาแตกต่างออกไปคือการผสานรวมกับระบบการจัดสไตล์ของปลั๊กอิน ซึ่ง Kamal อาจเปิดให้นักพัฒนาปลั๊กอินรายอื่น ๆ ในการเปิดตัวในอนาคต แผนปัจจุบันคือการสร้าง API สไตล์อิสระเพื่อให้ผู้ใช้ปรับแต่งบล็อกใดก็ได้ เขาได้รับคำติชมจากกลุ่ม Advanced WP Facebook เกี่ยวกับแนวคิดนี้แล้ว ข้อเสนอแนะส่วนใหญ่ต้องการให้ระบบดังกล่าวเข้าสู่ WordPress

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

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