Gutenberg 12.5 เปิดตัวรูปแบบสไตล์สากล คงรูปแบบปุ่มที่อยู่ติดกัน และเพิ่มความโปร่งใสของอัลฟ่าให้กับตัวเลือกสี

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

ด้วย WordPress 5.9 ที่เปิดตัวสู่โลกกว้าง ดูเหมือนว่าทุกมือจะกลับมาพร้อมสำหรับการเปิดตัว 6.0 ในเดือนพฤษภาคม เมื่อสัปดาห์ที่แล้ว ฉันได้กล่าวถึงแผนงานช่วงแรกๆ และบางรายการจากรายการนั้นอยู่ในการอัปเดต Gutenberg ล่าสุดในรูปแบบหรือแฟชั่นบางอย่างแล้ว

Global Styles Variations

ผู้สร้างธีมสามารถสร้างชุดรูปแบบต่างๆ ของ theme.json และใส่ลงในโฟลเดอร์ /styles ของธีมได้ จากนั้น ผู้ใช้สามารถสลับระหว่างค่าที่ตั้งไว้ล่วงหน้าต่างๆ เป็นสิ่งที่เหมาะสมกับพวกเขามากที่สุด

คุณลักษณะใหม่นี้สัญญาว่าจะเป็นหนึ่งในไฮไลท์ของการเปิดตัว WordPress 6.0 และธีมเริ่มต้นของ Twenty Twenty-Two จะจัดส่งหลายรูปแบบของตัวเอง

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

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

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

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

นอกจากนี้ยังมีปัญหาเล็กน้อยที่ไม่มีรูปแบบการตั้งชื่อมาตรฐานสำหรับคุณลักษณะต่างๆ เช่น สีและการพิมพ์

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

การสลับรูปแบบจะดีที่สุดสำหรับแต่ละธีม อนุญาตให้ผู้สร้างธีมที่สร้างระบบที่กำหนดเองบน theme.json เพื่อจัดการประสบการณ์ของผู้ใช้และความคาดหวัง เราควรมุ่งเน้นไปที่การสร้างเครื่องมือเพื่อช่วยให้พวกเขาดำเนินการตามวิสัยทัศน์โดยไม่ต้องกังวลว่าผู้ใช้จะ "ติดตั้ง" รูปแบบ JSON ของพวกเขาในโครงการที่แตกต่างกันโดยสิ้นเชิง

ปุ่มใหม่ช่วยรักษาสไตล์ปุ่มที่อยู่ติดกัน

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

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

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

ผู้ใช้สามารถเพิ่มสีโปร่งใส

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

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

โพสต์ตัวเลือกขนาดรูปภาพเด่น

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

ผู้เขียนธีมได้กรอง hook post_thumbnail_size เพื่อจัดการกับสิ่งนี้ อย่างไรก็ตาม วิธีการนั้นซับซ้อนเมื่อต้องจัดการกับข้อความค้นหาหลายโพสต์ที่มีขนาดรูปภาพต่างกัน

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

ตอนนี้ ถ้าเราสามารถใช้เฉพาะรูปภาพเด่นภายในบล็อก Cover และ Media & Text...

คัดลอกเนื้อหาเครื่องมือแก้ไขไซต์ทั้งหมด

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

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

ดูโค้ดในตัวแก้ไขไซต์

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

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