ปี 2024 WordPress เตรียมอัพเดตเครื่องมือ Editor เว็บไซต์ที่มีประสิทธิภาพในการสร้างทุกส่วนของเว็บไซต์ ช่วยจัดการทุกอย่างจากเรื่องใหญ่ให้กลายเป็นเรื่องง่ายๆ เราจะได้รับประโยชน์สูงสุดจากวิธีแบบใหม่นี้กับ WordPress ในปีหน้า ส่วนปี 2023 ที่กำลังผ่านไปเราจะมาสรุปเครื่องมือสำคัญให้เพื่อนๆ ได้ทราบเพื่อเป็นการย้ำเตือนความทรงจำกันนะครับ
Command Palette
Command Palette เป็นเหมือน Shortcut Tool ช่วยให้เราทำงานได้มากขึ้นแต่คลิกน้อยลง และไม่จำเป็นต้องมานั่งจำว่าแต่ละตัวเลือกอยู่ที่ไหน ซึ่งสามารถใช้ได้ทั่วทั้ง Editor ไม่ว่าจะสลับระหว่างเทมเพลตใน Site Editor หรือสลับไปส่วนของการตั้งค่าใน Post Editor มันจะมีตัวเลือกตำแหน่งที่เราอยู่ในขณะนั้น โดยเราสามารถเปิดใช้งานและเริ่มต้นใช้งานเพียงใช้แป้นพิมพ์ลัดกด Cmd+K บนระบบ Mac หรือ Ctrl+K บนระบบ Windows และพิมพ์คำสั่งในช่อง ระบบจะแสดงตัวเลือกให้เราเลือกใช้ทันที
ตัวอย่างข้อความที่ใช้พิมพ์คำสั่งที่เราสามารถใช้ได้
Edit Template when editing a page.
- Back to page to return to editing a page from a template.
- Reset template
- Reset template part
- Reset styles to default
- Delete template
- Delete template part
- Toggle settings sidebar
- Toggle block inspector
- Toggle spotlight mode
- Toggle distraction free
- Toggle top toolbar
- Open code editor
- Exit code editor
- Toggle list view
- Toggle fullscreen mode
- Editor preferences
- Keyboard shortcuts
- Show/Hide block breadcrumbs
- Customize CSS
- Style revisions
- Open styles
- Learn about styles to trigger the welcome guide for Styles
- Reset styles
- View site
- View templates
- View template parts
- Open Navigation Menus
- Rename Pattern
- Duplicate Pattern
- Manage all custom patterns
Style Book
Style Book ช่วยให้เราเห็น Block ทั้งหมดบนไซต์ในขณะที่เรากำลังจัดสไตล์ โดยจะอยู่ในส่วนสไตล์ เราสามารถเปิด/ปิดได้ตามต้องการเลยครับ ซึ่งมีประโยชน์อย่างยิ่งเมื่อเราออกแบบเว็บให้มีความสอดคล้องกัน เราสามารถสลับดูการเปลี่ยนแปลงของหน้าเว็บกับสิ่งที่เรากำหนดในสไตล์ ช่วยให้เราดูมุมมองที่แตกต่างออกไป
ตรงส่วนนี้อยู่ระหว่างดำเนินการสำหรับ WordPress เวอร์ชั่นถัดไป โดยจะรวม Style Book เข้ากับ Global styles revisions เพื่อสามารถดูการเปลี่ยนแปลงได้ทันที
Styling shortcuts
อันนี้จัดว่าเด็ดเพราะช่วยลดเวลาในการออกแบบใหม่ ไม่ว่าจะเป็นคอนทราสต์ของสี Padding หรือขนาดตัวอักษรลงตัวอยู่แล้ว แทนที่จะต้องออกแบบใหม่ เวอร์ชั่นใหม่จะมีตัวเลือกที่ทรงพลังคือ Copy styles จากวัตถุหนึ่ง และ pasting styles ไปที่อีกวัตถุ รูปแบบที่ได้ออกแบบไว้ในวัตถุแรก ก็จะมาที่วัตถุที่สองทันที ไวมากครับ
Distraction free mode
Distraction free mode จะเป็นโหมดปราศจากสิ่งรบกวนบนหน้าจอครับ บางทีเราอาจจะอยากดูงานของเราในมุมมองต่างๆ ก่อนที่จะกลับเข้าไปแก้ไขอะไรใหม่ การไร้สิ่งรบกวนทำให้คุณมีมุมมองที่ดีขึ้น สามารถโฟกัสไปที่การสร้างสรรค์เของงานดีไซน์ได้เต็มที่ โดยมันจะซ่อนสิ่งเรานี้ได้ครับ..
- ซ่อนแถบเครื่องมือด้านบนจนกว่าเลื่อนเมาส์ไปที่ตำแหน่งปกติ
- การลบปุ่มแถบเครื่องมือด้านบน
- ปิดแถบด้านข้างที่เปิดอยู่โดยอัตโนมัติ เช่น Block settings และ Lst view
- ซ่อนตัว Point indicator ช่วยลดความยุ่งเหยิงในการมองเห็น
- การซ่อนแถบเครื่องมือบล็อกสำหรับแต่ละบล็อก
โหมดนี้สามารถใช้ใน Page และ Post เลยครับ
Patterns
Patterns คือชุดของ Block สำเร็จรูปที่ทำให้การเพิ่มเลย์เอาต์ให้กับไซต์ WordPress เป็นเรื่องง่ายโดยไม่ต้องเริ่มจากศูนย์ ประหยัดเวลา ลดความซ้ำซ้อน เราสามารถสร้าง Patterns ของเราเอง ใช้รูปแบบตามธีม หรือใช้ Pattern Directory ก็ได้
นอกจากนี้เรายังสามารถซิงค์ Patternsเวลาแก้ที่จุดใดจุดหนึ่งแล้วให้มีผลกับทุกส่วนของไซต์ หรือกำหนดให้ Patternsไม่ต้องซิงค์เพื่อให้เราสามารถปรับแต่งแต่ละอินสแตนซ์ได้อิสระ เรายังสามารถกำหนดหมวดหมู่เพื่อให้ค้นหาและจัดระเบียบได้ง่าย หรือจะใช้ Filterเพื่อหา Patterns ที่เราต้องการเพิ่มรูปแบบในเนื้อหานั้นๆ ตามต้องการ
List View
List View เป็นมุมมองแบบรายการเป็นเครื่องมือที่ใช้งานง่ายสำหรับช่วยนำทางระหว่างเลเยอร์ของเนื้อหา เลือกสิ่งที่เราต้องการ คล้ายๆ กับโหมด Style Book และ Distraction free mode เราสามารถเปิด/ปิดได้ตามต้องการ เครื่องมือนี้จะอยู่บนแถบเครื่องมือด้านบน นอกเหนือจากช่วยให้เราดูเลเยอร์ต่างๆ ได้แบบง่ายๆ ในไซต์แล้ว ยังแสดงรายการเพิ่มเติมล่าสุดที่ทำให้เครื่องมือนี้มีประสิทธิภาพมากยิ่งขึ้น
สามารถดูตัวอย่างรูปภาพของคุณสำหรับบล็อกรูปภาพและแกลเลอรีที่แสดงใน List View เพื่อให้ค้นหาสิ่งที่คุณต้องการได้ง่ายขึ้น
ถ้ากดปุ่ม Escape จะยกเลิกการเลือกบล็อกเพื่อให้ง่ายต่อการดูตัวอย่างเนื้อหาของคุณโดยไม่ต้องเลือกบล็อกใดๆ
ถ้ากดCMD+Shift+D สำหรับ Mac หรือ Control + Shift + D สำหรับ Windows จะเป็นการ Duplicate บล็อคนั้นๆ อย่างรวดเร็ว
สามารถลากและวางบล็อกในระดับใดก็ได้โดยตรงภายใน List View
สามารถเปลี่ยนชื่อกลุ่มบล็อกและกำหนดเองใน List View
สรุป
และนี่ก็เป็นสรุปเครื่องมือ Editor WordPress ของปี 2023 เครื่องมือทั้งหมดเหล่านี้เราสามารถใช้ได้กับ Postและ Page ได้เลย ยกเว้น Style Book และเครื่องมืออื่นๆ ที่ยังอยู่ในระหว่างการพัฒนา ซึ่งคาดว่าจะออกมาให้ใช้ในเวอร์ชั่นถัดๆ ไป แฟนๆ ของ WordPress เตรียมรอการอัพเกรดครั้งใหญ่ครั้งต่อไปในเดือนมีนาคม ปี 2024 กันครับ
Related Posts
