มีอะไรใหม่ใน 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.5 บล็อกการเปลี่ยนชื่อมุมมองรายการ

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

หากต้องการเปลี่ยนชื่อบล็อก:

  1. เปิดใช้งานมุมมองรายการ
  2. เลือกบล็อกที่จะเปลี่ยนชื่อ 3 จุดทางด้านขวา
  3. เลือก เปลี่ยนชื่อ
  4. ป้อนชื่อใหม่
  5. บันทึก

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

บล็อกหลักบางบล็อกยังคงชื่อดั้งเดิมไว้เพื่อรักษาความชัดเจนและฟังก์ชันการทำงาน:

  • แกน/บล็อก
  • แกนหลัก / เทมเพลตส่วนหนึ่ง
  • แกน/รูปแบบ
  • แกนหลัก/การนำทาง
  • core/navigation-link.php

การปรับแต่งสำหรับนักพัฒนา:

การเปลี่ยนชื่อบล็อกถูกเปิดใช้งานตามค่าเริ่มต้น ตัวขยายบุคคลที่สามสามารถเลือกไม่รับการบล็อกได้โดยการตั้งค่า “การเปลี่ยนชื่อ”: เท็จในไฟล์ block.json ของบล็อก

 // block.json { "supports": { "renaming": false // disables ability to rename block via the Editor UI }, }

การแก้ไขที่แข็งแกร่ง

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

เวิร์ดเพรส 6.5 ฉบับแก้ไข

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

เพิ่มไอคอนไซต์หรือ Favicon จากการตั้งค่า

การตั้งค่า ทั่วไป อัปโหลดไอคอนไซต์

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

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

วิธีตั้งค่าไอคอนไซต์ของคุณภายใต้ระบบใหม่:

  1. จากแดชบอร์ด WordPress ของคุณ ไปที่การตั้งค่า > ทั่วไป
  2. ใน "ไอคอนไซต์" อัปโหลดภาพที่คุณต้องการ
  3. กด “บันทึก” เพื่อยืนยันการเปลี่ยนแปลงของคุณ

การปลดล็อกการควบคุมโฆษณา: เครื่องมือลักษณะที่ปรากฏสำหรับธีมคลาสสิก

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

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

การปรับปรุงที่สำคัญ:

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

วิธีเปิดใช้งาน:

  • ผู้ใช้ธีมคลาสสิก: เพียงเลือกใช้งานผ่านไฟล์ Functions.php ของธีมของคุณด้วย add_theme_support('appearance-tools'); . สัมผัสประสบการณ์ขอบเขตใหม่ของการออกแบบที่ยืดหยุ่น โดยรักษาธีมที่เชื่อถือได้ของคุณให้เป็นแกนหลักของการแสดงออกทางดิจิทัล
  • นักพัฒนาธีม: เปิดใช้งานเครื่องมือเหล่านี้ในธีมคลาสสิกของคุณเพื่อส่งเสริมการสำรวจและความคิดสร้างสรรค์ สิ่งนี้จะมอบประสบการณ์ใหม่และปรับแต่งได้ให้กับผู้ใช้ โดยไม่กระทบต่อความสมบูรณ์ของธีม

WordPress 6.5: การจัดการและการนำเสนอรูปภาพที่ล้ำหน้า

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

ยกระดับคุณภาพของภาพด้วยการสนับสนุน AVIF

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

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

  • UI ลิงก์ที่โฟกัส: ขณะนี้อินเทอร์เฟซการแก้ไขลิงก์จะปรากฏขึ้นเมื่อมีการเรียกใช้เท่านั้น สิ่งนี้จะช่วยลดสิ่งรบกวนและปรับปรุงขั้นตอนการทำงาน มันเป็นประโยชน์ต่อผู้ใช้ทุกคน โดยเฉพาะผู้ที่ใช้เทคโนโลยีช่วยเหลือ
  • การจัดการลิงก์ที่คล่องตัว: การเพิ่มลิงก์จะทำให้อินเทอร์เฟซเปิดอยู่เพื่อการปรับเปลี่ยนอย่างรวดเร็ว เช่น การเปิดในแท็บใหม่
  • การค้นพบที่ได้รับการปรับปรุง: ไอคอนใหม่และปุ่มคัดลอกลิงค์ช่วยลดความยุ่งยากในการจัดการลิงค์สำหรับเพจภายในหรือแหล่งข้อมูลภายนอก ทำให้กระบวนการคล่องตัวขึ้น
การเพิ่มประสิทธิภาพเครื่องมือการออกแบบ
WordPress 6.5 วางเงา
  • Box Shadow และอื่นๆ: เลเยอร์ใหม่ของการควบคุมการออกแบบเพิ่มคุณสมบัติต่างๆ เช่น การตั้งค่าเงาของกล่องสำหรับแต่ละบล็อก ช่วยให้ปรับแต่งและความคิดสร้างสรรค์ได้ลึกซึ้งยิ่งขึ้น
  • การควบคุมการพิมพ์ที่หลากหลาย: คุณสามารถปรับน้ำหนัก ขนาด และตระกูลแบบอักษรได้อย่างแม่นยำ โดยเสนอตัวเลือกรูปแบบที่หลากหลายมากขึ้นเพื่อสื่อสารแนวทางของแบรนด์ของคุณได้อย่างมีประสิทธิภาพ
การปรับปรุงการใช้งานแบบลากและวาง

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

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

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

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

สำหรับนักพัฒนา

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

ด้วย 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' ) ); }

กลับไปที่โพสต์ของคุณ ร่างโพสต์ตามที่คุณต้องการ และเพิ่มฟิลด์ที่กำหนดเอง

ตัวเลือกฟิลด์ที่กำหนดเองใน WordPress 6.5

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

 <!-- wp:paragraph { "metadata": { "bindings": { "content": { "source":"core/post-meta", "args": { "key":"book_genre" } } } } } --> <p></p> <!-- /wp:paragraph -->

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

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

สุดท้าย บันทึกและดูโพสต์ของคุณ

ลูกศรชี้จากช่องแบบกำหนดเองไปยังจุดที่ช่องแสดง

ปัจจุบัน 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 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 สามารถทำได้