WordPress 5.4 ปรับปรุง Block Editor และเพิ่มฟีเจอร์ใหม่ๆ

WordPress 5.4 ได้ตั้งชื่อว่า “Adderley” เปิดตัววันที่ 31 มีนาคม 2020 ปล่อยให้ดาว์นโหลดแล้วได้ที่ wordpress.org

เวอร์ชั่น 5.4 ได้ปรับปรุงจุดสำคัญๆ จะเน้นหนักไปที่การปรับปรุง Block Editor เพิ่ม Block ใหม่ APIs ใหม่ๆ และแก้บัคของ Block Editor

ที่ผ่านมาคงทราบกันดีว่าเจ้า Block Editor ยังคงมีบัคเพียบ แต่ก็ถูกแก้ไขมาเรื่อยมา จนตอนนี้ WordPress 5.4 คงจะลืมบัคที่ผ่านมาแล้วก็ได้ เพราะว่า เราได้เห็นฟีเจอร์ใหม่ๆ การปรับปรุง UX ให้ดีขึ้น และโหลดไวขึ้นกว่าเดิม อนาคตอันไกล้นี้ เราอาจจะใช้ Block Editor แทนพวกปลั๊กอิน Page Builder ทั้งหลายก็ได้ครับ

แนวคิดสำคัญของเวอร์ชั่นนี้คือ ปรับปรุงประสบการณ์การใช้งาน Block Editor ในการจัดหน้า Page และ Post ได้สวยขึ้น ง่ายขึ้นกว่าเดิม และที่น่าสนใจคือ “โหลดเร็วขึ้น 14%”

ก่อนที่จะกด Update แนะนำให้ BackUP ก่อนสักครั้งครับ

New Block Editor

1. Social Icons Block

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

Social Icons Block
Social Icons Block

เรายังสามารถเลือกรูปแบบไอเคอน ซึ่งจะมี 3 แบบให้เลือก ได้แก่ Default, Logos Only, Pill Shape

รูปแบบ Social Icons Block
รูปแบบ Social Icons Block

2. Buttons Block

เป็นบล็อคสำหรับสร้างปุ่ม ซึ่งผมลองเล่นดูแล้วชอบมากครับ ไม่ต้องเขียน CSS/HTML อีกต่อไป มีลูกเล่นให้เราใช้เยอะ เอาไว้ทำพวกปุ่ม Call to action น่าจะเหมาะมาก

  • สามารถเลือกรูปแบบปุ่ม 2 แบบ คือ แบบ Fill และ Outline
  • Text color สีข้อความ จะเลือกสีจากที่มีให้ หรือจะใส่โค้ดสีเองก็ได้
  • Backgound พื้นหหลัง จะมี 2 แบบให้เลือก คือ แบบ Solid ปกติ และ Gradient หรือ ไล่เฉดสี
  • ตั้งความโค้งของขอบนอก
  • ตั้งค่าลิงค์ เป็น New Tab
  • สามารถสร้างปุ่มเป็นคู่ หรือมากกว่านั้นได้ ระบบจะจัด Layout ให้อัตโนมัติ
Buttons Block
Buttons Block

Block อื่นๆ ที่มีการปรับปรุง

เปลี่ยนสีข้อความเฉพาะจุด

เราสามารถเปลี่ยนสีข้อความเฉพาะจุดได้แล้ว แค่เราไฮไลค์ข้อความที่ต้องการแก้ไข คลิกไอคอนสามเหลี่ยม ก่อน จุดสามจุด แล้วเลือก Text color สายนักเขียนบล็อคน่าจะชอบฟีเจอร์นี้ เพราะปกติแล้ว เราต้องเขียน CSS เอง

เปลี่ยนสีข้อความเฉพาะจุด
เปลี่ยนสีข้อความเฉพาะจุด

Cover Block

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

Cover Block
Cover Block

Latest Posts Block

Latest Posts Block คือ ตัวที่ดึงบทความล่าสุดมาแสดง สิ่งที่เพิ่มเข้ามาในเวอร์ชั่น 5.4 คือ Featured Image สามารแสดงรูปภาพหน้าปกของบทความได้แล้ว ยังสามารถกำหนด Image size กำหนดขนาดภาพ้ดวยตัวเอง จัดซ้าย ขวา กลาง

Latest Posts Block
Latest Posts Block

Embed TikTok Videos

ตอนนี้เราสามารถแสดง VDO จาก TikTok ได้แล้วนะ คล้ายๆ Youtube

Embed TikTok Videos
Embed TikTok Videos

ใส่ภาพหน้าปกบทความแบบ Drag and Drop

ปกติเราต้องคลิกเลือกรูปภาพจาก Media แต่ตอนนี้ได้เพิ่มฟีเจอร์ Drag and Drop เพิ่มความสะดวกในการใส่ภาพหน้าปกบทความภาพขึ้น

ใส่ภาพหน้าปกบทความแบบ Drag and Drop
ใส่ภาพหน้าปกบทความแบบ Drag and Drop

Fullscreen Editor

ใน WordPress 5.4 จะแสดงโหมดการแก้ไขแบบเต็มหน้าจอ เป็นตัวตั้งต้นไปเลย (Default)

ถ้าพึ่งลงเวอร์ชั่น 5.4 ใหม่ๆ น่าจะได้เห็นโหมดเต็มหน้าจอ แต่ถ้าคนที่อัพเกรดเวอร์ชั่นจากรุ่นเก่า อาจจะไม่เห็น ต้องเข้าโหมด Incognito mode ถึงจะเห็นว่า มันเต็มหน้าจอ

Fullscreen Editor
Fullscreen Editor

หากรู้สึกว่ามันไม่ค่อยสะดวก สามารถปิดโหมด Fullscreen ได้ครับ

ไปที่ จุดสามจุด ด้านขวาบน แล้วติ๊ก Fullscreen mode

วิธีปิดโหมด Fullscreen
วิธีปิดโหมด Fullscreen

ฟีเจอร์อื่นๆ ที่น่าสนใจ

  • สามารถเลือก Image Sizes ใน Gallery Block
  • ในขณะที่เรากำลังใช้ Block Editor ในการเขียนบทความ จะมี Breadcrumb Bar ด้านล่างสุด เพื่อความสะดวก
  • ปรับ Toolbar ของ Block Editor กรณีแก้ไขผ่านมือถือ ทำให้ทำงานผ่านมือถือได้สะดวกขึ้น
  • Privacy tools
  • จุดอื่นๆ ส่วนใหญ่ Developers หรือ นักพัฒนา

สรุป

ภาพรวมของ WordPress 5.4 เป็นการเพิ่ม Block ใหม่เข้ามา Social Icons กับ Buttons ปรับปรุงฟีเจอร์เดิมให้ดียิ่งขึ้น และการปรับปรุงสำหรับ Developers และยังปรับพวก UI ให้คลีนมากขึ้น ใช้ง่ายขึ้น และที่สำคัญ โหลดเร็วขึ้น 14% ถือเป็นอีกขั้นนึงของ Block Editor ซึ่งไม่แน่อาจจะมาแทนที่พวก Page Builder ในอนาคตอันไกล้นี้ก็ได้นะ

อ่านฉบับเต็มได้ที่ WordPress News

Leave a Reply

Your email address will not be published. Required fields are marked *