WordPress 5.9 มาแล้ว! คุณพลาดการเปลี่ยนแปลงครั้งใหญ่อะไรบ้าง?

เผยแพร่แล้ว: 2022-01-25

WordPress 5.9 Josephine มาแล้ว! เดิม WordPress เวอร์ชันนี้มีกำหนดวางจำหน่ายในวันที่ 14 ธันวาคม 2021 อย่างไรก็ตาม เนื่องจากปัญหาบางอย่างและจุดบกพร่องที่ไม่ได้รับการแก้ไข การเปิดตัวครั้งสุดท้ายจึงล่าช้าและในที่สุดก็ออกในวันที่ 25 มกราคม 2022

หากคุณสงสัยว่าอะไรคือการเปลี่ยนแปลงที่สำคัญที่สุด คำตอบคือ Full Site Editing (FSE) และจริงๆ แล้ว คุณลักษณะใหม่ส่วนใหญ่จะใช้ได้เฉพาะเมื่อคุณใช้ธีมที่สนับสนุนการแก้ไขไซต์แบบเต็ม เช่น Twenty Twenty Two ซึ่งเป็นธีมเริ่มต้นใหม่

ด้วย WordPress 5.9 เรามาถึงระยะที่สองของแผนงาน Gutenberg ซึ่งเป็นขั้นตอนการปรับแต่ง

ทีนี้มาดูรายละเอียดกัน!

สารบัญ
[แสดงซ่อน]
  1. Global Styles: อินเทอร์เฟซแบบกราฟิกสำหรับไฟล์ 'theme.json'
    1. ดูตัวอย่างสไตล์
    2. วิชาการพิมพ์
    3. สี
    4. เค้าโครง
    5. บล็อก
  2. ธีม Twenty Twenty-Two และ WordPress Block Themes
  3. บล็อกการนำทางที่อัปเดต
  4. การปรับปรุงประสิทธิภาพ
    1. บล็อกการเพิ่มประสิทธิภาพของตัวแทรก
    2. โหลด CSS น้อยลง
    3. การปรับปรุงประสิทธิภาพการโหลดแบบขี้เกียจ
    4. สไตล์ชีตหลายรายการต่อบล็อก
  5. คำพูดสุดท้าย

Global Styles: อินเทอร์เฟซแบบกราฟิกสำหรับไฟล์ 'theme.json'

ด้วย WordPress 5.8 การจัดการไฟล์ 'theme.json' ได้กลายเป็นวิธีมาตรฐานสำหรับนักพัฒนาธีมในการปรับแต่งสไตล์และการตั้งค่าของตัวแก้ไข

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

เนื่องจาก Global Styles ส่งผลต่อบางแง่มุมของการออกแบบเว็บไซต์ WordPress จึงจะเปลี่ยนวิธีการปรับแต่งรูปลักษณ์ของเว็บไซต์ของคุณอย่างมาก

ขั้นแรก อินเทอร์เฟซ Global Styles จะแทนที่เครื่องมือปรับแต่ง และปัจจุบันเป็นวิธีเดียวในการปรับแต่งสไตล์และการตั้งค่าด้วยธีมแบบบล็อก

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

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

  • ตัวอย่างสไตล์
  • วิชาการพิมพ์
  • สี
  • เค้าโครง
  • บล็อก
เวิร์ดเพรส-5-9-1

มาดูกันดีกว่า!

ดูตัวอย่างสไตล์

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

เวิร์ดเพรส-5-9-2

วิชาการพิมพ์

นี่คือที่ที่คุณควบคุมการออกแบบตัวอักษรของไซต์ของคุณ การควบคุมที่มีอยู่ในแผงนี้ขึ้นอยู่กับสิ่งที่อยู่ในไฟล์ 'theme.json'

เวิร์ดเพรส-5-9-3

สี

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

เวิร์ดเพรส-5-9-4

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

เวิร์ดเพรส-5-9-4

เค้าโครง

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

เวิร์ดเพรส-5-9-5

บล็อก

ด้วยการใช้งาน Global Style คุณสามารถเปลี่ยนรูปลักษณ์ของบล็อกเฉพาะ เช่น ย่อหน้า ปุ่ม คอลัมน์ ฯลฯ

โปรดทราบว่ารูปแบบบล็อกสามารถปรับแต่งได้จากที่นี่ก็ต่อเมื่อบล็อกนั้นประกาศการสนับสนุนสำหรับการทำงานเฉพาะในไฟล์ 'block.json' ที่เกี่ยวข้อง

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

เวิร์ดเพรส-5-9-6

ธีม Twenty Twenty-Two และ WordPress Block Themes

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

นอกจากนี้ WordPress 5.9 ยังเต็มไปด้วยธีมเริ่มต้นใหม่ล่าสุด—ยี่สิบยี่สิบสอง มันเป็นตัวเปลี่ยนเกมเนื่องจากเป็นธีมบล็อกเริ่มต้นชุดแรกที่เคยมีมา นอกจากนี้ Twenty Twenty-Two ยังเป็นธีมที่ปรับแต่งได้และยืดหยุ่นมาก

เมื่อใช้ธีมบล็อก รายการเมนู "ตัวแก้ไข (เบต้า)" ใหม่จะปรากฏในเมนูผู้ดูแลระบบแดชบอร์ดของ WordPress

เวิร์ดเพรส-5-9-7

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

เวิร์ดเพรส-5-9-8

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

เวิร์ดเพรส-5-9-9

หากคุณใช้ธีมดั้งเดิม เช่น Woostify และกังวลเกี่ยวกับความเข้ากันได้แบบย้อนหลัง โปรดวางใจ คุณสามารถใช้มันต่อไปได้

ขณะนี้มีหมวดหมู่ธีมที่แตกต่างกันสี่ประเภทให้คุณเลือก:

  • ธีมที่ถูกบล็อก: ธีมที่ออกแบบมาสำหรับการแก้ไขแบบเต็มเว็บไซต์
  • ธีมทั่วไป: ธีมที่ใช้งานได้กับทั้งเครื่องมือปรับแต่งและตัวแก้ไข (เบต้า)
  • ธีมไฮบริด: ธีมคลาสสิกที่สนับสนุนคุณลักษณะการแก้ไขแบบเต็มไซต์
  • ธีมคลาสสิก: ธีมที่มีไฟล์ “functions.php”, เทมเพลต PHP ฯลฯ

บล็อกการนำทางที่อัปเดต

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

เมื่อคุณเพิ่มบล็อกการนำทางครั้งแรก ตัวแทนบล็อกจะมีตัวเลือกสามตัวเลือก:

  • เลือกเมนูที่มีอยู่
  • สร้างเมนูที่มีทุกหน้า
  • หรือเริ่มต้นใหม่ด้วยเมนูเปล่าๆ
เวิร์ดเพรส-5-9-10

เมนูการนำทางใหม่ช่วยให้คุณสามารถนำเข้าเมนูที่สร้างผ่านหน้าจอเมนูลักษณะที่ปรากฏพร้อมกับธีมคลาสสิก

เวิร์ดเพรส-5-9-11

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

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

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

คุณยังสามารถแปลงลิงก์เป็นบล็อกได้โดยคลิกปุ่ม แปลง บนแถบเครื่องมือบล็อก ดังนั้นคุณสามารถเพิ่มบล็อกเฉพาะลงในเมนูการนำทางได้โดยตรง

เวิร์ดเพรส-5-9-12

ในแถบด้านข้างการตั้งค่า คุณจะพบชุดตัวเลือกที่สมบูรณ์เพื่อควบคุมส่วนต่างๆ ของเมนูการนำทางของคุณ

เวิร์ดเพรส-5-9-13
เวิร์ดเพรส-5-9-14
เวิร์ดเพรส-5-9-15

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

เวิร์ดเพรส-5-9-16

การปรับปรุงประสิทธิภาพ

บล็อกการเพิ่มประสิทธิภาพของตัวแทรก

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

โหลด CSS น้อยลง

WordPress 5.9 ลดจำนวน CSS ที่โหลดโดยธีมบล็อกลงอย่างมาก ส่งผลให้การโหลดหน้าเร็วขึ้นอย่างมาก

การปรับปรุงประสิทธิภาพการโหลดแบบขี้เกียจ

เริ่มต้นด้วย WordPress 5.9 แอตทริบิวต์ 'loading=”lazy”' จะไม่ถูกนำไปใช้กับรูปภาพเนื้อหาหรือ iframe แรก

การวิเคราะห์ที่ดำเนินการกับธีม WordPress ยอดนิยม 50 ธีมแสดงให้เห็นว่าโซลูชันนี้นำไปสู่การปรับปรุงประสิทธิภาพที่สำคัญและการโหลดหน้าเว็บเร็วขึ้นสูงสุด 30%

สไตล์ชีตหลายรายการต่อบล็อก

ผู้พัฒนาธีมและบล็อกสามารถลงทะเบียนหลายสไตล์ชีตต่อบล็อก และโหลดสไตล์จากบล็อกอื่นๆ ตามต้องการ

ซึ่งช่วยให้สามารถโหลดสไตล์ชีตโดยขึ้นอยู่กับเนื้อหาของหน้า ป้องกันไม่ให้โหลดสไตล์ชีตขนาดใหญ่ในทุกหน้า

คำพูดสุดท้าย

เราจะปิดท้ายบทความนี้ด้วยข้อความสั้นๆ เกี่ยวกับส่วนแบ่งการตลาดของ WordPress ปัจจุบันมีอำนาจมากกว่า 65% ของเว็บไซต์ทั้งหมดที่มีระบบการจัดการเนื้อหาที่รู้จักและประมาณ 43% ของเว็บไซต์ทั้งหมด

เวิร์ดเพรส-5-9-17

ตัวเลขเหล่านี้น่าประทับใจ โดยเฉพาะอย่างยิ่งเมื่อเทียบกับคู่แข่งที่ใกล้เคียงที่สุดที่มีส่วนแบ่งการตลาดน้อยกว่า 7%—Shopify

WordPress เวอร์ชันใหม่ทุกเวอร์ชันมาพร้อมคุณสมบัติใหม่ การปรับปรุงประสิทธิภาพ และการปรับปรุงอินเทอร์เฟซ และ WordPress 5.9 ก็ไม่มีข้อยกเว้น

สิ่งที่คุณต้องทำเพื่อทดสอบฟีเจอร์ใหม่คือธีมบล็อก เช่น ธีมเริ่มต้น Twenty Twenty-Two ใหม่

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