มีอะไรใหม่ใน WordPress 6.1: การแปลง JPEG เป็น WebP, การพิมพ์แบบไหล, ระบบเทมเพลตที่ได้รับการปรับปรุง และอีกมากมาย!

WordPress 6.1 มีกำหนดวางจำหน่ายในวันที่ 1 พฤศจิกายน 2022 และจะเป็นรุ่นหลักที่สามของปี ต่อจาก WordPress 6.0 Arturo ที่วางจำหน่ายในวันที่ 24 พฤษภาคม และ WordPress 5.9 Josephine ที่จะวางจำหน่ายในวันที่ 25 มกราคม

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

เหล่านี้เป็นวันหลักของกำหนดการวางจำหน่าย:

• เบต้า 1 และฟีเจอร์หยุดนิ่ง: 20 กันยายน 2022 – ตั้งแต่วันนี้เป็นต้นไป ผู้สนับสนุนหลักจะเน้นที่การทดสอบและแก้ไขข้อผิดพลาด
• Release Candidate 1: 4 ตุลาคม 2022 – เผยแพร่คู่มือภาคสนามด้วย Dev Notes
• วิ่งแห้ง: 24 ตุลาคม 2022
• WordPress 6.1 รุ่นทั่วไป: 1 พฤศจิกายน 2022

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

Matias Ventura ให้ข้อมูลเชิงลึกแก่เราใน Roadmap ไปยัง 6.1 โดยเขากล่าวว่าเป้าหมายของ 6.1 คือการปรับแต่งประสบการณ์ที่นำมาใช้กับ 5.9 และ 6.0 และแก้ไขบางสิ่งเมื่อเราเข้าใกล้ระยะที่ 3 ของแผนงาน Gutenberg

1. การปรับปรุงตัวแก้ไขแม่แบบ : หนึ่งในคุณสมบัติใหม่หลักคือตัวแก้ไขแม่แบบ WordPress 6.1 ควรแนะนำความสามารถในการเรียกดู แสดงภาพ และแก้ไขโครงสร้างของเว็บไซต์

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

3. Global Styles and Blocks & Design Tools : WordPress 6.1 จะอนุญาตให้จัดการเว็บฟอนต์ ใช้ตัวพิมพ์ที่ตอบสนอง และขยายชุดเครื่องมือที่พร้อมใช้งานสำหรับบล็อก

ที่กล่าวว่า มาดูคุณสมบัติที่ทรงพลังที่สุดที่มาพร้อมกับ WordPress 6.1 อย่างละเอียดยิ่งขึ้น:

การแปลงรูปภาพอัตโนมัติเป็นรูปแบบ WebP

เปิดตัวครั้งแรกใน WordPress ด้วย 5.8 WebP เป็นรูปแบบภาพที่ทันสมัยซึ่งให้การบีบอัดแบบไม่สูญเสียข้อมูลและการสูญเสียที่เหนือกว่าสำหรับรูปภาพบนเว็บ

แม้ว่าคุณจะสามารถอัปโหลดภาพ WebP ของคุณไปยัง WordPress โดยใช้ Media Library ได้ แต่ WordPress ก็ไม่สนับสนุนการแปลงภาพอัตโนมัติเป็นรูปแบบ WebP หากต้องการเปิดใช้งานคุณสมบัตินั้นบนเว็บไซต์ของคุณ คุณจะต้องใช้ปลั๊กอิน WebP WordPress ของบริษัทอื่น

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

และด้วย 6.1 WordPress จะสร้างและใช้ขนาดย่อยของ WebP เมื่อมีให้โดยค่าเริ่มต้น

เมื่อผู้ใช้อัปโหลดภาพ JPEG WordPress สามารถสร้างขนาดย่อยของ WebP และ JPEG ได้โดยอัตโนมัติ WordPress จะสามารถแสดงภาพ WebP ที่ส่วนหน้าได้ รูปภาพ JPEG จะใช้ในบริบทที่ยังไม่รองรับ WebP (เช่น อีเมล)

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

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

การเปลี่ยนแปลงนี้ยังแนะนำตัวกรองใหม่สามตัวที่ให้การควบคุมเต็มรูปแบบสำหรับเอาต์พุตประเภท mime รอง:

• wp_image_sizes_with_additional_mime_type_support อนุญาตให้นักพัฒนาควบคุมประเภทอิมเมจ mime ตามขนาด
• wp_upload_image_mime_transforms ช่วยให้นักพัฒนาสามารถควบคุมประเภทภาพ mime สำหรับอินพุตที่กำหนดและแม้กระทั่งเพื่อแทนที่ประเภท mime ดั้งเดิม
• wp_content_image_mimes สามารถใช้เพื่อควบคุมลำดับเอาต์พุตประเภท mime สำหรับอิมเมจเนื้อหา เมื่อแสดงรูปภาพบนหน้า ระบบจะใช้ประเภท mime แรกที่มี

การเปลี่ยนแปลงนี้ควรทำให้ขนาดไฟล์ลดลงโดยเฉลี่ย 30%

ก่อนการเปิดตัวครั้งสุดท้าย 6.1 คุณสามารถทดสอบคุณลักษณะใหม่ด้วยปลั๊กอิน Performance Lab จาก WordPress Performance Group

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

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

และ:

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

ดังนั้น ในขณะที่เขียน ก็ยังไม่ชัดเจนว่าจะเปิดใช้งานการใช้รูปแบบ WebP ในขนาดย่อยของรูปภาพโดยค่าเริ่มต้น หรือผู้ดูแลไซต์จะต้องเลือกใช้รูปแบบ WebP ที่ส่วนหน้าของเว็บไซต์ . ในระหว่างนี้ การแปลงอัตโนมัติจาก JPEG เป็น WEBP ถูกปิดใช้งานชั่วคราว สำหรับบทสรุปที่มีความหมายของการอภิปรายที่กำลังดำเนินอยู่ โปรดดูบทความของ Sara Gooding เกี่ยวกับ WP Tavern

วิชาการพิมพ์ของเหลว

WordPress 6.1 เพิ่มการรองรับ Fluid Typography ผ่านฟังก์ชัน calc / clamp CSS

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

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

บางธีมรองรับการพิมพ์ของเหลวแล้ว ตัวอย่างเช่น Twenty Twenty-Two ใช้ฟังก์ชัน CSS clamp() สำหรับแบบอักษรหลายขนาด ตัวอย่างเช่น:

 "settings": { ... "custom": { "spacing": { "small": "max(1.25rem, 5vw)", "medium": "clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))", "large": "clamp(4rem, 10vw, 8rem)", "outer": "var(--wp--custom--spacing--small, 1.25rem)" }, "typography": { "font-size": { "huge": "clamp(2.25rem, 4vw, 2.75rem)", "gigantic": "clamp(2.75rem, 6vw, 3.25rem)", "colossal": "clamp(3.25rem, 8vw, 6.25rem)" } } } }

ดังที่คุณเห็นในโค้ดด้านบน ค่าขนาดฟอนต์แบบไหลจะถูกใช้สำหรับขนาดฟอนต์เดียวทุกขนาด

ตอนนี้ เริ่มต้นด้วย WordPress 6.1 เปิดใช้งานธีมเพื่อสร้างขนาดฟอนต์แบบไหลโดยอัตโนมัติโดยการประกาศคุณสมบัติ typography.fluid ใหม่ดังนี้:

 "styles": { .... "typography": { "fluid": true, "fontSizes": [ { "size": "2rem", "fluid": { "min": "2rem", "max": "2.5rem" }, "slug": "medium", "name": "Medium" } ] }

การใช้ typography.fluid และ typography.fontSizes[].fluid ค่าของขนาดฟอนต์ทุกขนาดจะถูกคำนวณโดยอัตโนมัติโดยใช้สูตรต่อไปนี้:

 --wp--preset--font-size--{slug}: clamp({fluid.min}, {fluid.min} + ((1vw - 0.48rem) * 1.592), {fluid.max});

ตัวอย่างเช่น:

 --wp--preset--font-size--large: clamp(2rem, 2rem + ((1vw - 0.48rem) * 1.592), {2.5rem});

โปรดทราบว่าในขณะที่เขียนบทความนี้ Fluid Typography เป็นคุณลักษณะทดลอง คุณสามารถเจาะลึกรายละเอียดทางเทคนิคในการสนับสนุน Block: เพิ่มการพิมพ์ของเหลว

การพิมพ์แบบไหลเป็นการปรับปรุงที่สำคัญสำหรับการสร้างเว็บไซต์ #WordPress ที่ทันสมัย เราเพิ่งอัปเดต @frostwp เพื่อรวมคุณลักษณะนี้ นี่คือการอ่านที่ยอดเยี่ยมจาก @richard_tabor ว่ามันคืออะไรและเหตุใดจึงสำคัญ https://t.co/Bq5YuHX3wi

— Brian Gardner (@bgardner) 8 สิงหาคม 2565

ดูเพิ่มเติมวิธีเพิ่ม Fluid Typography ให้กับ WordPress Block Themes โดย Rich Tabor และ Fluid Typography ด้วย Gutenberg โดย Carolina Nymark

ใหม่และปรับปรุงประเภทบล็อก

ด้วยเวอร์ชัน Gutenberg จำนวนมากที่รวมเข้ากับแกนกลาง WordPress 6.1 จะนำเสนอบล็อกสารบัญใหม่ล่าสุดและการเปลี่ยนแปลงและปรับปรุงประเภทบล็อกที่มีอยู่มากมาย

บล็อกสารบัญใหม่

เปิดตัวครั้งแรกกับ Gutenberg 13.3 บล็อก Table Of Contents ใหม่พร้อมให้ใช้งานในรูปแบบบล็อกทดลองแล้ว เมื่อเพิ่มลงในโพสต์หรือหน้าของคุณแล้ว บล็อกสารบัญจะตรวจจับบล็อกหัวเรื่องใดๆ ที่เพิ่มลงในเนื้อหาและแสดงเป็นลิงก์สมอในรายการที่สั่งซื้อ

เพิ่มการรองรับเส้นขอบสำหรับบล็อกคอลัมน์

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

เส้นขอบแต่ละอันสามารถตั้งค่าในไฟล์ theme.json ได้ดังนี้:

 "core/column": { "border": { "top": { "color": "#CA2315", "style": "dashed", "width": "6px" }, "right": { "color": "#FCB900", "style": "solid", "width": "6px" } } }

นักพัฒนาสามารถอ่านเพิ่มเติมเกี่ยวกับการควบคุมใหม่ใน การอ้างอิงส่วนประกอบ – BorderBoxControl

การควบคุมเส้นขอบสำหรับบล็อกรูปภาพ

Gutenberg 13.8 แนะนำการสนับสนุนสำหรับการควบคุมเส้นขอบทั้งหมดสำหรับบล็อกรูปภาพ การเปลี่ยนแปลงจะถูกเพิ่มเข้าไปในแกนหลักด้วย WordPress 6.1 ซึ่งเปิดประตูสู่โอกาสใหม่ที่ยอดเยี่ยมสำหรับครีเอทีฟเว็บ

ความคิดเห็นบล็อกการปรับปรุง

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

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

โพสต์ข้อกำหนด บล็อกรูปแบบต่างๆ สำหรับข้อกำหนดการจัดหมวดหมู่แบบกำหนดเอง

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

ภาพด้านล่างแสดงรายชื่อนักแสดงประเภทโพสต์ภาพยนตร์

ตัวกรองผู้ปกครองใหม่สำหรับบล็อกแบบสอบถาม

ตัวกรอง Parents ใหม่พร้อมใช้งานแล้วสำหรับ Query Block เพื่อแสดงโพสต์และเพจตามลำดับชั้นที่มีพาเรนต์เดียวกัน

การควบคุมตระกูลแบบอักษรในบล็อกหัวเรื่อง

บล็อกหัวเรื่องรองรับการควบคุม Font Family แล้ว

ระยะห่างแนวนอนและแนวตั้งใน Gallery Block

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

การเปลี่ยนแปลงนี้ส่งผลให้มีความยืดหยุ่นมากขึ้นเมื่อสร้างเลย์เอาต์ของแกลเลอรี่ภาพ

รูปภาพเด่นใน Cover Block

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

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

นอกจากนี้ยังมีการเพิ่มการสลับรูปภาพเด่นในขั้นตอนการแทนที่สื่อ

เครื่องมือลักษณะที่ปรากฏสำหรับลิงก์การนำทางโพสต์

คุณสมบัติการตั้งค่า appearanceTools ที่ปรากฏช่วยให้คุณสามารถเลือกใช้การตั้งค่าต่างๆ ที่ปิดใช้งานโดยค่าเริ่มต้นได้

ตั้งแต่ WordPress 6.1 สำหรับธีมที่สนับสนุนคุณสมบัติการตั้งค่า appearanceTools เครื่องมือ คุณสามารถกำหนดสีลิงก์และตระกูลแบบอักษรในลิงก์การนำทางโพสต์ได้

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับคุณสมบัติ appearanceTools เครื่องมือได้ในบทนำสู่ธีม Twenty Twenty-Two

ล็อคบล็อกคอนเทนเนอร์ภายในด้วยคลิกเดียว

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

คุณสมบัติเพิ่มเติมและการปรับปรุงตัวแก้ไขบล็อก

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

รูปแบบส่วนเทมเพลตใน Block Inserter

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

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

เห็นภาพระยะขอบและช่องว่างภายใน

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

การปรับปรุงแถบด้านข้างการตั้งค่า

WordPress 6.1 จะแสดงการปรับปรุงอินเทอร์เฟซหลายอย่างในแถบด้านข้างการตั้งค่า

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

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

เผยแพร่การอัปเดตการออกแบบ Popover

ตัวเลือกวันที่และเวลาในป๊อปโอเวอร์เผยแพร่ได้รับการออกแบบใหม่และตอนนี้ใช้ "ส่วนประกอบ WordPress ที่มีอยู่และการจัดรูปแบบอารมณ์"

มีข้อมูลเชิงลึกด้านเทคนิคเพิ่มเติมในการอัปเดตการออกแบบสำหรับป๊อปโอเวอร์ Publish ( DateTimePicker )

เวลาอ่านในแผงข้อมูล

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

เวลาในการอ่านโดยประมาณคำนวณโดยเฉลี่ย 189 คำต่อนาที อ่านเพิ่มเติมใน @wordpress/editor: เพิ่มเวลาโดยประมาณในการอ่านสารบัญในตัวแก้ไข

เครื่องมือสร้างใหม่และที่ได้รับการปรับปรุง

WordPress 6.1 จะขยายฟังก์ชันการทำงานของ Site Builder รูปแบบบล็อกจะพร้อมใช้งานในสถานที่ต่างๆ มากขึ้น และประเภทเทมเพลตที่มีให้เลือกมากมายจะช่วยปรับปรุงประสบการณ์การแก้ไขในตัวแก้ไขเทมเพลต

รูปแบบการสร้างสำหรับประเภทโพสต์

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

ในการเปิดใช้งานคุณลักษณะนี้ ควรมีการประกาศรูปแบบการบล็อกอย่างน้อยหนึ่งรูปแบบสำหรับการรองรับประเภทบล็อก core/post-content

ตอนนี้ เริ่มต้นด้วย WordPress 6.1 คุณลักษณะนี้ครอบคลุมถึงประเภทโพสต์ทั้งหมด สิ่งที่คุณต้องทำคือรวม core/post-content ใน blockTypes ของรูปแบบและตั้งค่า postTypes ที่เกี่ยวข้อง

ตอนนี้ มาดูวิธีใช้ประโยชน์จากคุณลักษณะใหม่นี้ด้วยตัวอย่างที่ใช้งานได้จริง สมมติว่าคุณมีประเภทโพสต์ภาพยนตร์

ขั้นแรก คุณต้องลงทะเบียนรูปแบบบล็อกตามที่กล่าวไว้ที่นี่

หรือคุณสามารถใช้วิธีง่ายๆ และใช้การลงทะเบียนรูปแบบโดยนัย (เพื่อความเรียบง่ายในตัวอย่างนี้ เราจะใช้การลงทะเบียนรูปแบบโดยนัย)

สร้างไฟล์ PHP สำหรับรูปแบบบล็อกของคุณในไดเร็กทอรี /patterns ในโฟลเดอร์ธีมของคุณ (สำหรับตัวอย่างนี้ เราใช้ Twenty Twenty-Two) จากนั้นเพิ่มหัวข้อต่อไปนี้:

 <?php /** * Title: Pattern with columns * Slug: twentytwentytwo/pattern-with-columns * Block Types: core/post-content * Post Types: movie * Categories: text */ ?> <!-- wp:heading --> <h2>Hello there!</h2> <!-- /wp:heading -->

และนั่นแหล่ะ ทุกครั้งที่คุณสร้างประเภทโพสต์ภาพยนตร์ใหม่ โมดอล เลือกรูปแบบ จะปรากฏขึ้นบนหน้าจอ

หากคุณต้องการให้ modal แสดงในโพสต์หลายประเภท เพียงเพิ่มทากที่เกี่ยวข้องโดยคั่นด้วยเครื่องหมายจุลภาค:

 <?php /** * Title: Pattern with columns * Slug: twentytwentytwo/pattern-with-columns * Block Types: core/post-content * Post Types: movie, book * Categories: text */ ?> <!-- wp:heading --> <h2>Hello there!</h2> <!-- /wp:heading -->

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

ประเภทเทมเพลตเพิ่มเติมในตัวแก้ไขไซต์

ด้วย WordPress 6.0 คุณสามารถสร้างเทมเพลตได้จำนวนจำกัดในเครื่องมือแก้ไขไซต์:

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

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

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

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

จากนั้น modal ใหม่จะแสดงรายการโพสต์ที่พร้อมใช้งานสำหรับประเภทโพสต์นั้น

การเปลี่ยนแปลงสำหรับนักพัฒนา

WordPress 6.1 ยังเพิ่ม API ใหม่และการปรับปรุงหลายอย่างสำหรับนักพัฒนา

ค่ากำหนดใหม่ Persistence API

WordPress 6.1 แนะนำ API การคงอยู่ของการกำหนดลักษณะใหม่ล่าสุดที่บันทึกการตั้งค่าตัวแก้ไขในฐานข้อมูล WordPress แทนการจัดเก็บในเครื่อง

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

เพื่อจุดประสงค์นี้ ระบบการคงอยู่ก่อนหน้าในแพ็คเกจ @wordpress/data ถูกเลิกใช้แล้ว และมีการแนะนำแพ็คเกจ preferences-persistence ใหม่ แพ็คเกจใหม่จะบันทึกข้อมูลไปยังเมตาผู้ใช้ผ่าน Rest API ข้อมูลจะถูกบันทึกไว้ในที่จัดเก็บในตัวเครื่องเป็นการสำรองในกรณีที่ผู้ใช้ออฟไลน์หรือคำขอถูกขัดจังหวะ (ดูการดึง #39795)

รองรับสไตล์ปุ่มใน theme.json

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

เพื่อให้เป็นไปได้ คลาส wp-element-button ใหม่จะถูกเพิ่มไปยังองค์ประกอบปุ่มเพื่อแชร์สไตล์เดียวกัน

คุณสามารถทดสอบการเปลี่ยนแปลงนี้โดยเพิ่มโค้ดต่อไปนี้ใน theme.json ในสภาพแวดล้อมการพัฒนา:

 { "styles": { "elements": { "button": { "color": { "background": "blue" } } } } }

ค้นหาบล็อกรูปแบบต่างๆ ตอนนี้สนับสนุน Query Vars

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

ในตัวอย่างต่อไปนี้ เรากำลังลงทะเบียนรูปแบบบล็อกสำหรับประเภทโพสต์ movies ตัวอย่างนี้อิงตามบทช่วยสอนของ Carolina Nymar เกี่ยวกับรูปแบบต่างๆ ของบล็อก

ในไฟล์ฟังก์ชันของธีม (ลูก) ของคุณ ให้เพิ่มโค้ดต่อไปนี้:

 function movies_editor_assets() { wp_enqueue_script( 'movies-block-variations', get_template_directory_uri() . '/assets/block-variations.js', array( 'wp-blocks' ) ); } add_action( 'enqueue_block_editor_assets', 'movies_editor_assets' );

ตอนนี้สร้างไฟล์ block-variations.js ต่อไปนี้ในโฟลเดอร์ ทรัพย์สิน ของธีม (ลูก) ของคุณ:

 wp.blocks.registerBlockVariation( 'core/search', { name: 'movie-search', title: 'Movie Search Block', attributes: { query: { post_type: 'movies' } } } );

ตอนนี้โหลดแดชบอร์ด WordPress ใหม่และค้นหารูปแบบบล็อกการค้นหาภาพยนตร์ในตัวแทรกบล็อก

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับรูปแบบบล็อกได้ในเอกสารอย่างเป็นทางการ

องค์ประกอบปุ่มใหม่ในสไตล์สากล

WordPress 5.9 เปิดตัวอินเทอร์เฟซ Global Styles เพื่อให้ผู้ใช้สามารถกำหนดสไตล์ที่ตั้งไว้ล่วงหน้าสำหรับเว็บไซต์ของตนได้ทั้งทั่วโลกหรือในระดับบล็อก

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

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

สรุป

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

แม้ว่าเราจะสามารถมั่นใจได้พอสมควรเกี่ยวกับคุณลักษณะใหม่ ๆ เราจะเห็นได้จาก Gutenberg 11 เวอร์ชันที่ผสานเข้ากับแกนหลัก เรายังไม่แน่ใจว่าจะใช้การแปลง JPEG เป็น WebP อย่างไรและอาจมีการเพิ่มการเปลี่ยนแปลงอื่น ๆ ในรายการด้านบน .

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

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