Elementor 3.20 จะมีอะไรบ้าง

Elementor เวอร์ชั่น 3.20 เตรียมออกเวอร์ชั่นจริงในเดือนมีนาคมนี้ หลังปล่อยเวอร์ชั่น Beta ออกมาให้สาวกได้ทดสอบเป็นที่เรียบร้อย มีอะไรเด็ด มีอะไรน่าสนใจ ตามไปอ่านพร้อมๆ กันเลยจ้า

Elementor 3.20 Beta ได้เปิดให้ผู้ใช้ได้ดาวโหลดไปทดสอบ ซึ่งทางทีมพัฒนายินดีรับฟังความคิดเห็นของเรา โดยเวอร์ชั่นนี้มีการพัฒนาความสามารถของเงื่อนไขการแสดงผล (เวอร์ชั่น Pro), ปรับปรุงประสิทธิภาพการใช้งาน และอื่นๆ ที่น่าสนใจอีกพอสมควรเลยครับ

ฟีเจอร์ใหม่มีอะไรน่าสนใจบ้าง

โพสนี้ยาว มีหัวข้ออะไรบ้าง แสดงหัวข้อทั้งหมด

เพิ่มการเชื่อมต่อ Dynamic Tags และ “OR” กับ Display Conditions สำหรับผู้ใช้เฉพาะเจาะจง

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

นอกจากนี้ที่เด็ดกว่าเดิมคือเราสามารถตั้งค่าเงื่อนไขการแสดงผลตามแท็กไดนามิกสำหรับ Custom Fields ของ WordPress ได้แล้ว เงื่อนไขเหล่านี้มีประโยชน์อย่างยิ่งในการเปลี่ยนเทมเพลตแบบ Single Postและ Page ให้เป็นการออกแบบแบบไดนามิกที่เหมาะกับเนื้อหา ตัวอย่างเช่น หากเราใช้วิดเจ็ต “Icon Box” เพื่อแสดงไอคอนถัดจากชื่อ Title ที่เติมข้อมูลแบบไดนามิก เราสามารถกำหนดเงื่อนไขที่จะแสดงวิดเจ็ต Icon Box ทั้งหมดเฉพาะเมื่อชื่อ Title เป็น “Is not empty” เท่านั้น เงื่อนไขที่อิงตามแท็กไดนามิกยังมีพารามิเตอร์เพิ่มเติมตามค่าของ Custom Fields เช่น “Is/Is not” หรือ “Contains” ค่าที่แน่นอนเป็นต้น

การเรียกใช้งาน

1. ไปที่เมนู Elementor Settings > Features เพื่อเปิดการใช้งาน Display Conditions

2. จากนั้นเข้าไปที่ Elementor Editor เลือก Widgets ที่ต้องการแล้วไปที่แถบ Advanced มองหา Display Conditions กำหนดค่าตามต้องการ

ปรับปรุงประสิทธิภาพการใช้งาน

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

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

TTFB เร็วกว่าเดิม

อันนี้อาจจะต้องกรี๊ดให้เลยเพราะ Elementor 3.20 ได้ปรับปรุงเรื่องคะแนน Time to First Byte (TTFB) ให้ดีขึ้น 3-5% แม้แต่หน้าเว็บที่หนักๆ ก็จะถูกเพิ่มประสิทธิภาพการเรนเดอร์องค์ประกอบต่างๆ แบบใหม่นี้ ซึ่งทำได้โดยการยกเว้นการควบคุมที่ไม่จำเป็นออกไม่ให้แสดงผลบน Frontend ครับ

การเพิ่มประสิทธิภาพ DOM

ข้อนี้ก็โดนใจอีกแล้ว เมื่อเราอัปเดตเป็นเวอร์ชัน 3.20 จะมีการลด DOM Output ของ Containers โดยอัตโนมัติ ช่วยให้เราสามารถสร้างเลย์เอาต์ที่ซับซ้อนในขณะที่ยังคงรักษาประสิทธิภาพสูงไว้ได้ เมื่อเปรียบเทียบกับเวอร์ชัน 3.19 ตอนนี้ Flexbox Containers สร้างโค้ดน้อยลง 39% และ Grid Containers สร้างโค้ดน้อยลง 85% นอกจากนี้เวอร์ชันนี้ได้ปรับปรุงประสิทธิภาพของตัว Editorโดยการลด DOM Output ของตัวควบคุมหน่วย Unit แบบกำหนดเอง

การปรับปรุงการเข้าถึง

Mega Menu ปรับปรุงการนำทางด้วยคีย์บอร์ดและการใช้งานบนอุปกรณ์มือถือ

Login Widget ขณะนี้โปรแกรมอ่านหน้าจอสามารถอ่านป้ายกำกับที่ซ่อนอยู่ได้ และวิดเจ็ตการเข้าสู่ระบบแต่ละรายการจะมี ID ที่ไม่ซ้ำกันเมื่อมีการวางวิดเจ็ตหลายรายการบนหน้าเว็บ

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

การอัพเดตฟีเจอร์และอัพเดตตัวทดสอบอื่นๆ

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

ค่าเริ่มต้นบนไซต์ใหม่ มีดังต่อไปนี้

Grid Containers, Taxonomy Filter Widget, Display Conditions

ฟีเจอร์ที่ถูกผสานรวมเรียบร้อย มีดังนี้

Global Style Guide, Page Transitions, Scroll Snap