Gutenberg 11.9 มุ่งเน้นไปที่เมนูการนำทางและบล็อกธีม

เผยแพร่แล้ว: 2021-11-13

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

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

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

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

ยังมีช่องว่างให้ปรับปรุงอีกมากในภาพรวม แต่ Gutenberg มาไกลในช่วงไม่กี่เดือนที่ผ่านมา ฉันตื่นเต้นกับคุณลักษณะใหม่นี้เมื่อเข้าสู่ WordPress ทั่วไปแล้ว

ตัวแก้ไขไซต์ปรับขนาดกลับ ย้ายเมนูและเปลี่ยนชื่อ

ตัวแก้ไขไซต์ WordPress พื้นที่แก้ไขเทมเพลตทางด้านซ้าย ตัวเลือกสไตล์ส่วนกลางทางด้านขวา
ตัวแก้ไขไซต์ที่ใช้งาน Twenty Twenty-Two

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

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

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

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

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

ตอนนี้รายการเมนูแก้ไขไซต์ได้ถูกย้ายไปไว้ใต้เมนูลักษณะที่ปรากฏในส่วนผู้ดูแลระบบ WordPress ตอนนี้ตั้งชื่อง่ายๆว่า "บรรณาธิการ" แน่นอนว่าเมนูย่อย "ตัวแก้ไขธีม" ยังคงอยู่ที่นั่น

โปรแกรมแก้ไขไฟล์ธีม WordPress แสดง "ตัวแก้ไข" อื่นในรายการเมนูย่อยเดียวกัน
ตัวแก้ไขลักษณะที่ปรากฏสองประเภท

ฉันไม่คาดหวังว่าสิ่งนี้จะสร้างความสับสนให้กับผู้ใช้เลย...

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

ต้องสงสัยว่าจะมีประโยชน์มากแค่ไหนในการแก้ไขไฟล์ธีมโดยตรงในโลกบล็อก เทมเพลตสามารถเขียนทับได้ผ่าน UI การตั้งค่า theme.json ได้รับการจัดการผ่านอินเทอร์เฟซสไตล์สากล ที่ส่วนใหญ่จะปล่อยให้ functions.php เป็นเพียงการถือครองเดียว อาจถึงเวลาปิดการแก้ไขไฟล์โดยค่าเริ่มต้นใน WordPress อย่างน้อยก็สำหรับธีมบล็อก

Pattern Explorer

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

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

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

การบันทึกข้อมูลการนำทางและบล็อกพื้นที่การนำทาง

ขณะนี้ข้อมูลบล็อกการนำทางถูกเก็บไว้ในประเภทโพสต์ wp_navigation โดยเฉพาะ ด้วยการบันทึกแยกกัน ผู้ร่วมให้ข้อมูลได้แก้ไขปัญหาที่มีมายาวนานอย่างใดอย่างหนึ่งเกี่ยวกับเมนูการนำทางแบบบล็อก: การพกพา

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

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

 <!-- wp:navigation-area {"area":"primary"} --> <!-- wp:navigation /--> <!-- /wp:navigation-area -->

บล็อกการนำทางที่ซ้อนกันนั้นเชื่อมโยงกับ wp_navigation post นี่จะเป็นรูปแบบที่ต้องการสำหรับผู้แต่งธีมในอนาคต

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

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

ดูโอโทนฟิลเตอร์โปร่งใส

ฟิลเตอร์ Duotone บนบล็อกต่างๆ เช่น Image และ Cover รองรับความโปร่งใสแล้ว ผู้ใช้จะเห็นแถบเลื่อนใต้ตัวเลือกสีเมื่อปรับเงาหรือไฮไลท์

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

รูปภาพที่มีดูโอโทนโปร่งใสเป็นเลเยอร์เหนือบล็อกปก

นักพัฒนายังตั้งข้อสังเกตถึงความเป็นไปได้สำหรับตัวเลือกไตรโทนและตัวกรองประเภทอื่นๆ

API สำหรับการเข้าถึงสไตล์สากล

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

  • gutenberg_get_global_settings() – คืนค่าการตั้งค่า
  • gutenberg_get_global_styles() – คืนค่าการตั้งค่าสไตล์
  • gutenberg_get_global_stylesheet() – ส่งกลับสไตล์ชีตส่วนกลาง

สันนิษฐานว่าฟังก์ชั่นเหล่านี้จะถูกเปลี่ยนชื่อก่อนที่จะลงจอดใน WordPress 5.9 และไม่มีคำนำหน้า gutenberg_ ผู้เขียนธีมควรปิดการใช้งานเหล่านี้ในการตรวจสอบ function_exist() เพื่อความปลอดภัย

บล็อกความคิดเห็นใหม่

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

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

  • แสดงความคิดเห็น ตอบกลับ ลิงค์
  • ลิงค์ความคิดเห็น
  • แสดงความคิดเห็น Avatar

ในขณะที่ความคิดเห็นรู้สึกเหมือนเป็นการคิดภายหลัง ยินดีต้อนรับการเคลื่อนไหวใด ๆ ในการปัดเศษบล็อกที่เกี่ยวข้องกับธีมที่ขาดหายไปเหล่านี้