11 ข้อผิดพลาดทั่วไปเกี่ยวกับองค์ประกอบและวิธีแก้ไข

คุณต้องการเรียนรู้วิธีแก้ไขข้อผิดพลาดทั่วไปใน Elementor หรือไม่?

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

เราได้สรุปข้อผิดพลาดของ Elementor ที่พบบ่อยที่สุด และสำหรับข้อผิดพลาดแต่ละรายการ เราได้จัดเตรียมวิธีแก้ไขไว้

ข้อผิดพลาดขององค์ประกอบทั่วไป

1. ไม่โหลดแผงวิดเจ็ต

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

ในบางครั้ง คุณอาจไม่สามารถเพิ่มวิดเจ็ตใหม่ได้เนื่องจากไม่สามารถโหลดวิดเจ็ตได้

อ่าน gui ของเราได้ที่: Elementor: วิธีสร้างเมนูแบบเลื่อนลงที่งดงาม

ข้อผิดพลาดนี้มักเกิดขึ้นเมื่อคุณเปิดใช้งานส่วนเสริม Elementor มากเกินไป สาเหตุที่เป็นไปได้อีกประการของข้อผิดพลาดคือข้อกำหนดการโฮสต์ของคุณไม่ตรงตามข้อกำหนดขั้นต่ำของ Elementor

วิธีแก้ไขข้อผิดพลาด:

มีอย่างน้อยสองวิธีในการแก้ไขข้อผิดพลาดประเภทข้างต้น ขั้นแรก คุณสามารถปิดการใช้งาน . ได้ชั่วคราว ปลั๊กอิน WordPress ติดตั้ง (ยกเว้น Elementor) เพื่อค้นหาว่าปลั๊กอินใดทำให้เกิดข้อผิดพลาด

โดยเฉพาะอย่างยิ่ง คุณสามารถปิดใช้งานส่วนเสริม Elementor ที่ใช้งานอยู่ได้ ประการที่สอง คุณสามารถไปยังธีมอื่นได้ การเปลี่ยนไปใช้ธีม WordPress เริ่มต้นชั่วคราวจะดีมาก

2. ไม่ได้ส่งแบบฟอร์ม

Elementor Pro มาพร้อมกับวิดเจ็ต - วิดเจ็ตแบบฟอร์ม - เพื่อให้คุณสามารถสร้างแบบฟอร์มได้ คุณสามารถใช้วิดเจ็ตแบบฟอร์มเพื่อสร้างแบบฟอร์มประเภทใดก็ได้ รวมถึง a แบบฟอร์มติดต่อ. 

ข้อผิดพลาดทั่วไปเมื่อสร้าง a แบบฟอร์มการติดต่อใน Elementor คือไม่มีการส่งข้อมูลในแบบฟอร์ม ข้อผิดพลาดมักเกิดขึ้นเมื่อคุณตั้งค่าการดำเนินการกับแบบฟอร์มเป็นอีเมล

วิธีแก้ไขข้อผิดพลาด:

เช่นเดียวกับปลั๊กอินตัวสร้างแบบฟอร์มอื่น Elementor ยังใช้ฟังก์ชัน wp_mail เป็นบริการจัดส่งเคอรี่ การทำงาน wp_mail ตัวมันเองขึ้นอยู่กับ โดย send_mail ซึ่งเป็นของ PHP ในการทำงาน ปัญหาคือผู้ให้บริการโฮสติ้งบางรายไม่เปิดใช้งานคุณลักษณะนี้

ค้นพบยัง: Elementor: วิธีสร้างเพลย์ลิสต์เสียง

ดังนั้น คุณต้องขอให้ผู้ให้บริการโฮสต์ของคุณเปิดใช้งานฟีเจอร์นี้ ส่งอีเมล์ เพื่อใช้งานฟังก์ชั่น wp_mail หรือจะใช้บริการก็ได้ SMTP กำหนดเองบนเว็บไซต์ WordPress ของคุณ

3. ความยาวของสารสกัดไม่ทำงาน

วิดเจ็ตโพสต์ของ Elementor ช่วยให้คุณสามารถแสดงโพสต์บล็อกจากเว็บไซต์ WordPress ของคุณได้ในทุกหน้า มันมาพร้อมกับตัวเลือกการตั้งค่าบางอย่างรวมถึงความยาวของตัวอย่าง

อ่าน: วิธีแยกความคิดเห็นออกจากวิดเจ็ตสารบัญใน Elementor

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

วิธีแก้ไขข้อผิดพลาด:

แทนที่จะกำหนดความยาวของตัวอย่างผ่านแผงการตั้งค่าของ Elementor คุณสามารถกำหนดความยาวของตัวอย่างผ่านเครื่องมือปรับแต่งธีม(ลักษณะที่ปรากฏ -> ปรับแต่ง).

4. ไม่สามารถโหลดตัวแก้ไข

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

ดูเพิ่มเติม: วิธีตั้งค่าการกำหนดราคาแบบไดนามิกของ WooCommerce

วิธีแก้ไขข้อผิดพลาด:

มีทางเลือกอื่นที่คุณสามารถลองแก้ไขข้อผิดพลาดได้

• ปิดการใช้งานปลั๊กอิน

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

• ปิดใช้งานตัวโหลดธีมล่วงหน้า

ธีม WordPress บางชุดมาพร้อมกับตัวโหลดล่วงหน้าเริ่มต้น หากคุณกำลังใช้ธีมที่มีตัวโหลดล่วงหน้าเริ่มต้น คุณอาจต้องปิดธีมนี้เพื่อให้ตัวแก้ไข Elementor เปิดขึ้น

• ปิดการใช้งานส่วนขยายของเบราว์เซอร์

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

• ตรวจสอบให้แน่ใจว่ารุ่น Elementor เข้ากันได้

หากคุณใช้ทั้ง Elementor Free และ Elementor Proc(อ่าน : Elementor ฟรีเทียบกับ Elementor Pro), ตรวจสอบให้แน่ใจว่าเข้ากันได้ หากคุณใช้อันที่เก่ากว่าอันอื่น อาจทำให้เกิดความไม่ลงรอยกันได้ เมื่ออัปเดต Elementor Free ตรวจสอบให้แน่ใจว่าได้อัปเดตเวอร์ชันของ Elementor Pro เมื่อพร้อมใช้งาน และในทางกลับกัน

5. ข้อผิดพลาดเซิร์ฟเวอร์ภายใน 500

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

สาเหตุหลายประการทำให้เกิดข้อผิดพลาดประเภทนี้ อาจเป็นขีดจำกัดหน่วยความจำ PHP, สิทธิ์ของไฟล์ไม่ถูกต้อง, file .htaccess ทุจริตของ แคชเบราว์เซอร์, ฐานข้อมูลเสียหาย ฯลฯ ...

อ่าน: วิธีใช้ Elementor เพื่อสร้างเว็บไซต์

วิธีแก้ไขข้อผิดพลาด:

มีหลายสถานการณ์ที่ทำให้เกิดข้อผิดพลาด 500 Internal Server Error ดังนั้น คุณสามารถแก้ไขข้อผิดพลาดได้ขึ้นอยู่กับสาเหตุของข้อผิดพลาด หากสาเหตุคือขีดจำกัดหน่วยความจำ PHP คุณสามารถขอให้ผู้ให้บริการโฮสต์ของคุณเพิ่มขีดจำกัดหน่วยความจำ PHP ได้

6. การเปลี่ยนแปลงไม่ได้นำไปใช้กับหน้าสด

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

วิธีแก้ไขข้อผิดพลาด:

• ล้างแคช

คุณได้เรียนรู้สาเหตุของข้อผิดพลาดแล้ว - การแคช ดังนั้น คุณสามารถแก้ไขข้อผิดพลาดได้โดยล้างแคชของเว็บเบราว์เซอร์ หากคุณมีปลั๊กอินแคชบนเว็บไซต์ WordPress คุณสามารถปิดการใช้งานชั่วคราวได้

• สร้าง CSS ใหม่

หากวิธีการข้างต้นไม่ได้ผล คุณสามารถสร้าง CSS ใหม่ได้ เพื่อทำสิ่งนี้, ไปที่ Elementor -> Tools บนแดชบอร์ด WordPress ของคุณ คลิกที่ปุ่ม สร้างไฟล์และข้อมูลใหม่

คุณยังสามารถรวมสองวิธีข้างต้นเข้าด้วยกัน

7. ปุ่มเผยแพร่ / อัปเดตไม่ทำงาน

เมื่อคุณแก้ไขหน้าด้วย Elementor เสร็จแล้ว คุณสามารถคลิกปุ่มเผยแพร่/อัปเดตที่ด้านล่างของแผงการตั้งค่าเพื่อเผยแพร่/อัปเดตหน้าของคุณ จะเกิดอะไรขึ้นถ้าปุ่มไม่ทำงาน

ดูเพิ่มเติม: วิธีเพิ่มแบบฟอร์ม WPForms ในหน้าด้วย Elementor

มีสองสาเหตุหลักที่ทำให้ปุ่มเผยแพร่ / อัปเดตไม่ทำงานใน Elementor ประการแรก อาจเป็นการจำกัดหน่วยความจำ ประการที่สอง อาจเป็นเรื่องของความปลอดภัย

วิธีแก้ไขข้อผิดพลาด:

• เพิ่มขีดจำกัดหน่วยความจำ PHP

เพื่อที่จะเรียกใช้ Elementor อย่างถูกต้องบนไซต์ WordPress ของคุณ เซิร์ฟเวอร์ของคุณควรมีขีด จำกัด หน่วยความจำ PHP อย่างน้อย 128MB โดยแนะนำให้ใช้ 256MB หรือมากกว่า หากผู้ให้บริการโฮสต์ของคุณเสนอขีด จำกัด หน่วยความจำ PHP 128MB คุณสามารถสมัครเพื่อเพิ่มได้

• ติดตั้ง SSL บนเว็บไซต์ของคุณ

ปัจจุบัน เว็บไซต์ส่วนใหญ่ใช้ SSL (HTTPS) หากคุณยังไม่เคยใช้ คุณสามารถติดตั้งบนเว็บไซต์ WordPress ของคุณได้ ผู้ให้บริการโฮสติ้งส่วนใหญ่เสนอ SSL เป็นคุณสมบัติเริ่มต้น หากผู้ให้บริการโฮสต์ของคุณใช้ cPanel คุณสามารถติดตั้ง SSL ผ่าน cPanel ได้

8. CSS ที่กำหนดเองไม่ทำงาน

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

วิธีแก้ไขข้อผิดพลาด:

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

9. สีของข้อความไม่เปลี่ยนแปลง

ใน Elementor มีสองวิดเจ็ตสำหรับเพิ่มองค์ประกอบข้อความลงในเพจ: วิดเจ็ต Text Editor และวิดเจ็ต Title เมื่อใช้งานวิดเจ็ตเหล่านี้ (และวิดเจ็ตอื่นๆ ที่มีตัวเลือกสำหรับปรับแต่งข้อความ) คุณสามารถกำหนดสีของข้อความได้ ในบางกรณี สีข้อความจะไม่ทำงานบนหน้าสด

วิธีแก้ไขข้อผิดพลาด:

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

อ่าน: วิธีเพิ่ม CSS ที่กำหนดเองให้กับเวอร์ชันฟรีด้วย Elementor

ในการแก้ไขข้อขัดแย้ง คุณสามารถรีเซ็ตการตั้งค่าสีของธีมเพื่อให้สไตล์ Elementor มีผล คุณสามารถทำได้จากเครื่องมือปรับแต่งธีม(ลักษณะ -> ปรับแต่ง)หรือแผงการตั้งค่าธีมของคุณ หากมี

10. ความขัดแย้งในการสร้างธีม

หากคุณกำลังใช้ Elementor Pro คุณสามารถปรับแต่งทุกส่วนของไซต์ WordPress ได้โดยใช้คุณลักษณะตัวสร้างธีม จากส่วนหัว ท้ายกระดาษ หน้าเก็บถาวร โพสต์เดียว หน้าเดียว หน้า 404 หน้าผลการค้นหา ฯลฯ

ค้นพบด้วย วิธีสร้างปุ่มที่มีเอฟเฟกต์โฮเวอร์

ส่วนเสริมของ Elementor บางตัว (เช่น JetThemeCore) มีฟังก์ชันการทำงานที่คล้ายคลึงกัน หากคุณสร้างเทมเพลตที่กำหนดเองโดยใช้ตัวสร้างธีม Elementor (เช่น เทมเพลตส่วนหัวที่กำหนดเอง) และคุณติดตั้ง JetThemeCore มีโอกาสสูงที่เทมเพลตที่กำหนดเองของคุณจะไม่ทำงาน

วิธีแก้ไขข้อผิดพลาด:

หากคุณใช้ JetThemeCore คุณสามารถติดตั้งชุดความเข้ากันได้ของ JetThemeCore เป็นปลั๊กอิน WordPress ที่พัฒนาโดย Crocoblock เพื่อแก้ปัญหาความเข้ากันไม่ได้ระหว่างตัวสร้างธีม Elementor และ JetThemeCore

11. ฟิลด์ที่กำหนดเองไม่ปรากฏในกล่องแก้ไขของ Elementor

ความสามารถในการเพิ่มฟิลด์ที่กำหนดเองเป็นอีกหนึ่งคุณสมบัติที่ Elementor Pro นำเสนอ คุณสามารถใช้คุณสมบัตินี้เพื่อ สร้างเว็บไซต์ ไดนามิกที่ซับซ้อน Elementor รองรับปลั๊กอินฟิลด์ที่กำหนดเองยอดนิยม เช่น ACF, Pods, Meta Box, Toolset ไปจนถึง JetEngine

อ่าน: วิธีตั้งชื่อส่วนใน Elementor

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

วิธีแก้ไขข้อผิดพลาด:

สิ่งหนึ่งที่คุณต้องรู้ก่อน ฟิลด์ที่กำหนดเองสามารถเพิ่มได้เฉพาะในเทมเพลตที่กำหนดเองเท่านั้น (เช่น เทมเพลตโพสต์เดียวที่กำหนดเอง) คุณไม่สามารถเพิ่มฟิลด์ที่กำหนดเองลงในเพจปกติได้

ดูเพิ่มเติม: วิธีเปิดป๊อปอัปจาก url หรือเมนูด้วย Elementor

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

ประวัติย่อ

Elementor เป็นปลั๊กอินสำหรับสร้างเพจที่ได้รับความนิยมมากที่สุดสำหรับ WordPress มีข้อผิดพลาดทั่วไปบางประการที่ผู้ใช้ Elementor ต้องเผชิญดังที่เราได้กล่าวไว้ข้างต้น

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

นี่คือข้อกำหนดของระบบสำหรับ Elementor:

• เวอร์ชั่นเวิร์ดเพรส: 5.2 หรือสูงกว่า
• รุ่น PHP: 7 หรือสูงกว่า
• เวอร์ชัน MySQL: 5.6 หรือสูงกว่า
• ขีด จำกัด หน่วยความจำ PHP: 128 MB หรือมากกว่า

แม้ว่า Elementor จะสนับสนุนโปรแกรมเสริมเพื่อขยายฟังก์ชันการทำงาน แต่คุณควรติดตั้งส่วนเสริมเฉพาะเมื่อคุณต้องการจริงๆ เท่านั้น นอกจากนี้ยังสามารถลดความเสี่ยงของข้อผิดพลาด เนื่องจากแต่ละส่วนเสริมที่คุณติดตั้งใช้ทรัพยากรของเซิร์ฟเวอร์

aussi Lire วิธีสร้างส่วนสมาชิกในทีม

สิ่งอื่นที่ควรทราบ ตรวจสอบให้แน่ใจว่าได้ติดตั้งปลั๊กอินตัวสร้างหน้าบนเว็บไซต์ WordPress ของคุณ เนื่องจากการติดตั้งปลั๊กอินตัวสร้างหน้าตั้งแต่สองตัวขึ้นไปอาจทำให้เกิดข้อขัดแย้งได้

ทรัพยากรอื่นๆ:

• รายการสิ่งจำเป็นสำหรับการเริ่มต้นบล็อก
• 14 WordPress Plugins Elementor สามารถแทนที่ได้
• Elementor Pro ราคา 2023: แผนใดที่ให้ผลกำไรสูงสุดสำหรับคุณ
• วิธีสร้างและแสดงป๊อปอัปด้วยแท็กโพสต์ใน WordPress
• ส่วนเสริม Elementor ฟรีที่ดีที่สุดในปี 2023

สรุป

ดังนั้น ! นั่นจะเป็นรายการข้อผิดพลาดทั่วไปของ Elementor และวิธีแก้ไข เราหวังว่าด้วยรายการของ .นี้ส่วนขยายของ WordPressคุณจะพบสิ่งที่ตรงกับความคาดหวังของคุณ

อย่างไรก็ตามคุณสามารถปรึกษาเรา บริการสารสนเทศหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.

ส่วนใหญ่ แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.   

...