WordPress เปิดตัว Gutenberg 13.7 – เน้นเวิร์กโฟลว์และ UI ที่ดีขึ้น

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

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

ที่กล่าวว่าประสบการณ์การแก้ไขควรรู้สึกเป็นธรรมชาติและเป็นธรรมชาติมากขึ้น

Block Locking ให้การควบคุมที่ละเอียดยิ่งขึ้น

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

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

โดยการเลือกสลับ คุณลักษณะการล็อกที่ใช้กับบล็อกสามารถสืบทอดโดยบล็อกที่มีอยู่

บล็อกล็อคเมนู

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

ภาพระยะใกล้ของ Modal Block Lock

ปรับปรุงเมนู Modal ของป๊อปอัป

เมนูป๊อปอัปที่เรียกว่า Modals สามารถวางไข่ที่ด้านบนของเพจที่กำลังทำงานอยู่ ซึ่งสามารถทำการเปลี่ยนแปลงต่างๆ ได้ เช่น การอัปเดตการตั้งค่า

การเปลี่ยนแปลงนี้ใช้การเบลอกับเอกสารที่อยู่ใต้เมนู

การเบลอหน้าภายใต้เมนูป๊อปอัปโมดอลช่วยปรับปรุงการโฟกัส

มีข้อกังวลเกี่ยวกับคุณลักษณะใหม่นี้ (ในขณะที่ยังอยู่ระหว่างการพัฒนา) ซึ่งเกี่ยวข้องกับศักยภาพที่ผู้ใช้จะสูญเสียบริบทของสิ่งที่เปลี่ยนแปลงไปเนื่องจากการเบลอ

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

บุคคลนั้นเขียนว่า:

“ฉันเพิ่งพบปัญหาการใช้งานที่อาจเกิดขึ้นซึ่งมีองค์ประกอบอยู่นอกโมดอลที่เกี่ยวข้องกับเนื้อหาของโมดอลตามบริบท

ตัวอย่างเช่น หากคุณไปปรับรายการในมุมมองรายการเพื่อใช้หรือเอาการล็อกออก เมื่อเปิดโมดอล คุณจะไม่เห็นบล็อก (เฉพาะ) ที่คุณไฮไลต์อีกต่อไป…”

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

“…โดยทั่วไปแล้ว หากคุณต้องการสังเกตทั้งเนื้อหาโมดอลและ UI ที่เหลือร่วมกัน โมดอลอาจไม่ใช่ตัวเลือกที่ดีที่สุด”

ตัวอย่าง Blur Behind the Modal

ระบบเทมเพลตให้การควบคุมการออกแบบที่มากขึ้น

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

ตามเวิร์ดเพรส:

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

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

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

การปรับปรุงเวิร์กโฟลว์

มีการปรับปรุงอื่นๆ ที่มีจุดมุ่งหมายเพื่อปรับปรุงและปรับปรุงเวิร์กโฟลว์โดยให้ตัวเลือกเพิ่มเติม

การเปลี่ยนแปลงเหล่านี้คือความสามารถในการเลือกรูปภาพเด่นจากที่พักสื่อแทนการอัปโหลดหรือเลือกจากไลบรารีสื่อ

สกรีนช็อตของ Modal ที่ได้รับการปรับปรุงที่โดดเด่น

เหตุผลสำหรับการปรับปรุงนี้มีบันทึกไว้ในคำขอดึง:

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

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

ใหม่: ได้เวลาอ่านแล้ว

ความสามารถในการตรวจสอบระยะเวลาที่ใช้ในการอ่านเอกสารเป็นคุณสมบัติใหม่ที่เพิ่มเข้ามา

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

ระยะเวลาที่ผู้อ่านโดยเฉลี่ยใช้ในการอ่านเอกสารเป็นข้อมูลที่มีประโยชน์อย่างยิ่ง

สกรีนช็อตของแถบข้อมูลที่อัปเดต

ปรับปรุงส่วนติดต่อผู้ใช้ของแผงการตั้งค่าแถบด้านข้าง

อีกตัวอย่างหนึ่งของอินเทอร์เฟซผู้ใช้ที่ได้รับการปรับปรุงคือในแผงการตั้งค่าแถบด้านข้าง ซึ่งได้รับการอัปเดตเพื่อให้ใช้งานได้ง่ายขึ้น

เลย์เอาต์ของแผงการตั้งค่านั้นใช้งานง่ายกว่าและง่ายต่อการสแกนและเลือกจากการเลือกเมนู

ภาพหน้าจอของ Before and After

WordPress อธิบายอินเทอร์เฟซที่ได้รับการปรับปรุง:

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

การปรับปรุงมากมาย

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

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

การอ้างอิง

อ่านประกาศ WordPress ฉบับเต็ม

มีอะไรใหม่ใน Gutenberg 13.7

อ่านคำขอดึงบล็อคล็อค

Block Locking: เพิ่มตัวเลือก 'Apply to inner blocks' #41876

พื้นหลังเบลอบน Modals

อัพเดทการออกแบบโมดอล #40781

เริ่มต้นด้วยคำขอดึงรูปภาพเด่น

เริ่มต้นด้วยภาพเด่นในตัวยึดสื่อ #41722

ภาพเด่นโดย Shutterstock/Vulp
ดัดแปลงโดยผู้เขียน