ขอแนะนำ Elementor 3.9: ตัวเลือกใหม่บันทึกเป็นค่าเริ่มต้นสำหรับองค์ประกอบเพื่อปรับปรุงขั้นตอนการออกแบบของคุณ

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

ใหม่: บันทึกเป็นค่าเริ่มต้น

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

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

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

เนื่องจากฟีเจอร์บันทึกเป็นค่าเริ่มต้นใหม่จะบันทึกการเปลี่ยนแปลงใดๆ ที่คุณทำกับองค์ประกอบก่อนที่จะบันทึก จึงเป็นเรื่องสำคัญที่ต้องให้ความสนใจเป็นพิเศษที่จะไม่ใส่ข้อมูลที่ละเอียดอ่อนก่อนที่จะบันทึกเป็นค่าเริ่มต้นใหม่ ตัวอย่างเช่น ไม่แนะนำให้ใส่ที่อยู่อีเมลของบัญชี PayPal ของคุณก่อนที่จะบันทึกปุ่ม PayPal เป็นวิดเจ็ตใหม่ เช่นเดียวกับข้อมูลที่ละเอียดอ่อน รวมถึง CSS ID, คีย์ API และอื่นๆ

ด้านล่างนี้คือสามตัวอย่าง (จากหลายตัวอย่าง) ของวิธีที่คุณสามารถใช้คุณสมบัติบันทึกเป็นค่าเริ่มต้นใหม่:

1. อัปเดตสีหรือฟอนต์ขององค์ประกอบให้เชื่อมโยงกับสีหรือฟอนต์สากลที่แตกต่างกัน (เช่น สีหลักแทนที่จะเป็นสีรอง)
2. ตั้งค่าการเติมเริ่มต้นใหม่และระยะขอบของวิดเจ็ต เช่น ปุ่ม
3. รวมโลโก้ รูปภาพ หรือคำสั่งเฉพาะเป็นตัวยึดตำแหน่งรูปภาพสำหรับวิดเจ็ตรูปภาพ หรือตัวยึดข้อความสำหรับวิดเจ็ตข้อความ ด้วยวิธีนี้ คุณสามารถโปรโมตธุรกิจของคุณอย่างต่อเนื่องในฐานะผู้สร้างเว็บให้กับลูกค้าของคุณ และช่วยเหลือพวกเขาในขณะที่พวกเขาทำการอัปเดตเว็บไซต์

[Pro] ตัวสร้างลูปขยายเพื่อรองรับ WooCommerce และส่วนต่างๆ

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

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

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

Elementor 3.9 ยังแนะนำการสนับสนุนสำหรับเค้าโครงคอลัมน์ส่วน ดังนั้นหากคุณยังไม่พร้อมที่จะเริ่มใช้ Flexbox Containers คุณยังสามารถใช้ตัวสร้างลูปเพื่อสร้างรายการที่กำหนดเองโดยใช้เค้าโครงคอลัมน์ส่วน

[Pro] Enhanced Popup Advanced Rule – แสดงได้สูงสุด X ครั้งต่อเนื่อง หรือต่อเซสชัน / วัน / สัปดาห์ / เดือน

หนึ่งในคำขอยอดนิยมที่สุดสำหรับ Elementor Popup คือการปรับปรุงกฎขั้นสูงที่กำหนดจำนวนครั้งที่ป๊อปอัปจะปรากฏขึ้น จนถึงตอนนี้ คุณจะสามารถให้ป๊อปอัปปรากฏขึ้นได้ X ครั้ง แต่กรอบเวลาที่ป๊อปอัปจะไม่ถูกระบุ ดังนั้น หากคุณตั้งค่าป๊อปอัปให้แสดง 3 ครั้ง ป๊อปอัปจะปรากฏขึ้น 3 ครั้งถัดไปที่ผู้เยี่ยมชมเข้าชมเว็บไซต์ของคุณ โดยไม่คำนึงถึงความถี่ในการเข้าชมของพวกเขา

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

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

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

ภาพพื้นหลัง Lazy Load Alpha Experiment

ภาพพื้นหลังเป็นส่วนสำคัญในการออกแบบเว็บไซต์ แต่อาจส่งผลเสียต่อประสิทธิภาพและคะแนนของ Largest Contentful Paint (LCP) การเพิ่มประสิทธิภาพเว็บไซต์ของคุณและคะแนน LCP เป็นสิ่งสำคัญในการเพิ่มประสิทธิภาพประสบการณ์ของผู้เยี่ยมชมเมื่อเยี่ยมชมไซต์ของคุณ เช่นเดียวกับการปรับปรุงการค้นพบของคุณในผลลัพธ์ของเครื่องมือค้นหา

ด้วยการเพิ่ม Lazy Load ลงในภาพพื้นหลัง คุณสามารถปรับปรุงประสิทธิภาพเว็บไซต์ของคุณและคะแนน LCP โดยไม่ลดทอนรูปลักษณ์เว็บไซต์ของคุณ

การเปิดใช้งานการทดสอบนี้จะใช้การโหลดแบบขี้เกียจกับภาพพื้นหลังทั้งหมดที่อยู่ครึ่งหน้าล่าง ในพื้นที่ต่อไปนี้:

• ส่วน – พื้นหลังของส่วน และการซ้อนทับพื้นหลังของส่วน
• คอลัมน์ – พื้นหลังของคอลัมน์
• คอนเทนเนอร์ – พื้นหลังคอนเทนเนอร์และการซ้อนทับพื้นหลังคอนเทนเนอร์
• พื้นหลังวิดเจ็ตทั่วไป – เข้าถึงได้จากแท็บขั้นสูง

ตอนนี้ Elementor เข้ากันได้กับ Performance Lab สำหรับ "การอัปโหลด WebP"

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

การปรับแต่งเพิ่มเติม การออกแบบเพิ่มเติม เพิ่มเติมจาก Elementor

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

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