ใหม่ใน Elementor 3.17 – ปรับปรุงประสบการณ์ผู้เยี่ยมชมด้วย AJAX เว็บไซต์ที่เร็วขึ้นและอีกมากมาย

เผยแพร่แล้ว: 2023-11-01

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

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

[PRO] ขอแนะนำ AJAX สำหรับ Loop Grids – สำหรับการโหลดเนื้อหาที่ราบรื่น

เรารู้สึกตื่นเต้นที่จะนำเสนอคุณสมบัติที่ได้รับการร้องขอมากที่สุดเป็นอันดับสี่บน GitHub: การโหลด AJAX สำหรับ Loop Grids AJAX ซึ่งย่อมาจาก Asynchronous JavaScript และ XML ช่วยให้ผู้เยี่ยมชมเว็บไซต์ของคุณได้รับประสบการณ์ที่ราบรื่นยิ่งขึ้นโดยการโหลดเนื้อหาใหม่ใน Loop Grid โดยไม่ต้องโหลดทั้งหน้าซ้ำ

AJAX การแบ่งหน้าตารางห่วง

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

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

การแบ่งหน้าส่วนบุคคลสำหรับลูปกริดและวิดเจ็ตโพสต์

ในเวอร์ชันก่อนหน้านี้ การเปลี่ยนการแบ่งหน้าของรายการจะส่งผลต่อการแบ่งหน้าของรายการอื่นๆ ในหน้าเดียวกัน ตัวอย่างเช่น หากวางทั้ง Loop Grid และ Post Widget ไว้ในหน้าเดียวกัน การเลือกหน้าที่ 3 ของหน้าใดหน้าหนึ่งก็จะโหลดหน้าที่ 3 ของหน้าที่ 2 ด้วย อย่างไรก็ตาม ด้วยคุณลักษณะการแบ่งหน้ารายบุคคล ขณะนี้ผู้เยี่ยมชมสามารถเปลี่ยนการแบ่งหน้าของรายการได้โดยไม่ส่งผลกระทบต่อ Loop Grids และ Post Widgets อื่นๆ บนหน้า ตัวอย่างเช่น ในบล็อกสูตรอาหาร คุณสามารถเพิ่ม Loop Grid ที่แสดงสูตรอาหารมังสวิรัติควบคู่ไปกับ Loop Grid หรือวิดเจ็ตโพสต์ที่แสดงรายการโพสต์ทั้งหมดของคุณ ผู้เยี่ยมชมสามารถเปลี่ยนการแบ่งหน้าของ Post Widget หรือ Loop Grid ได้อย่างอิสระ

ปรับปรุงประสิทธิภาพเว็บไซต์ด้วย LCP ที่เร็วขึ้น

Elementor 3.17 ทำให้เว็บไซต์ของคุณเร็วขึ้นด้วยคุณสมบัติสองประการที่จะเร่งเวลาในการโหลดเว็บไซต์ของคุณ

เพิ่มประสิทธิภาพการโหลดรูปภาพ

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

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

การทดสอบยังใช้การโหลดแบบ Lazy Loading กับรูปภาพที่ไม่ได้แสดงในวิวพอร์ตในตอนแรก และจะโหลดรูปภาพเหล่านั้นเมื่อเข้ามาแสดง การเปลี่ยนแปลงเหล่านี้ช่วยปรับปรุงเมตริก LCP Core Web Vital ได้ 5-10% ขึ้นอยู่กับความซับซ้อนของหน้า ดังนั้นหน้าเว็บที่มีรูปภาพจำนวนมากจะได้รับการเพิ่มประสิทธิภาพที่ดียิ่งขึ้น คุณสมบัตินี้ยังใช้งานได้กับเว็บไซต์ Elementor ที่ทำงานบน WordPress เวอร์ชันเก่าซึ่งไม่มีการอัพเดตการตรวจจับ LCP

กำลังโหลดสินทรัพย์ Gutenberg

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

วิดเจ็ตการให้คะแนนใหม่สำหรับความยืดหยุ่นในการออกแบบ

Elementor 3.17 ขอแนะนำ Rating Widget ใหม่ ซึ่งมอบความยืดหยุ่นมากขึ้นในการปรับแต่งระดับการให้คะแนนภาพสำหรับผลิตภัณฑ์ เนื้อหา และอื่นๆ ในแบบของคุณ คุณสามารถแสดงคะแนนของคุณเป็นภาพได้โดยใช้ไอคอน Font Awesome หรือโดยการอัปโหลด SVG ของคุณเอง ตัวอย่างเช่น สำหรับบทวิจารณ์เพลง คุณสามารถใช้ SVG ของคุณเพื่อให้อัลบั้มใหม่ได้รับคะแนน 5 จาก 5 แผ่นเสียงทองคำ

วิดเจ็ตการให้คะแนนจะขยายช่วงของระดับการให้คะแนนที่มีอยู่ในวิดเจ็ตการให้คะแนนดาว แทนที่จะจำกัดอยู่ที่ระดับ 0-5 หรือ 0-10 คุณสามารถกำหนดระดับคะแนนจากศูนย์ไปจนถึงตัวเลขใดๆ ก็ตามที่เหมาะกับความต้องการของคุณได้ ตัวอย่างเช่น คุณสามารถให้คะแนนอัลบั้มได้ 3 ใน 3 หรือ 7 จาก 7 คะแนนของแผ่นเสียงทองคำ ดรอปดาวน์ Rating Scale ถูกแทนที่ด้วยช่วงเพื่อความสะดวกในการใช้งาน

นอกจากนี้ วิดเจ็ตการให้คะแนนยังปรับปรุงการจัดอันดับ SEO ของเว็บไซต์ของคุณด้วยแอตทริบิวต์สคีมาที่ได้รับการปรับปรุง โดยจะมาแทนที่วิดเจ็ตการให้คะแนนดาวในแผงวิดเจ็ต แต่การให้ดาวใดๆ ที่มีอยู่ในไซต์ของคุณจะไม่ได้รับผลกระทบ

เลื่อนแนวนอนสำหรับวิดเจ็ตเมนู

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

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

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

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

การปรับปรุงเพิ่มเติม

  1. การออกแบบเทมเพลตที่ตอบสนอง: ปรับปรุงความสามารถของคุณในการแสดงการเปลี่ยนแปลงที่เกิดขึ้นกับการออกแบบเทมเพลตที่ตอบสนองด้วยเบรกพอยท์เพิ่มเติมอย่างถูกต้อง คุณไม่จำเป็นต้องสร้าง CSS ใหม่อีกต่อไปเพื่อดูการเปลี่ยนแปลงที่คุณทำกับเทมเพลตเมื่อแก้ไขในตัวสร้างธีม การเปลี่ยนแปลงจะแสดงในตัวแก้ไขและส่วนหน้าของเว็บไซต์ของคุณ
  2. Accordion Widget FAQ Schema: ปรับปรุงความเข้ากันได้ SEO ของเนื้อหาของคุณโดยการเพิ่มส่วนควบคุม FAQ Schema FAQ Schema เพิ่มมาร์กอัปพิเศษให้กับโค้ดของเพจของคุณซึ่งประกอบด้วยรายการคำถามและคำตอบ เครื่องมือค้นหาสามารถอ่านมาร์กอัปนี้และใช้เพื่อสร้างโค้ดที่สมบูรณ์ได้
  3. การผสานรวม VideoPress: ผสานรวม VideoPress เข้ากับไซต์ Elementor ของคุณได้อย่างราบรื่น เพลิดเพลินกับฟีเจอร์ทั้งหมดที่ VideoPress นำเสนอ เช่น วิดีโอที่โฮสต์เอง ไฟล์วิดีโอที่แปลงรหัสสำหรับการเล่นบนอุปกรณ์หลายประเภท การสตรีมแบบปรับได้ตามขนาดหน้าจอของอุปกรณ์และแบนด์วิดธ์ที่มี ความสามารถในการตรวจสอบวิดีโอส่วนตัว และอื่นๆ อีกมากมาย

[Elementor AI] ประวัติ AI – กู้คืนเนื้อหาที่สร้างโดย AI

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

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

ปรับแต่งการตั้งค่าธีมด้วย Hello Theme 2.9.1

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

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

Elementor 3.17 นำเสนอคุณสมบัติหลายประการเพื่อปรับปรุงประสบการณ์ผู้ใช้และประสิทธิภาพของเว็บไซต์ คุณสมบัติที่สำคัญคือการโหลด AJAX สำหรับ Loop Grids ซึ่งช่วยให้สามารถเปลี่ยนเนื้อหาได้อย่างราบรื่นโดยไม่ต้องโหลดทั้งหน้าซ้ำ นอกจากนี้ การเพิ่มประสิทธิภาพการโหลดรูปภาพและการโหลดเนื้อหา Gutenberg ยังช่วยเพิ่มความเร็วให้กับเว็บไซต์ของคุณอีกด้วย วิดเจ็ตการให้คะแนนใหม่มีระดับการให้คะแนนด้วยภาพที่ยืดหยุ่น และตอนนี้ Mega Menu มีการเลื่อนในแนวนอน Elementor AI ยังมีแผงประวัติ AI ที่ให้คุณเข้าถึงข้อความแจ้งก่อนหน้าและเนื้อหาที่สร้างขึ้นได้ นอกจากนี้ การอัปเดต Hello Theme เป็นเวอร์ชัน 2.9 ยังช่วยให้ผู้ใช้ควบคุมฟังก์ชันการทำงานของเว็บไซต์ได้ดียิ่งขึ้น รวมถึงตัวเลือกในการปิดใช้งานคุณลักษณะในตัวบางอย่าง

แจ้งให้เราทราบว่าคุณลักษณะใดที่คุณตื่นเต้นมากที่สุดในส่วนความคิดเห็น!