Gutenberg 11.5 เพิ่มการจัดกลุ่มวิดเจ็ต วนซ้ำในคุณสมบัติ Block Gap และอัปเดตเมนูการนำทาง

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

ฉันมีปฏิกิริยาผสมผสานกับคุณลักษณะที่ทำให้เป็นรุ่นล่าสุด ในบางจุด ฉันคิดกับตัวเอง ในที่สุดสิ่งนี้ก็ทำได้ใน . ในช่วงเวลาอื่นๆ ฉันได้แสดง facepalm ที่โด่งดังของ Jean-Luc Picard เวอร์ชันที่ดีที่สุด แต่วงล้อยังคงหมุนต่อไป และนักพัฒนาที่ทุ่มเทเวลาและความพยายามในโครงการยังคงปรับปรุงต่อไป

บันทึกย่อฉบับหนึ่งคือทุกคนที่ไม่ได้ใช้ธีมที่สนับสนุนตัวแก้ไขบล็อกควรตรวจสอบว่าสไตล์แบ็กเอนด์ของพวกเขาไม่อยู่ในตำแหน่ง Gutenberg จะแสดงรูปแบบตัวแก้ไขเริ่มต้นบางส่วนโดยอัตโนมัติ หากธีมที่ใช้งานอยู่ของผู้ใช้ไม่ได้ลงทะเบียนเองหรือมีไฟล์ theme.json อยู่ สิ่งนี้ควรรวมอยู่ในการเปิดตัวแบบ point release เช่น WordPress 5.8.2 เพื่อให้ผู้ใช้ไม่รอจนกว่าจะถึง 5.9

การเปลี่ยนแปลงบล็อกการนำทาง

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

ตามที่ Joen Asmussen แบ่งปันในตั๋วเดิม เลย์เอาต์ที่ซับซ้อนบางอย่างจะได้รับประโยชน์จากการอนุญาตให้มีองค์ประกอบภายในเพิ่มเติมภายในบล็อกการนำทาง:

สิ่งนี้สามารถเปิดโลกแห่งความเป็นไปได้ของเลย์เอาต์สำหรับผู้สร้างธีมผ่านรูปแบบที่กำหนดเอง

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

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

ประกาศสำหรับผู้ดูแลระบบ FSE จำกัดเฉพาะหน้าจอธีม

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

ในปลั๊กอินเวอร์ชันก่อนหน้า ประกาศนี้ปรากฏบนทุกหน้าจอในแบ็กเอนด์ ตอนนี้ปรากฏเฉพาะในหน้าธีม/ลักษณะที่ปรากฏเท่านั้น

ในช่วงไม่กี่เดือนที่ผ่านมา ฉันได้เก็บปลั๊กอิน Toolbelt ของ Ben Gillbanks ไว้ใช้งานเพื่อจุดประสงค์ในการซ่อนประกาศนี้เท่านั้น

หายไวๆนะ ลา.

บล็อกกลุ่มวิดเจ็ต

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

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

ข่าวดีก็คือว่าสิ่งนี้มีแนวโน้มที่จะลงจอดใน WordPress 5.8.2 แทนที่จะเป็นรุ่น 5.9 ในปลายปีนี้

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

วิดีโอต่อไปนี้แสดงให้เห็นว่าบล็อก Widget Group ทำงานอย่างไร:

ฉันค่อนข้างจะมีประสบการณ์ที่แย่กว่าที่ไม่มีวิธีแก้ปัญหาเลย อย่างน้อยตอนนี้ผู้ใช้ก็ไม่ต้องสร้างเครื่องห่อวิดเจ็ตด้วยตนเอง บางคนอาจปิดการใช้งานปลั๊กอิน Classic Widgets หากปัญหานี้ยังคงอยู่

รูปแบบกลุ่ม “แถว” และเลย์เอาต์แบบยืดหยุ่น

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

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

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

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

การรวม Block Gap เพิ่มเติม

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

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

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

โพสต์ผู้แต่ง Duotone Support

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

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

แม้ว่าการรองรับ duotone จะเพิ่มโค้ดเพียงบรรทัดเดียว แต่ก็ไม่สมเหตุสมผลที่จะทำงานกับบล็อกในรูปแบบปัจจุบันต่อไป ฉันชอบที่จะเห็นมันเป็นส่วนหนึ่งของบล็อก Post Author Avatar ที่แยกจากกัน