มีอะไรใหม่ใน WordPress 6.5
เผยแพร่แล้ว: 2024-03-18การเปิดตัว WordPress 6.5 ในวันที่ 26 มีนาคม 2024 ถือเป็นการอัปเดตที่รอคอยอย่างใจจดใจจ่อ ซึ่งจะดึงดูดทั้งผู้สร้างเว็บไซต์และนักพัฒนา เวอร์ชันใหม่นี้แนะนำการออกแบบผู้ดูแลระบบที่ได้รับการปรับปรุง โดยแสดงตัวอย่างอนาคตของการจัดการข้อมูลใน Site Editor
นักพัฒนาสามารถคาดหวังที่จะเพลิดเพลินกับการปรับปรุงประสบการณ์การพัฒนาของพวกเขาด้วย WordPress 6.5 การเปิดตัวครั้งนี้นำมาซึ่งความก้าวหน้าอันน่าตื่นเต้นที่จะยกระดับการทำงานของพวกเขา จุดเด่นที่สำคัญสำหรับผู้ใช้ทุกคนคือการแนะนำไลบรารีแบบอักษร ซึ่งปฏิวัติวิธีการจัดการแบบอักษรบนเว็บไซต์ต่างๆ
นอกจากนี้ WordPress 6.5 ยังมีการปรับปรุงมากมายที่มุ่งเน้นการปรับปรุงการสร้างเว็บไซต์และประสบการณ์การบำรุงรักษา การอัปเดตเหล่านี้มีจุดมุ่งหมายเพื่อลดความซับซ้อนของอินเทอร์เฟซ WordPress และเพิ่มความสะดวกในการใช้งาน WordPress 6.5 เสริมความแข็งแกร่งให้กับบทบาทสำคัญในการพัฒนาเว็บด้วยนวัตกรรมและการปรับปรุงอย่างต่อเนื่อง
สำหรับผู้สร้างเว็บไซต์และผู้ใช้
WordPress 6.5 เปิดตัวฟีเจอร์การเปลี่ยนแปลงสำหรับผู้สร้างเว็บไซต์และผู้ใช้ โดยเฉพาะ Font Library การอัปเดตนี้เพิ่มความคล่องตัวในการจัดการการพิมพ์และปรับแต่งประสบการณ์ผู้ใช้ ทำให้การสร้างเว็บเข้าถึงได้และมีประสิทธิภาพมากขึ้น ด้วยการปรับปรุงเพื่อทำให้อินเทอร์เฟซง่ายขึ้นและปรับปรุงฟังก์ชันการทำงาน WordPress 6.5 ช่วยให้ผู้ใช้สามารถยกระดับโครงการเว็บของตนได้อย่างง่ายดาย
ขอแนะนำ Font Library ใน WordPress 6.5: เอกสิทธิ์ของ Site Editor
WordPress 6.5 เปิดตัว Font Library ปฏิวัติวิธีการจัดการแบบอักษรภายในแพลตฟอร์ม เช่นเดียวกับความง่ายในการใช้งานของ Media Library คุณลักษณะนี้สนับสนุนการจัดการแบบอักษรทั่วโลก ช่วยให้สามารถติดตั้ง เปิดใช้งาน และลบแบบอักษรได้ เพื่อปรับปรุงการพิมพ์ทั่วทั้งไซต์
ลักษณะสำคัญของไลบรารีแบบอักษร
- การเข้าถึงแบบอักษรทั่วโลก: การเพิ่มแบบอักษรทำได้ตรงไปตรงมา โดยมีตัวเลือกให้อัปโหลดโดยตรงหรือเลือกจาก Google Fonts เซิร์ฟเวอร์จัดเก็บ Google Fonts เพื่อปกป้องความเป็นส่วนตัว สอดคล้องกับมาตรฐาน GDPR
- คอลเลกชันแบบอักษรเชิงสำรวจ: ผู้ใช้สามารถเจาะลึกและติดตั้งแบบอักษรจากคอลเลกชันที่รวบรวมไว้ ฟังก์ชัน
wp_register_font_collection
ยังช่วยให้นักพัฒนาสามารถเสริมแพลตฟอร์มด้วยแบบอักษรที่กำหนดเองหรือจากบุคคลที่สาม เพื่อเพิ่มความหลากหลายในการพิมพ์ - ความสอดคล้องของการพิมพ์แบบบูรณาการ: แบบอักษรที่ติดตั้งกลายเป็นส่วนหนึ่งของสไตล์สากลของไซต์ ทำให้มั่นใจได้ถึงความกลมกลืนของภาพตลอดการเปลี่ยนภาพ การปรับแต่งไดเร็กทอรีอัพโหลดแบบอักษรนั้นรองรับโครงสร้างไซต์และสภาพแวดล้อมการโฮสต์ที่หลากหลาย
ความพร้อมใช้งานพิเศษภายในเครื่องมือแก้ไขไซต์
คุณสมบัติที่เป็นนวัตกรรมใหม่ของ Font Library มีเฉพาะในตัวแก้ไขไซต์ของธีมแบบบล็อก ข้อจำกัดนี้เป็นการตัดสินใจเชิงกลยุทธ์ โดยมุ่งเน้นไปที่การรวบรวมคำติชมโดยละเอียด และเพิ่มประสิทธิภาพของฟีเจอร์เพื่อขยายไปสู่ธีมคลาสสิกในที่สุด
สำหรับนักพัฒนา: ปรับแต่งการเข้าถึงไลบรารีแบบอักษร
นักพัฒนาสามารถปิดการใช้งานฟีเจอร์ไลบรารีฟอนต์ได้ โดยปรับแต่งประสบการณ์การแก้ไขให้ตรงตามความต้องการเฉพาะของโปรเจ็กต์ การปิดใช้งานสามารถทำได้ผ่านการตั้งค่าตัวแก้ไขการกรอง:
function disable_font_library_ui( $editor_settings ) { $editor_settings['fontLibraryEnabled'] = false; return $editor_settings; } add_filter( "block_editor_settings_all", "disable_font_library_ui" );
การควบคุมระดับนี้ทำให้มั่นใจได้ว่านักพัฒนาสามารถจัดการการแสดงตนของไลบรารีแบบอักษรภายในเวิร์กโฟลว์ของตนได้ โดยให้ความยืดหยุ่นในการจัดการแบบอักษรในโครงการต่างๆ
แนวทางในอนาคตสำหรับ Font Library นอกเหนือจาก WordPress 6.5
- ตำแหน่งไดเร็กทอรีฟอนต์ Canonical: สำรวจตัวเลือกสำหรับการย้ายตำแหน่งไดเร็กทอรีฟอนต์อย่างปลอดภัย โดยเฉพาะอย่างยิ่งเมื่อ
wp-content
สามารถเขียนได้ - การรวมความสมบูรณ์ของไซต์: แนะนำการตรวจสอบตำแหน่งโฟลเดอร์แบบอักษรในความสมบูรณ์ของไซต์ เพื่อให้มั่นใจถึงประสิทธิภาพและความปลอดภัยของไซต์ที่เหมาะสมที่สุด
- คำแนะนำด้านเอกสารและการย้าย: จัดทำเอกสารโดยละเอียดเกี่ยวกับกระบวนการย้ายไดเรกทอรีแบบอักษรและเหตุผล
- แผนงานการพัฒนา: เผยแพร่แผนงานที่ให้รายละเอียดเกี่ยวกับการเปลี่ยนแปลงไปสู่แนวคิดระดับเฟิร์สคลาสใน WordPress เช่น วิธีการแบบโมดูลาร์สำหรับธีม แบบอักษร รูปแบบ และเทมเพลต และผลกระทบต่ออนาคตของแพลตฟอร์ม
ยกระดับการออกแบบไซต์ด้วยมุมมองใหม่ในตัวแก้ไขไซต์
WordPress 6.5 ไม่ใช่แค่เรื่องแบบอักษรและประสิทธิภาพเท่านั้น โดยนำมิติใหม่มาสู่ Site Editor ด้วยมุมมองที่ได้รับการปรับปรุงสำหรับเพจ รูปแบบ เทมเพลต และส่วนของเทมเพลต การอัปเดตนี้มีจุดมุ่งหมายเพื่อลดความซับซ้อนหรือความซับซ้อนในการแก้ไขไซต์ของคุณตามความจำเป็น โดยนำเสนอวิธีต่างๆ มากมายในการสำรวจ กรอง และจัดการส่วนประกอบของไซต์ของคุณ นี่คือวิธีที่ WordPress 6.5 กำหนดเวทีสำหรับประสบการณ์การแก้ไขที่ใช้งานง่ายยิ่งขึ้น:
การสำรวจที่เต็มไปด้วยคุณสมบัติ
- ตัวเลือกการแสดงผลแบบไดนามิก: จากตารางที่แสดงฟิลด์เฉพาะไปจนถึงความสามารถในการเลื่อนดูเนื้อหาของคุณและดำเนินการอย่างรวดเร็ว ขณะนี้ Site Editor ทำให้การควบคุมอยู่ที่ปลายนิ้วของคุณ
- มุมมองที่ปรับแต่งได้: ปรับแต่งพื้นที่การแก้ไขของคุณให้ตรงกับขั้นตอนการทำงานของคุณด้วยตัวเลือกในการเปิดหรือปิดฟิลด์ จัดเรียงและกรองข้อมูล และเลือกจากการนำเสนอเค้าโครงต่างๆ รวมถึงตารางแบบคลาสสิกและมุมมองตารางสมัยใหม่
- การนำทางและการจัดการที่ได้รับการปรับปรุง: นำทางผ่านโครงสร้างไซต์ของคุณได้อย่างง่ายดาย ด้วยการปรับปรุง UI ที่รองรับการเลือกรายการและดำเนินการแบบกลุ่ม เสริมด้วยการสนับสนุนตัวกรองหลักที่ปรับปรุงการเข้าถึงส่วนทั่วไป
คาดหวังอะไร:
- การจัดการเทมเพลต: คุณจัดการเทมเพลตทั้งหมดโดยใช้เค้าโครงตารางและตาราง ทำให้ง่ายต่อการมองเห็นและจัดระเบียบโครงสร้างของไซต์ของคุณ
- รูปแบบและส่วนของเทมเพลต : เพลิดเพลินกับเค้าโครงตารางและตารางพร้อมความสามารถในการดำเนินการแบบกลุ่มสำหรับส่วนของเทมเพลต นอกจากนี้ เค้าโครงตารางสำหรับรูปแบบยังมีตัวกรองหลักเพื่อแยกความแตกต่างระหว่างรูปแบบที่ซิงค์และไม่ซิงค์ นอกจากนี้ คุณสามารถทำซ้ำและเปลี่ยนชื่อทั้งสองรายการได้
- หน้า: จัดการหน้าของคุณด้วยเค้าโครงตารางและตาราง เสริมด้วยการดำเนินการแบบกลุ่มและตัวกรองหลักเริ่มต้นสำหรับองค์กรที่ได้รับการปรับปรุง
การปรับปรุงมุมมองรายการ WordPress 6.5: การเปลี่ยนชื่อบล็อกที่ได้รับการปรับปรุง
WordPress 6.5 ขยายคุณสมบัติที่แนะนำครั้งแรกสำหรับบล็อกกลุ่มในมุมมองรายการใน WordPress 6.4 ทำให้สามารถเปลี่ยนชื่อบล็อกเกือบทั้งหมดเพื่อเพิ่มประสิทธิภาพการจัดระเบียบเนื้อหาและการปรับเปลี่ยนในแบบของคุณ การอัปเดตนี้ขยายขอบเขตการแก้ไขป้ายกำกับบล็อกโดยตรงจากมุมมองรายการอย่างมาก ช่วยให้ประสบการณ์การแก้ไขที่ปรับแต่งเหมาะสมยิ่งขึ้น
หากต้องการเปลี่ยนชื่อบล็อก:
- เปิดใช้งานมุมมองรายการ
- เลือกบล็อกที่จะเปลี่ยนชื่อ 3 จุดทางด้านขวา
- เลือก เปลี่ยนชื่อ
- ป้อนชื่อใหม่
- บันทึก
ผู้ใช้จะได้รับประโยชน์จากฟีเจอร์นี้โดยการนำทางและทำความเข้าใจโครงสร้างเนื้อหาอย่างรวดเร็วผ่านการติดป้ายกำกับที่กำหนดเอง ในขณะเดียวกัน ผู้เขียนธีมสามารถนำเสนอประสบการณ์ที่ใช้งานง่ายยิ่งขึ้นภายในธีมและรูปแบบของตน และผู้ดูแลไซต์และองค์กรจะได้รับเครื่องมือที่มีประสิทธิภาพสำหรับกลยุทธ์การจัดการเนื้อหาที่แม่นยำยิ่งขึ้น
บล็อกหลักบางบล็อกยังคงชื่อดั้งเดิมไว้เพื่อรักษาความชัดเจนและฟังก์ชันการทำงาน:
- แกน/บล็อก
- แกนหลัก / เทมเพลตส่วนหนึ่ง
- แกน/รูปแบบ
- แกนหลัก/การนำทาง
- core/navigation-link.php
การปรับแต่งสำหรับนักพัฒนา:
การเปลี่ยนชื่อบล็อกถูกเปิดใช้งานตามค่าเริ่มต้น ตัวขยายบุคคลที่สามสามารถเลือกไม่รับการบล็อกได้โดยการตั้งค่า “การเปลี่ยนชื่อ”: เท็จในไฟล์ block.json ของบล็อก
// block.json { "supports": { "renaming": false // disables ability to rename block via the Editor UI }, }
การแก้ไขที่แข็งแกร่ง
WordPress 6.5 นำเสนอการแก้ไขที่มีประสิทธิภาพในตัวแก้ไขไซต์ ซึ่งปรับปรุงการติดตามและการจัดการการเปลี่ยนแปลงสำหรับการออกแบบไซต์อย่างมาก คุณลักษณะนี้นำเสนอมุมมองโดยละเอียดเกี่ยวกับวิวัฒนาการของเทมเพลตและส่วนต่างๆ ของเว็บไซต์ของคุณ โดยนำเสนอประวัติการแก้ไขที่ครอบคลุมในช่วงเวลาต่างๆ ด้วยการประทับเวลาที่ละเอียดยิ่งขึ้นและข้อมูลสรุปการเปลี่ยนแปลง การนำทางไปยังเวอร์ชันต่างๆ ของการออกแบบไซต์ของคุณจึงกลายเป็นเรื่องง่ายยิ่งขึ้น ขณะนี้ผู้ใช้สามารถดูได้อย่างง่ายดายว่ามีการปรับเปลี่ยนอะไรบ้าง เมื่อใด และโดยใคร เพื่อปรับปรุงกระบวนการย้อนกลับหรือทำซ้ำการออกแบบ
นอกจากนี้ เวอร์ชัน WordPress นี้ยังขยายขีดความสามารถของเครื่องมือแก้ไขไซต์ด้วยการแนะนำการแบ่งหน้าสำหรับการดูการแก้ไขสไตล์ทั้งหมด ซึ่งจะช่วยขจัดข้อจำกัดในการแสดงเฉพาะการแก้ไข 100 ครั้งล่าสุด ทำให้สามารถเข้าถึงประวัติการเปลี่ยนแปลงทั้งหมดได้อย่างง่ายดาย การรวมปุ่มสลับ Style Book นำเสนอมุมมองทางเลือกในการแก้ไข ทำให้ผู้ใช้สามารถดูตัวอย่างการเปลี่ยนแปลงได้อย่างชัดเจนและครอบคลุมมากขึ้น การปรับปรุงเหล่านี้ทำหน้าที่เป็นตาข่ายนิรภัย โดยรักษาประวัติการออกแบบเว็บไซต์ของคุณ และเพิ่มขีดความสามารถให้ผู้ใช้สามารถทดลองกับรูปลักษณ์ของเว็บไซต์ได้อย่างมั่นใจ โดยรู้ว่าพวกเขาสามารถจัดทำเอกสารอย่างพิถีพิถันและเรียกการแก้ไขทั้งหมดได้
เพิ่มไอคอนไซต์หรือ Favicon จากการตั้งค่า
ไอคอนเว็บไซต์ ซึ่งมักเรียกกันว่าไอคอนประจำเว็บไซต์คือรูปภาพหรือโลโก้ขนาดเล็กที่ปรากฏในแท็บเว็บเบราว์เซอร์ บุ๊กมาร์ก ประวัติ และที่อื่นๆ ที่ช่วยให้ผู้ใช้ระบุเว็บไซต์ของคุณได้ กราฟิกเล็กๆ แต่มีความสำคัญนี้มีความสำคัญอย่างยิ่งในการสร้างแบรนด์และการใช้งาน ทำให้เว็บไซต์ของคุณโดดเด่นในสภาพแวดล้อมของเบราว์เซอร์ที่มีผู้คนหนาแน่น และเสริมสร้างการจดจำแบรนด์
ก่อนหน้านี้ ธีมบล็อกได้รับคำสั่งบล็อกโลโก้ไซต์สำหรับการตั้งค่าไอคอนไซต์ อย่างไรก็ตาม การอัปเดตล่าสุดแนะนำวิธีการที่คล่องตัวซึ่งมีอยู่ในการตั้งค่าทั่วไป ซึ่งใช้ได้กับทั้งธีมแบบบล็อกและธีมคลาสสิก ผู้ใช้ธีมคลาสสิกยังคงสามารถใช้เครื่องมือปรับแต่งสำหรับการปรับเปลี่ยนนี้ได้ เพื่อให้มั่นใจถึงความยืดหยุ่นในประเภทธีมต่างๆ
วิธีตั้งค่าไอคอนไซต์ของคุณภายใต้ระบบใหม่:
- จากแดชบอร์ด WordPress ของคุณ ไปที่การตั้งค่า > ทั่วไป
- ใน "ไอคอนไซต์" อัปโหลดภาพที่คุณต้องการ
- กด “บันทึก” เพื่อยืนยันการเปลี่ยนแปลงของคุณ
การปลดล็อกการควบคุมโฆษณา: เครื่องมือลักษณะที่ปรากฏสำหรับธีมคลาสสิก
ยกระดับการออกแบบของคุณ: WordPress 6.5 เปิดโลกทัศน์ใหม่สำหรับผู้ใช้ธีมคลาสสิกโดยการผสานรวมเครื่องมือลักษณะที่ปรากฏขั้นสูง การอัปเดตนี้ช่วยลดช่องว่าง โดยนำเสนอตัวเลือกการออกแบบที่ก่อนหน้านี้มีเฉพาะในธีมแบบบล็อกเท่านั้น
- ทำไมจึงสำคัญ: ธีมคลาสสิกยืนหยัดผ่านการทดสอบของกาลเวลา โดยรวบรวมความเรียบง่ายและความน่าเชื่อถือ ตอนนี้พวกเขากำลังได้รับการอัปเกรดที่สำคัญ ช่วยให้สามารถปรับแต่งได้ละเอียดยิ่งขึ้นโดยไม่ต้องมีความรู้ในการเขียนโค้ดเชิงลึกหรือสลับธีม
การปรับปรุงที่สำคัญ:
- การปรับแต่งเส้นขอบ: เพิ่มเส้นขอบได้อย่างง่ายดาย ปรับแต่งสี รัศมี และความกว้างเพื่อจัดเฟรมเนื้อหาของคุณอย่างแม่นยำตามที่คุณจินตนาการ
- การปรับสี: ปรับแต่งสีลิงก์โดยตรง เพิ่มความสามารถในการอ่านและความสวยงาม
- การควบคุมระยะห่าง: ฝึกฝนศิลป์ของเลย์เอาต์ด้วยระยะขอบและช่องว่างที่ปรับได้ ทำให้เกิดความสมดุลและความลื่นไหลที่สมบูรณ์แบบ
- การปรับแต่งการพิมพ์: ปรับแต่งข้อความของคุณด้วยการปรับความสูงของบรรทัด เพื่อให้มั่นใจว่าสามารถอ่านได้และมีความกลมกลืนของภาพ
- รายการทั้งหมด : หากต้องการดูตัวเลือกการออกแบบทั้งหมดที่สามารถเปิดใช้งานได้ โปรดดูรายการทั้งหมด
วิธีเปิดใช้งาน:
- ผู้ใช้ธีมคลาสสิก: เพียงเลือกใช้งานผ่านไฟล์ Functions.php ของธีมของคุณด้วย
add_theme_support('appearance-tools');
. สัมผัสประสบการณ์ขอบเขตใหม่ของการออกแบบที่ยืดหยุ่น โดยรักษาธีมที่เชื่อถือได้ของคุณให้เป็นแกนหลักของการแสดงออกทางดิจิทัล - นักพัฒนาธีม: เปิดใช้งานเครื่องมือเหล่านี้ในธีมคลาสสิกของคุณเพื่อส่งเสริมการสำรวจและความคิดสร้างสรรค์ สิ่งนี้จะมอบประสบการณ์ใหม่และปรับแต่งได้ให้กับผู้ใช้ โดยไม่กระทบต่อความสมบูรณ์ของธีม
WordPress 6.5: การจัดการและการนำเสนอรูปภาพที่ล้ำหน้า
WordPress 6.5 นำเสนอการอัปเดตที่สำคัญสำหรับฟังก์ชันการจัดการสื่อและแกลเลอรี ช่วยเพิ่มความสามารถในการสร้างและแสดงเนื้อหาของแพลตฟอร์ม การอัปเดตเหล่านี้มีจุดมุ่งหมายเพื่อเพิ่มประสิทธิภาพไซต์ ยกระดับความสวยงามของภาพ และปรับปรุงเวิร์กโฟลว์ของผู้ใช้
ยกระดับคุณภาพของภาพด้วยการสนับสนุน AVIF
ทำความเข้าใจกับ AVIF:
AVIF (รูปแบบไฟล์ภาพ AV1) นำมาตรฐานใหม่สำหรับการบีบอัดภาพและคุณภาพ ซึ่งมีประสิทธิภาพเหนือกว่ารูปแบบเก่าเช่น JPEG, PNG และ WebP อย่างมาก ด้วยการนำ AVIF มาใช้ WordPress 6.5 ช่วยให้มั่นใจได้ว่าเว็บไซต์จะได้เพลิดเพลินกับขนาดไฟล์ภาพที่ลดลงในขณะที่ยังคงความคมชัดของภาพที่เหนือกว่า ส่งผลให้โหลดเร็วขึ้นและประสบการณ์การท่องเว็บดีขึ้น หากต้องการดูว่าเบราว์เซอร์ใดบ้างที่รองรับ AVIF โปรดดูที่ ฉันสามารถใช้ได้
ความสำคัญของ AVIF:
การรวม AVIF ใน WordPress 6.5 ถือเป็นการพัฒนาที่สำคัญในการเพิ่มประสิทธิภาพเว็บ ความก้าวหน้านี้ช่วยให้สามารถนำเสนอภาพที่คมชัดและมีรายละเอียดโดยเหลือเพียงเสี้ยวหนึ่งของขนาดไฟล์ต้นฉบับ ความเร็วของเพจและประสิทธิภาพ SEO ได้รับผลกระทบในทางบวก
ลดความซับซ้อนของภาพเด่นด้วยตัวเลือกภาพแรก
การสร้างสรรค์ภาพเด่น:
WordPress 6.5 ทำให้การกำหนดรูปภาพเด่นง่ายขึ้นด้วยฟีเจอร์ใหม่โดยอัตโนมัติโดยใช้รูปภาพแรกในโพสต์
การอัปเดตนี้ช่วยให้บล็อกเกอร์และผู้สร้างเนื้อหารักษาความสอดคล้องของภาพได้อย่างมากโดยการตั้งค่ารูปภาพเด่นสำหรับโพสต์โดยอัตโนมัติ
ความเข้าใจในการดำเนินงาน:
เมื่อโพสต์ไม่มีรูปภาพเด่นที่เลือกด้วยตนเอง แต่มีรูปภาพ WordPress จะใช้รูปภาพแรกเป็นรูปภาพเด่น คุณสมบัติอันชาญฉลาดนี้ช่วยให้มั่นใจได้ถึงการแสดงภาพสำหรับแต่ละโพสต์ ช่วยเพิ่มความน่าสนใจของโพสต์ในธีมและรายการโดยไม่ต้องใช้ความพยายามเป็นพิเศษจากผู้ใช้
การดูแกลเลอรีแบบไดนามิกด้วยการตั้งค่าลำดับแบบสุ่ม:
การตั้งค่าใหม่ในบล็อกแกลเลอรีช่วยให้คุณแสดงภาพแบบสุ่ม สร้างประสบการณ์การรับชมที่ไม่ซ้ำใครด้วยการโหลดซ้ำแต่ละหน้า คุณสามารถเปิดใช้งานคุณสมบัตินี้สำหรับแต่ละแกลเลอรีได้ โดยเพิ่มเลเยอร์ของไดนามิกให้กับการนำเสนอรูปภาพ
การจัดการคำบรรยายแบบยาวอย่างหรูหรา:
WordPress 6.5 แนะนำแถบเลื่อนที่มีสไตล์สำหรับคำอธิบายภาพแบบขยายภายในบล็อกแกลเลอรี ซึ่งดูน่าดึงดูดสายตาในการจัดการกับคำอธิบายภาพล้น เราขอแนะนำให้ผู้เขียนธีมทดสอบการอัปเดตนี้เพื่อให้เข้ากันได้กับสไตล์แถบเลื่อนแบบกำหนดเองที่มีอยู่
การปรับอัตราส่วนภาพแบบรวมในทุกภาพ:
การอัปเดตจะลบอัตราส่วนภาพ 10:16 และ 16:10 ออกจากตัวเลือกการอัปโหลดรูปภาพ ซึ่งส่งผลต่อการนำเสนอรูปภาพทั่วทั้งไซต์ ไม่ใช่แค่ภายในบล็อกแกลเลอรีเท่านั้น การเปลี่ยนแปลงนี้ช่วยส่งเสริมความสอดคล้องของการออกแบบ โดยแนะนำให้ผู้เขียนธีมตรวจสอบและปรับอัตราส่วนเหล่านี้ในรูปแบบ เทมเพลต หรือทุกที่ที่พวกเขาอัปโหลดรูปภาพ
ปรับปรุงประสบการณ์ WordPress: อัปเกรดการใช้งานใน WordPress 6.5
WordPress 6.5 นำการปรับปรุงประสบการณ์ผู้ใช้มาสู่เครื่องมือแก้ไขไซต์ การปรับปรุงแต่ละครั้งมีจุดมุ่งหมายเพื่อทำให้การสร้างไซต์และการจัดการใช้งานง่ายและมีประสิทธิภาพมากขึ้น มาเจาะลึกการอัปเดตที่สำคัญที่พร้อมจะเปลี่ยนแปลงการโต้ตอบของคุณกับไซต์ WordPress ของคุณ
ประสบการณ์การแก้ไขลิงก์ที่ใช้งานง่ายยิ่งขึ้น
WordPress 6.5 ปรับปรุงการแก้ไขลิงก์เพื่อให้กระบวนการใช้งานง่ายและราบรื่นยิ่งขึ้น การอัปเดตนี้จะแก้ไขจุดบกพร่องทั่วไป ทำให้การจัดการลิงก์ตรงไปตรงมาและรบกวนน้อยลง การปรับปรุงที่สำคัญ ได้แก่ :
- UI ลิงก์ที่โฟกัส: ขณะนี้อินเทอร์เฟซการแก้ไขลิงก์จะปรากฏขึ้นเมื่อมีการเรียกใช้เท่านั้น สิ่งนี้จะช่วยลดสิ่งรบกวนและปรับปรุงขั้นตอนการทำงาน มันเป็นประโยชน์ต่อผู้ใช้ทุกคน โดยเฉพาะผู้ที่ใช้เทคโนโลยีช่วยเหลือ
- การจัดการลิงก์ที่คล่องตัว: การเพิ่มลิงก์จะทำให้อินเทอร์เฟซเปิดอยู่เพื่อการปรับเปลี่ยนอย่างรวดเร็ว เช่น การเปิดในแท็บใหม่
- การค้นพบที่ได้รับการปรับปรุง: ไอคอนใหม่และปุ่มคัดลอกลิงค์ช่วยลดความยุ่งยากในการจัดการลิงค์สำหรับเพจภายในหรือแหล่งข้อมูลภายนอก ทำให้กระบวนการคล่องตัวขึ้น
การเพิ่มประสิทธิภาพเครื่องมือการออกแบบ
- Box Shadow และอื่นๆ: เลเยอร์ใหม่ของการควบคุมการออกแบบเพิ่มคุณสมบัติต่างๆ เช่น การตั้งค่าเงาของกล่องสำหรับแต่ละบล็อก ช่วยให้ปรับแต่งและความคิดสร้างสรรค์ได้ลึกซึ้งยิ่งขึ้น
- การควบคุมการพิมพ์ที่หลากหลาย: คุณสามารถปรับน้ำหนัก ขนาด และตระกูลแบบอักษรได้อย่างแม่นยำ โดยเสนอตัวเลือกรูปแบบที่หลากหลายมากขึ้นเพื่อสื่อสารแนวทางของแบรนด์ของคุณได้อย่างมีประสิทธิภาพ
การปรับปรุงการใช้งานแบบลากและวาง
ฟังก์ชันการลากและวางภายใน Site Editor ได้รับการปรับปรุงที่สำคัญ ทำให้ใช้งานง่ายและหลากหลายมากขึ้นในการจัดเรียงองค์ประกอบของไซต์ของคุณ:
- การลากจากต้นทางถึงปลายทาง: ย้ายบล็อกไปยังจุดเริ่มต้นหรือจุดสิ้นสุดของเนื้อหาได้อย่างง่ายดาย ทำให้การออกแบบเค้าโครงมีความยืดหยุ่นมากขึ้น
- การจัดการตู้คอนเทนเนอร์ที่ได้รับการปรับปรุง : การปรับแต่งการลากระหว่างและเข้าไปในบล็อกคอนเทนเนอร์ (เช่น บล็อกกลุ่มและบล็อกฝาครอบ) มอบประสบการณ์ที่ราบรื่นยิ่งขึ้น
- การตอบสนองด้วยภาพ : ขณะนี้ตัวบ่งชี้แสดงตัวเลือกการวางตำแหน่งสำหรับบล็อกอย่างชัดเจนในระหว่างการลาก ซึ่งช่วยลดการคาดเดาและเพิ่มความแม่นยำในการปรับเค้าโครง
การปรับปรุง UX ของตัวแก้ไขไซต์ทั่วไป
ประสบการณ์ผู้ใช้โดยรวมของเครื่องมือแก้ไขเว็บไซต์ได้รับการปรับปรุงอย่างกว้างขวางโดยมีเป้าหมายเพื่อทำให้การแก้ไขเว็บไซต์เข้าถึงได้และสนุกสนานยิ่งขึ้น:
- การนำทางเทมเพลต: การสลับระหว่างการแก้ไขเทมเพลตและส่วนของเทมเพลตนั้นใช้งานง่ายยิ่งขึ้น พร้อมการนำทางและการจัดระเบียบที่ตรงไปตรงมามากขึ้น
- สไตล์ที่รวมเข้าด้วยกัน: การปรับปรุงการจัดการสไตล์สากลของไซต์ของคุณทำให้การรักษาความสอดคล้องทั่วทั้งไซต์ของคุณง่ายขึ้น
- ความสามารถในการเข้าถึงและขั้นตอนการทำงาน: ความพยายามในการปรับปรุงความสามารถในการเข้าถึงและปรับปรุงขั้นตอนการทำงาน เช่น การแสดงตัวอย่างการเปลี่ยนแปลงอย่างมีประสิทธิภาพมากขึ้น ถือเป็นจุดมุ่งเน้นที่สำคัญ เพื่อให้มั่นใจว่าผู้ใช้ทุกคนจะสามารถสร้างและจัดการไซต์ของตนได้อย่างรวดเร็ว
- โหมดไร้สิ่งรบกวนสมาธิ : ตอนนี้เมื่อคุณใช้โหมดไร้สิ่งรบกวนในตัวแก้ไขโพสต์ แถบเครื่องมือด้านบนจะใช้งานได้เมื่อคุณเลื่อนเมาส์ไปเหนือแถบเครื่องมือนั้น
สำหรับนักพัฒนา
WordPress 6.5 แนะนำการเปลี่ยนแปลง API ที่สำคัญ มันเน้นถึงความทุ่มเทของ WordPress ในการปรับปรุงประสบการณ์ของนักพัฒนา สิ่งนี้สอดคล้องกับความคาดหวังของผู้ใช้สำหรับเว็บไซต์เชิงโต้ตอบและตอบสนอง การอัปเดตประกอบด้วย Block Bindings API, ฟิลด์ที่กำหนดเอง, แพ็คเกจมุมมองข้อมูล และ Interactivity API การเปลี่ยนแปลงเหล่านี้มีจุดมุ่งหมายเพื่อให้นักพัฒนามีเครื่องมือในการสร้างเว็บไซต์ที่น่าสนใจ มีประสิทธิภาพ และปรับแต่งได้ การปรับปรุงเหล่านี้ถือเป็นยุคใหม่ในการพัฒนา WordPress พวกเขามุ่งเน้นไปที่การบูรณาการฟังก์ชันที่ซับซ้อนได้อย่างง่ายดายและสร้างประสบการณ์ผู้ใช้ที่ดื่มด่ำ ด้วย API เหล่านี้ WordPress 6.5 ช่วยให้นักพัฒนาสามารถขยายสิ่งที่เป็นไปได้ด้วย WordPress มันตอกย้ำ WordPress ให้เป็นแพลตฟอร์มที่ทรงพลังสำหรับการกำหนดอนาคตของเว็บ คุณสามารถดูรายละเอียดเพิ่มเติมเกี่ยวกับแต่ละสิ่งเหล่านี้ได้ใน Field Guide
ปรับปรุงการจัดการข้อมูลด้วยฟิลด์ที่กำหนดเองใน WordPress 6.5
WordPress 6.5 แนะนำแพ็คเกจ Custom Fields การปรับปรุงนี้ช่วยลดความยุ่งยากในการทำงานกับฟิลด์ที่กำหนดเองใน WordPress และมอบวิธีการที่มีโครงสร้างและมีประสิทธิภาพในการจัดการข้อมูลฟิลด์ที่กำหนดเอง ซึ่งเป็นกุญแจสำคัญในการสร้างประสบการณ์ผู้ใช้แบบไดนามิกและเป็นส่วนตัว เรามาเจาะลึกว่าแพ็คเกจนี้นำเสนออะไรบ้างและจะเปลี่ยนการจัดการข้อมูลในโครงการ WordPress ได้อย่างไร
ภาพรวมของฟิลด์ที่กำหนดเอง
ฟิลด์ที่กำหนดเองนำเสนอคุณสมบัติและอินเทอร์เฟซที่ครอบคลุมสำหรับการเข้าถึงและแสดงข้อมูลฟิลด์ที่กำหนดเองบนเว็บไซต์ WordPress โดยสรุปฟังก์ชันการทำงานสำหรับการเรียกค้น กรอง และนำเสนอข้อมูลที่กำหนดเองซึ่งเชื่อมโยงกับโพสต์ เพจ และประเภทโพสต์ที่กำหนดเอง เป็นทรัพย์สินที่มีค่าสำหรับนักพัฒนาธีมและปลั๊กอินที่ต้องการใช้ประโยชน์จากฟิลด์ที่กำหนดเองในโครงการของตน
- การเข้าถึงข้อมูลที่มีโครงสร้าง: แพ็คเกจนำเสนอวิธีการที่ตรงไปตรงมาในการเข้าถึงฟิลด์ที่กำหนดเอง นักพัฒนาสามารถใช้ข้อมูลที่กำหนดเองได้อย่างง่ายดายโดยไม่ต้องสืบค้นฐานข้อมูลโดยตรงหรือนำทางความซับซ้อน API เมตาดาต้าของ WordPress
- การนำเสนอข้อมูลที่ปรับปรุง: นักพัฒนาสามารถสร้างมุมมองข้อมูลด้วยฟิลด์ที่กำหนดเองได้อย่างง่ายดาย มุมมองเหล่านี้แสดงข้อมูลฟิลด์แบบกำหนดเองแบบไดนามิก และสามารถทำได้ในโพสต์ เพจ หรือเทมเพลตแบบกำหนดเอง ความสามารถนี้ช่วยให้สามารถสร้างการแสดงเนื้อหาที่ปรับแต่งตามความต้องการได้หลากหลาย ซึ่งสามารถปรับตามข้อมูลฟิลด์ที่กำหนดเองที่ซ่อนอยู่
- บูรณาการอย่างราบรื่นกับ Block Editor: หนึ่งในคุณสมบัติที่โดดเด่นของแพ็คเกจนี้คือการทำงานร่วมกับ WordPress Block Editor นักพัฒนาสามารถผูกข้อมูลฟิลด์ที่กำหนดเองเพื่อบล็อกแอตทริบิวต์ได้โดยตรงภายในตัวแก้ไข นี่เป็นขั้นตอนการทำงานที่ราบรื่นสำหรับการผสมผสานเนื้อหาแบบไดนามิกเข้ากับการออกแบบแบบบล็อก
- ความสามารถในการขยายและการปรับแต่ง: ทีมวางจำหน่ายตระหนักถึงความต้องการที่หลากหลายของนักพัฒนาและออกแบบแพ็คเกจโดยคำนึงถึงความสามารถในการขยายได้ มีตะขอและตัวกรองสำหรับการดึงข้อมูลและการปรับแต่งการนำเสนอ เพื่อให้มั่นใจว่านักพัฒนาสามารถปรับแต่งฟังก์ชันการทำงานให้เหมาะกับความต้องการของโครงการได้
แอปพลิเคชันในโลกแห่งความเป็นจริง
ฟิลด์ที่กำหนดเองเปิดความเป็นไปได้มากมายสำหรับการพัฒนา WordPress ตั้งแต่การสร้างรายการเนื้อหาแบบไดนามิกที่อัปเดตโดยอัตโนมัติตามค่าฟิลด์ที่กำหนดเองไปจนถึงการสร้างแอปพลิเคชันที่ขับเคลื่อนด้วยข้อมูลที่ซับซ้อนภายใน WordPress ตัวอย่างเช่น เว็บไซต์อสังหาริมทรัพย์สามารถใช้แพ็คเกจนี้เพื่อแสดงรายการอสังหาริมทรัพย์พร้อมฟิลด์ที่กำหนดเองสำหรับราคา ที่ตั้ง และสิ่งอำนวยความสะดวก ทำให้ผู้ใช้ได้รับประสบการณ์การท่องเว็บแบบโต้ตอบที่สมบูรณ์
ฟิลด์ที่กำหนดเองไม่ใช่ Core Fields API
ฟิลด์ที่กำหนดเองและ Core Fields API เป็นส่วนประกอบที่แตกต่างกันภายใน WordPress ฟิลด์ที่กำหนดเองมีชุดฟังก์ชันสำหรับการแสดงข้อมูลฟิลด์ที่กำหนดเองแบบไดนามิกใน WordPress Block Editor ซึ่งอำนวยความสะดวกในการพัฒนาประสบการณ์เนื้อหาที่สมบูรณ์ยิ่งขึ้น ในทางกลับกัน นักพัฒนาได้ออกแบบ Core Fields API ที่นำเสนอเป็นเฟรมเวิร์กที่ครอบคลุมเพื่อกำหนด จัดการ และดึงข้อมูลประเภทที่กำหนดเองต่างๆ บน WordPress เป้าหมายคือการเพิ่มประสิทธิภาพการจัดการข้อมูลและความสม่ำเสมอของธีม ปลั๊กอิน และฟีเจอร์หลักของ WordPress ดังนั้นจึงส่งเสริมความสอดคล้องและการทำงานร่วมกันที่ดีขึ้น
ปลดปล่อยพลังของ Block Bindings ใน WordPress 6.5
ด้วยการมาถึงของ WordPress 6.5 นักพัฒนาได้รับการก้าวกระโดดในการปรับแต่งบล็อกและการจัดการเนื้อหา ด้วยการเปิดตัว Block Bindings API ฟีเจอร์ที่ก้าวล้ำนี้สัญญาว่าจะเปลี่ยนวิธีที่เราคิดและโต้ตอบกับบล็อก โดยนำเสนอความสะดวกอย่างที่ไม่เคยมีมาก่อนในการรวมข้อมูลไดนามิกลงในบล็อกหลักโดยตรง เรามาสำรวจความสามารถและแอปพลิเคชันของ API ใหม่ที่น่าตื่นเต้นนี้กัน
Block Bindings API คืออะไร
Block Bindings API เป็นกลไกภายในที่เชื่อมต่อคุณลักษณะของบล็อกกับแหล่งข้อมูลต่างๆ รวมถึงช่องที่กำหนดเองและแหล่งข้อมูลที่กำหนดเองในอนาคต ซึ่งช่วยลดความจำเป็นในการบล็อกแบบกำหนดเองในหลาย ๆ สถานการณ์ ช่วยให้นักพัฒนาสามารถเติมบล็อกหลัก เช่น ย่อหน้าและรูปภาพแบบไดนามิกด้วยข้อมูลจากฟิลด์ที่กำหนดเอง, API ภายนอก หรือแหล่งที่มาแบบไดนามิกอื่น ๆ
คุณสมบัติและความสามารถหลัก
- เชื่อมต่อ Core Blocks กับฟิลด์แบบกำหนดเอง: โดยไม่ต้องสร้างบล็อกแบบกำหนดเอง นักพัฒนาสามารถผูกคุณลักษณะของบล็อกหลัก เช่น เนื้อหาสำหรับย่อหน้าหรือ URL สำหรับรูปภาพ เข้ากับฟิลด์แบบกำหนดเองได้โดยตรง คุณสามารถบรรลุการเชื่อมต่อนี้ได้โดยการเพิ่มออบเจ็กต์ "การเชื่อมโยง" ให้กับแอตทริบิวต์บล็อก โดยระบุแหล่งข้อมูลและคีย์สำหรับฟิลด์แบบกำหนดเองที่ต้องการ
- ไม่มีข้อกำหนด UI สำหรับการตั้งค่าเริ่มต้น: WordPress 6.5 มุ่งเน้นไปที่การเปิดใช้งานการเชื่อมโยงเหล่านี้บนฝั่งเซิร์ฟเวอร์โดยไม่จำเป็นต้องมี UI ทันทีในตัวแก้ไข แนวทางนี้ช่วยให้นักพัฒนาธีมสามารถใช้การผูกข้อมูลได้โดยตรงภายใน HTML และอนุญาตให้แหล่งข้อมูลบุคคลที่สามทดลองใช้คุณลักษณะนี้ได้
- ขยายได้สำหรับกรณีการใช้งานในอนาคต: แม้ว่าการใช้งานในปัจจุบันจะรองรับการเชื่อมต่อกับฟิลด์ที่กำหนดเองเป็นหลัก นักพัฒนาได้ออกแบบ Block Bindings API เพื่อความสามารถในการขยายในอนาคต การปรับปรุงที่วางแผนไว้ประกอบด้วยการแทนที่แอตทริบิวต์รูปแบบที่ซิงค์และการสนับสนุนที่กว้างขวางมากขึ้นสำหรับแหล่งข้อมูลต่างๆ
Block Bindings ทำงานอย่างไร?
- ลดความซับซ้อนในการรวมเนื้อหาแบบไดนามิก: นักพัฒนาสามารถเชื่อมโยงคุณลักษณะของบล็อกกับแหล่งข้อมูลเฉพาะโดยการระบุการเชื่อมโยงภายในมาร์กอัปของบล็อก การเชื่อมโยงนี้สั่งให้ WordPress ดึงข้อมูลที่เกี่ยวข้องเมื่อสร้างบล็อกทั้งในตัวแก้ไขและส่วนหน้า เพื่อสะท้อนเนื้อหาไดนามิกอย่างถูกต้อง
- บล็อกและคุณลักษณะที่รองรับ: ในขั้นต้น Block Bindings API จะรับรองกลุ่มบล็อกหลักและคุณลักษณะที่เลือกไว้ เช่น เนื้อหาสำหรับย่อหน้าและส่วนหัวหรือ URL, Alt และชื่อเรื่องของรูปภาพ รากฐานนี้ช่วยให้แอปพลิเคชันเนื้อหาแบบไดนามิกมีความหลากหลาย และการเปิดตัวในอนาคตจะขยายการสนับสนุน
- การปรับปรุงประสบการณ์ของนักพัฒนาและผู้ใช้: บล็อกที่มีฟิลด์ที่เชื่อมต่อกันจะแสดงอินเทอร์เฟซแบบอ่านอย่างเดียวในตัวแก้ไข คล้ายกับบล็อกที่ถูกล็อค คุณลักษณะนี้ช่วยให้มั่นใจในความสมบูรณ์ของเนื้อหาในขณะที่เสนอการบ่งชี้ธรรมชาติแบบไดนามิกของเนื้อหาที่ถูกผูกไว้
เช่นเดียวกับที่ Gutenberg รวมโพสต์เมตาซอร์ส นักพัฒนาก็แนะนำซอร์สที่กำหนดเองได้อย่างง่ายดาย เช่น myplugin/plugin-data การรวม API สาธารณะที่ตรงไปตรงมาช่วยให้สามารถลงทะเบียนแหล่งข้อมูลที่หลากหลาย เปิดความเป็นไปได้มากมายสำหรับการปรับแต่งบล็อกและการโต้ตอบที่ได้รับการปรับปรุง
register_block_bindings_source( 'myplugin/plugin-data', array( 'label' => _x( 'Plugin Data', 'block bindings source' ), 'get_value_callback' => 'my_plugin_block_bindings_plugin_data_callback', ) ); register_block_bindings_source( 'myplugin/plugin-data', array( 'label' => _x( 'Plugin Data', 'block bindings source' ), 'get_value_callback' => 'my_plugin_block_bindings_plugin_data_callback', ) );
ตัวอย่างเช่น หากต้องการแสดงค่าฟิลด์ที่กำหนดเองภายในบล็อกย่อหน้า ให้แทรกวัตถุ "bindings" ภายในโค้ดของบล็อกดังนี้:
<!-- wp:paragraph {"metadata":{"bindings":{"content":{"source":"myplugin/plugin-data","args":{"key":"plugin_key"}}}}} --> <p>Paragraph</p> <!-- /wp:paragraph -->
ข้อมูลเพิ่มเติมเกี่ยวกับ Block Bindings
- บล็อกหมายเหตุ Dev Bindings
- Block Bindings ตอนที่ 1: การเชื่อมต่อฟิลด์ที่กำหนดเอง
- Block Bindings ตอนที่ 2: การทำงานกับแหล่งการผูกแบบกำหนดเอง
การเชื่อมต่อ Block Bindings กับฟิลด์ที่กำหนดเอง
WordPress 6.5 เปลี่ยนวิธีที่นักพัฒนารวมข้อมูลฟิลด์แบบกำหนดเองลงในบล็อกหลัก เช่น ปุ่ม ส่วนหัว รูปภาพ และย่อหน้า ทำให้ไม่จำเป็นต้องสร้างบล็อกแบบกำหนดเอง Block Bindings API ที่เพิ่งเปิดตัวใหม่ช่วยให้สามารถเชื่อมต่อได้อย่างราบรื่นระหว่างคุณลักษณะของบล็อกและแหล่งข้อมูลต่างๆ รวมถึงฟิลด์ที่กำหนดเอง
ก่อนการมาถึงของ WordPress 6.5 การแสดงค่าฟิลด์ที่กำหนดเองในบล็อกหลัก เช่น ย่อหน้าหรือรูปภาพนั้นไม่ได้ตรงไปตรงมา นักพัฒนามักต้องใช้วิธีสร้างบล็อกแบบกำหนดเองเพื่อจุดประสงค์ดังกล่าว
เพื่อใช้ประโยชน์จากคุณสมบัตินี้ ให้เปิดใช้งานฟิลด์ที่กำหนดเองในตัวแก้ไขโดยไปที่ตัวแก้ไขโพสต์ -> ตัวเลือก -> การตั้งค่า -> ทั่วไป -> ขั้นสูง แม้ว่า WordPress 6.5 จะไม่มีการควบคุม UI สำหรับการเชื่อมโยงค่าฟิลด์ที่กำหนดเองโดยตรง นักพัฒนาสามารถเชื่อมโยงค่าเหล่านี้ด้วยตนเองเพื่อบล็อกแอตทริบิวต์โดยใช้โปรแกรมแก้ไขโค้ด
ด้วย WordPress 6.5 คุณสามารถแสดงประเภทหนังสือหรือข้อมูลฟิลด์ที่กำหนดเองก่อนเนื้อหาโพสต์ได้ โดยใช้บล็อกหลัก เช่น ย่อหน้า การเปิดตัว Block Bindings API ช่วยอำนวยความสะดวกในเรื่องนี้ด้วยการอนุญาตให้แอตทริบิวต์ของบล็อกดึงข้อมูลจากฟิลด์ที่กำหนดเอง ซึ่งก่อนหน้านี้ไม่สามารถทำได้หากไม่มีการเข้ารหัสหรือปลั๊กอินเพิ่มเติม
ในการเริ่มต้น ให้เพิ่มโค้ด PHP นี้ลงใน functions.php
ของธีมของคุณหรือปลั๊กอินที่กำหนดเอง:
add_action( 'init', 'book_register_meta' ); function book_register_meta() { register_meta( 'post', 'book_genre', array( 'show_in_rest' => true, 'single' => true, 'type' => 'string', 'sanitize_callback' => 'wp_strip_all_tags' ) ); }
กลับไปที่โพสต์ของคุณ ร่างโพสต์ตามที่คุณต้องการ และเพิ่มฟิลด์ที่กำหนดเอง
เมื่อคุณเพิ่มฟิลด์ที่กำหนดเองพร้อมประเภทหนังสือแล้ว คุณจะต้องเปลี่ยนไปใช้โปรแกรมแก้ไขโค้ดของโพสต์ของคุณ ที่นี่ ให้แทรกวัตถุ “bindings” ภายในโค้ดของบล็อกของคุณเพื่อผูกฟิลด์ที่กำหนดเองประเภทเข้ากับบล็อกของคุณ ต่อไปนี้คือลักษณะของบล็อกย่อหน้า:
<!-- wp:paragraph { "metadata": { "bindings": { "content": { "source":"core/post-meta", "args": { "key":"book_genre" } } } } } --> <p></p> <!-- /wp:paragraph -->
โปรดสังเกตว่าขณะนี้ฟิลด์ที่กำหนดเองจะแสดงพร้อมไฮไลต์สีม่วงรอบๆ กล่องในโหมดแก้ไข เมื่อเลือกตัวเลือกนี้ นี่คือลักษณะที่ปรากฏในโหมดแก้ไขโค้ด:
สุดท้าย บันทึกและดูโพสต์ของคุณ
ปัจจุบัน WordPress 6.5 รองรับการผูกฟิลด์แบบกำหนดเองเข้ากับคุณลักษณะเฉพาะของบล็อกต่อไปนี้:
- ย่อหน้า:
content
- หัวเรื่อง:
content
- รูปภาพ:
URL
,alt
และtitle
- ปุ่ม:
text
,URL
,linkTarget
,rel
สำหรับการสำรวจโดยละเอียดเกี่ยวกับการรวมฟิลด์ที่กำหนดเองเข้ากับแอตทริบิวต์ของบล็อก โปรดดูที่ Block Bindings และฟิลด์ที่กำหนดเอง - ตัวอย่าง (เกือบ) ที่ไม่มีโค้ด
ปฏิวัติการโต้ตอบส่วนหน้าด้วย WordPress 6.5 Interactivity API
WordPress 6.5 ประกาศเปิดตัว Interactivity API ซึ่งเป็นฟีเจอร์พลิกเกมที่ได้รับการออกแบบมาเพื่อกำหนดมาตรฐานวิธีที่นักพัฒนาเพิ่มองค์ประกอบเชิงโต้ตอบไว้ที่ส่วนหน้าของบล็อก WordPress API ใหม่นี้มีจุดมุ่งหมายเพื่อลดความซับซ้อนในการสร้างประสบการณ์ผู้ใช้ที่น่าดึงดูดและสมบูรณ์ยิ่งขึ้น โดยมอบวิธีการมาตรฐานสำหรับการใช้งานฟังก์ชันต่างๆ ตั้งแต่การปรับปรุง UI ที่เรียบง่าย เช่น ตัวนับและป๊อปอัป ไปจนถึงการโต้ตอบที่ซับซ้อนมากขึ้น เช่น การค้นหาทันที การนำทางแบบไดนามิก และฟังก์ชันอีคอมเมิร์ซ เช่น รถเข็นและจุดชำระเงิน
ลองชมเว็บไซต์สาธิต wpmovies.dev เพื่อดูการทำงานของ Interactivity API
คุณสมบัติที่สำคัญของ Interactivity API
- กรอบงานการโต้ตอบที่เป็นมาตรฐาน: Interactivity API สร้างแนวทางที่เหมือนกันในการเพิ่มคุณสมบัติเชิงโต้ตอบให้กับบล็อก ช่วยให้นักพัฒนาหลีกเลี่ยงปัญหาความไม่สอดคล้องกันและความเข้ากันได้โดยใช้ไลบรารี JavaScript ที่หลากหลายหรือโค้ดที่กำหนดเอง
- การสื่อสารแบบบล็อกที่ไร้รอยต่อ: ข้อดีอย่างหนึ่งที่น่าสนใจที่สุดของ Interactivity API คือความสามารถในการอำนวยความสะดวกในการสื่อสารระหว่างบล็อก ตัวอย่างเช่น การดำเนินการ "เพิ่มลงตะกร้า" ในบล็อกเดียวสามารถอัปเดตเนื้อหาของบล็อก "รถเข็น" ที่แยกจากกันได้อย่างง่ายดาย ทำให้ผู้ใช้ได้รับประสบการณ์ที่สอดคล้องและประสานกัน โดยไม่ต้องมีความซับซ้อนในการจัดการการโต้ตอบดังกล่าวแบบดั้งเดิม
- การใช้งานที่เป็นมิตรกับนักพัฒนา: การเปิดตัว API นี้ไม่ได้เปลี่ยนแปลงเวิร์กโฟลว์การสร้างบล็อกที่มีอยู่ นักพัฒนาประกาศความเข้ากันได้ของบล็อกกับ Interactivity API ผ่านทางคุณสมบัติการโต้ตอบภายในไฟล์ block.json การรวมนี้บ่งบอกถึงความพร้อมของบล็อกในการสนับสนุนการโต้ตอบส่วนหน้า
- คำสั่งสำหรับการโต้ตอบแบบไดนามิก: Interactivity API ใช้คำสั่ง - คุณลักษณะที่กำหนดเองที่เพิ่มลงในมาร์กอัปบล็อก - เพื่อกำหนดการโต้ตอบ คำสั่งเหล่านี้ซึ่งมีรายละเอียดอยู่ในไฟล์ render.php สำหรับบล็อกไดนามิก ช่วยให้นักพัฒนาสามารถระบุการโต้ตอบที่ควรจะเกิดขึ้นภายใน DOM ตัวอย่างเช่น คำสั่ง data-wp-interactive จะเปิดใช้งาน API ภายในองค์ประกอบ DOM ซึ่งปูทางให้คำสั่งอื่นแนะนำการโต้ตอบเฉพาะ
- การใช้ประโยชน์จากโมดูล JavaScript: ด้วยการรองรับโมดูลสคริปต์ของ WordPress 6.5 บล็อกที่ออกแบบมาเพื่อใช้ Interactivity API จะต้องลงทะเบียน JavaScript โดยใช้ viewScriptModule ใน block.json เพื่อให้แน่ใจว่าสคริปต์ที่จำเป็นได้รับการจัดคิวและจัดการอย่างถูกต้อง
เสริมพลังบล็อกด้วยฟังก์ชันแบบโต้ตอบ
การใช้ Interactivity API เกี่ยวข้องกับสองขั้นตอนที่สำคัญ ได้แก่ การเพิ่มคำสั่งให้กับมาร์กอัปของบล็อกเพื่อกำหนดการโต้ตอบที่ต้องการ และสร้างร้านค้าเพื่อจัดเก็บตรรกะที่ควบคุมการโต้ตอบเหล่านี้ คำสั่งต่างๆ เช่น data-wp-interactive สำหรับการเปิดใช้งานโซน API, data-wp-on--click
สำหรับจัดการเหตุการณ์การคลิก และ data-wp-bind--aria-expanded
สำหรับการเปลี่ยนแปลงสถานะการเชื่อมโยง แสดงให้เห็นว่านักพัฒนาสามารถรวมองค์ประกอบเชิงโต้ตอบได้โดยตรงได้อย่างไร ภายในโครงสร้าง HTML ของบล็อก
ร้านค้าซึ่งโดยทั่วไปกำหนดไว้ในไฟล์ view.js
แสดงถึงตรรกะเบื้องหลังการโต้ตอบของบล็อก ซึ่งครอบคลุมการจัดการสถานะ การดำเนินการ และการเรียกกลับ วิธีการที่มีโครงสร้างเพื่อกำหนดการโต้ตอบนี้ช่วยให้นักพัฒนาสามารถสร้างประสบการณ์เชิงโต้ตอบที่ซับซ้อนได้อย่างชัดเจนและมีประสิทธิภาพ
ข้อมูลเพิ่มเติมเกี่ยวกับ Interactive API
- ข้อเสนอ: Interactivity API – ประสบการณ์ที่ดีขึ้นของนักพัฒนาในการสร้างบล็อกเชิงโต้ตอบ
- API การโต้ตอบใน 6.5
- ประกาศการรวม: API การโต้ตอบ
WordPress 6.5 ปรับปรุง Block Hooks เพื่อความสามารถในการขยายที่มากขึ้น
WordPress 6.5 ปรับปรุง Block Hooks อย่างมีนัยสำคัญ ซึ่งเป็นกลไกการขยายที่เปิดตัวครั้งแรกใน WordPress 6.4 การอัปเดตเหล่านี้ได้รับการออกแบบมาเพื่อแทรกบล็อกแบบไดนามิกลงในตำแหน่งที่ระบุอย่างมีประสิทธิภาพมากขึ้น ซึ่งกำหนดโดยบล็อก "จุดยึด" และตำแหน่งสัมพัทธ์ เช่น ก่อนหรือหลังบล็อกเนื้อหาโพสต์ มาดำดิ่งลงไปในการอัปเดตและคุณสมบัติใหม่ที่ทำให้เบ็ดบล็อกมีความหลากหลายมากขึ้นสำหรับนักพัฒนา
การปรับปรุงคีย์ในบล็อกเบ็ด
- รองรับเลย์เอาต์ที่ได้รับการแก้ไข: ซึ่งแตกต่างจากรีลีสเริ่มต้นบล็อกเบ็ดใน WordPress 6.5 สามารถทำงานได้ภายในเลย์เอาต์ที่ผ่านการแก้ไขผู้ใช้ ความเข้ากันได้นี้เป็นไปโดยอัตโนมัติโดยไม่ต้องมีการปรับรหัสเพิ่มเติมจากตัวขยาย การปรับแต่งผู้ใช้เช่นการเคลื่อนย้ายหรือลบบล็อกติดยาเสพติดได้รับการเคารพรักษาความสมบูรณ์ของการตัดสินใจออกแบบผู้ใช้
- การรวมเข้ากับบล็อกการนำทาง: การอัพเดทนี้มีความสามารถในการฉีดบล็อกตะขอโดยตรงลงในบล็อกการนำทางไม่ว่าจะเป็นลูกคนแรกหรือคนสุดท้าย ความยืดหยุ่นนี้เปิดโอกาสใหม่ ๆ สำหรับการปรับปรุงเมนูการนำทางเช่นการเพิ่มตะกร้าสินค้าหรือลิงค์เข้าสู่ระบบ/ออกจากระบบโดยตรงภายในโครงสร้างเมนู
คุณสมบัติใหม่และตัวกรอง
- ความเข้ากันได้ของเค้าโครงที่ปรับเปลี่ยน: บล็อกบล็อกปรับให้เข้ากับเลย์เอาต์ด้วยการปรับเปลี่ยนผู้ใช้เพื่อให้มั่นใจว่าบล็อกที่ติดยาเสพติดจะทำงานตามที่ตั้งใจไว้แม้ในการตั้งค่าที่กำหนดเอง
- การทำงานของบล็อกการนำทางที่ได้รับการปรับปรุง: บล็อกที่ติดยาเสพติดสามารถรวมเข้ากับบล็อกการนำทางได้อย่างราบรื่นเพิ่มยูทิลิตี้และตัวเลือกการปรับแต่ง
- การอัปเดตตัวกรอง
hooked_block_types
: ด้วยความสามารถในการจัดการวัตถุ WP_POST โดยเฉพาะสำหรับประเภทโพสต์wp_navigation
ทำให้นักพัฒนาสามารถควบคุมได้มากขึ้นว่ามีการใช้บล็อกที่ติดยาเสพติดมากขึ้นโดยเฉพาะอย่างยิ่งภายในบล็อกการนำทาง
ตัวกรองใหม่สำหรับการควบคุมโดยละเอียด
WordPress 6.5 แนะนำตัวกรองใหม่สองตัวคือ hooked_block
และ hooked_block_{$hooked_block_type}
นำเสนอการควบคุมแบบละเอียดเหนือบล็อกตะขอรวมถึงความสามารถในการตั้งค่าแอตทริบิวต์ปรับเปลี่ยนบล็อกด้านใน ตัวกรองเหล่านี้ยังพิจารณาแอตทริบิวต์ของ Anchor Block ซึ่งช่วยให้สามารถปรับแอตทริบิวต์ได้ตามคุณสมบัติของ Anchor Block
ปรับปรุงการสลับแผงปลั๊กอินบล็อกตรวจสอบ
การอัปเดตแถบด้านข้างของผู้ตรวจการบล็อกในที่อยู่ที่อยู่ไซต์ที่อยู่ปัญหาการใช้งานก่อนหน้านี้ด้วยการสลับสำหรับบล็อกที่ติดยาเสพติด ตอนนี้การสลับยังคงอยู่อย่างถูกต้องเพิ่มประสบการณ์ผู้ใช้เมื่อจัดการบล็อกที่ติดยาเสพติดภายในแผง“ ปลั๊กอิน”
ภายใต้ฮูด: บำรุงรักษาการปรับแต่งของผู้ใช้
บล็อก hooks ใน WordPress 6.5 บรรลุเหตุการณ์สำคัญทางเทคนิคที่สำคัญโดยเคารพการปรับแต่งผู้ใช้ WordPress สามารถจัดการบล็อกที่ติดยาเสพติดได้อย่างชาญฉลาดโดยใช้การโต้ตอบของผู้ใช้โดยการจัดเก็บข้อมูลเกี่ยวกับประเภทบล็อกที่ติดยาเสพติดในอาร์เรย์ ignoredHookedBlocks
พิจารณาคดีภายในแอตทริบิวต์ข้อมูลเมตาดาต้าทั่วโลกของ Anchor Block
สถิติประสิทธิภาพหลักใน WordPress 6.5
WordPress 6.5 แนะนำการปรับปรุงประสิทธิภาพที่น่าทึ่งซึ่งปรับปรุงประสบการณ์ผู้ใช้อย่างมีนัยสำคัญ:
- การนำทางของตัวแก้ไขไซต์ : 6x เร็วขึ้นเปิดใช้งานการเปลี่ยนแปลงอย่างรวดเร็วระหว่างเทมเพลตและชิ้นส่วนสำหรับเวิร์กโฟลว์ที่ราบรื่นขึ้น
- การตอบสนองการพิมพ์ : การพิมพ์ภายในตัวแก้ไขนั้นเร็วกว่า 4x ลดความล่าช้าในการป้อนข้อมูลสำหรับกระบวนการสร้างเนื้อหาที่ราบรื่น
- เวลาโหลดตัวแก้ไข : เวลาในการโหลดสำหรับตัวแก้ไขจะลดลงครึ่งหนึ่งด้วยความเร็วเพิ่มขึ้น 2 เท่าช่วยให้เข้าถึงเครื่องมือแก้ไขได้เร็วขึ้น
มีการแนะนำไลบรารีการแปลที่มีประสิทธิภาพใหม่และมีประสิทธิภาพมากขึ้นเพิ่มประสิทธิภาพการส่งการแปลและปรับปรุงเวลาในการโหลดสำหรับเนื้อหาที่ไม่ใช่ภาษาอังกฤษ สิ่งนี้ทำให้มั่นใจได้ว่าประสบการณ์ที่รวดเร็วและตอบสนองได้ดีขึ้นสำหรับผู้ใช้ทั่วโลกโดยเน้นความมุ่งมั่นของ WordPress ต่อการเข้าถึงและประสิทธิภาพ
ข้อกำหนดเวอร์ชัน
ข้อกำหนดรุ่น MySQL ขั้นต่ำของ WordPress 6.5 เพิ่มขึ้นจาก 5.0 เป็น 5.5.5 การอัปเดตนี้รับประกันการสนับสนุน utf8mb4
(แนะนำใน MySQL 5.5.3) และตั้งค่า InnoDB เป็นเครื่องมือจัดเก็บข้อมูลเริ่มต้นแทนที่ MYISAM (มีผลบังคับใช้จาก MySQL 5.5.5)
- PHP_CODESNIFFER ได้รับการอัปเดตเป็น v3.8.1
- PHPMailer ได้รับการอัปเดตเป็น v6.9.1
-
@wordpress/scripts
เวอร์ชัน 17 ได้ลดการสนับสนุนอย่างเป็นทางการสำหรับเวอร์ชัน node.js ที่ไม่ได้รับการดูแล รุ่นที่รองรับ Node.js ที่เก่าแก่ที่สุดคือ Node.js 18
การพึ่งพาปลั๊กอินที่คล่องตัวใน WordPress 6.5
WordPress 6.5 แนะนำส่วนหัว“ ต้องใช้ปลั๊กอิน” ช่วยให้ผู้เขียนปลั๊กอินสามารถระบุการพึ่งพาปลั๊กอินที่จำเป็น การเพิ่มนี้ช่วยเพิ่มความชัดเจนและประสบการณ์ของผู้ใช้โดยแจ้งผู้ใช้ปลั๊กอินที่จำเป็นซึ่งสามารถติดตั้งและเปิดใช้งานได้อย่างง่ายดายจากลิงก์ที่เก็บปลั๊กอิน WordPress.org
- การประกาศการพึ่งพาโดยตรง : ผู้เขียนรายการปลั๊กอินที่จำเป็นทำให้กระบวนการติดตั้งและการเปิดใช้งานง่ายขึ้น
- การจัดการอัตโนมัติ : ปลั๊กอินที่มีการพึ่งพาที่ไม่ได้รับการป้องกันจะถูกป้องกันไม่ให้เปิดใช้งานและปิดการใช้งานโดยอัตโนมัติหากมีการพึ่งพาที่ไม่ได้รับการตอบสนอง
ใช้สถานการณ์กรณี
ลองนึกภาพผู้ใช้ที่พยายามเปิดใช้งานปลั๊กอินที่ช่วยเพิ่มตะกร้าสินค้า แต่ต้องใช้ปลั๊กอินแพลตฟอร์มอีคอมเมิร์ซเฉพาะ ด้วยระบบใหม่เมื่อพยายามเปิดใช้งาน WordPress จะแจ้งให้ผู้ใช้ทราบว่าปลั๊กอินแพลตฟอร์มอีคอมเมิร์ซเป็นการพึ่งพาที่จำเป็นซึ่งจำเป็นต้องติดตั้งและเปิดใช้งานก่อนป้องกันปัญหาการทำงานที่อาจเกิดขึ้นหรือความขัดแย้งและนำทางผู้ใช้ผ่านกระบวนการตั้งค่าได้อย่างราบรื่น
อ่านเกี่ยวกับการพึ่งพาปลั๊กอิน:
- โครงการฟีเจอร์: การพึ่งพาปลั๊กอิน
- การประกาศผสาน: การพึ่งพาปลั๊กอิน
การปรับปรุงการพัฒนา WordPress 6.5
WordPress 6.5 แนะนำการอัปเดตที่จำเป็นในการเพิ่มการจัดการสคริปต์การควบคุมบล็อกและการกำหนดค่าชุดรูปแบบการปรับปรุงเวิร์กโฟลว์การพัฒนาและให้ความยืดหยุ่นมากขึ้น
โมดูลสคริปต์และ HTML API
- โมดูลสคริปต์ API : รองรับโมดูล JavaScript ที่ทันสมัยสำหรับการจัดระเบียบสคริปต์ที่ดีขึ้นและการเพิ่มประสิทธิภาพประสิทธิภาพ
- การปรับปรุง HTML API : ปรับปรุงการควบคุม DOM สำหรับการจัดการเนื้อหาแบบไดนามิกเพิ่มความสามารถในการโต้ตอบ
block.json การปรับปรุง
- Field
allowedBlocks
: ระบุบล็อกเด็กที่อนุญาตภายในบล็อกหลักทำให้มั่นใจได้ว่าการออกแบบความสอดคล้องและการใช้งานในรูปแบบบล็อก
Theme.json Updates
- การควบคุมขั้นสูง : เสนอการกำหนดค่าธีมโดยละเอียดผ่าน JSON สำหรับสไตล์การตั้งค่าและคุณสมบัติทำให้การพัฒนาธีมสามารถเข้าถึงได้มากขึ้นและลดการพึ่งพา PHP
- ความยืดหยุ่นในการออกแบบ : ช่วยให้คำจำกัดความสไตล์ที่แม่นยำและการปรับการตั้งค่าธีมเพิ่มการเชื่อมโยงภาพและประสบการณ์ของผู้ใช้
ทิศทางในอนาคต
- การแทนที่รูปแบบที่ซิงค์เลื่อนออกไป : เริ่มแรกสำหรับ 6.5 คุณลักษณะนี้ถูกเลื่อนออกไปเนื่องจากการเปลี่ยนแปลง UX และการปรับเปลี่ยนทางเทคนิค (53705) และทำการลบรายละเอียด Core Post
- การนำทางบล็อกการปรับแต่งการซ้อนทับมือถือล่าช้า : แผนการที่จะปรับปรุงการควบคุมที่ตอบสนองต่อการซ้อนทับมือถือของบล็อกการนำทางถูกเลื่อนออกไปเป็นรุ่นในอนาคต คุณลักษณะนี้มีวัตถุประสงค์เพื่อให้การปรับแต่งเมนูบนมือถือเต็มรูปแบบ (ฉบับที่ 43852)
- การขยายมุมมองข้อมูล : รายละเอียดเพิ่มเติมมีอยู่ใน GitHub ปัญหา #55083
- ธีมใหม่เครื่องมือ JSON : การแนะนำส่วนสไตล์และสี ข้อมูลเพิ่มเติมมีอยู่ในปัญหา GitHub #57537
- การปรับปรุงความเข้ากันได้ของ PHP : 6.5 ไม่รวมถึงความพยายามในการปรับปรุงความเข้ากันได้กับเวอร์ชัน PHP 8.0, 8.1 และ 8.2
- ขนาดตัวอักษรเริ่มต้นใน Theme.json : กล่าวถึงในคำขอดึง GitHub #58409
- การอัปเดตการอัปเดตอัตโนมัติ : การสร้างรากฐานที่วางไว้ใน WordPress 6.3 ตอนนี้ระบบใช้การย้อนกลับสำหรับปลั๊กอินที่ทำให้เกิดข้อผิดพลาดร้ายแรง PHP หลังจากการอัปเดตอัตโนมัติ (ฉบับที่ 58281)
มีส่วนร่วมกับ WordPress 6.5: การสร้างอนาคตด้วยกัน
ตามที่เราสรุปมันเป็นเรื่องที่น่าสังเกตว่าการดำน้ำในคุณสมบัติของ WordPress 6.5 และการแบ่งปันความคิดเห็นของคุณเป็นมากกว่าการบริจาค - มันเป็นความร่วมมือกับอนาคตของแพลตฟอร์ม คุณมีบทบาทสำคัญในการปรับแต่ง WordPress โดยมีส่วนร่วมกับการอัปเดตเพื่อให้มั่นใจว่ามันยังคงเป็นเครื่องมือที่แข็งแกร่งสำหรับผู้ใช้ทั่วโลก ด้วยข้อมูลเชิงลึกและประสบการณ์ของเราเรามายังคงผลักดันขอบเขตของสิ่งที่ WordPress สามารถทำได้