Hướng dẫn fix lỗi elementor khi làm seo năm 2024
Khi sử dụng Elementor Pro để thiết kế Web, thường gặp phải các vấn đề gây ra do cấu hình hosting, cấu hình WordPress. Show
Trong bài viết này, chúng ta sẽ tìm hiểu cách cấu hình Hosting & WordPress tối ưu cho Elementor Page Builder và xử lý các vấn đề thường gặp Phần đầu tiên là lỗi khi cài đặt – kích hoạt và update Elementor: Yêu cầu cài Elementor FreeNếu bạn cài Elementor Pro, thì bắt buột phải cài và kích hoạt Elementor Free kèm theo, vì Elementor Pro hoạt động tương tự như một addons cho Elementor Free, nó là một addons bổ sung tính năng thương mại cho bản free, do đó tương tự như khi cài addons for Elementor, phải cài kèm với plugin Elementor Free. PHP Fatal Error/ 500 ErrorKhi kích hoạt hoặc update Elementor mà gặp lỗi này, thì 99% là do thông số PHP Memory Limit và WP Memory Limit quá thấp (dưới 128 MB) hoặc hosting đang bị quá tải. Lỗi thường gặp nhất là: .PHP Fatal error: Allowed memory size of … bytes exhausted Một lỗi tương tự là quá trình upload, update – giải nén bị gián đoạn giữa chừng, nếu bạn gặp lỗi này hãy login vào cPanel/ VPS để xóa folder Elementor đi và cài lại từ đầu, cụ thể: .PHP fatal error: namespace declaration statement has to be the very first statement or after any declare call in the script: Thêm một lỗi fatal nữa, nguyên nhân là do dùng PHP cổ lỗ sĩ (cỡ 5.4 trở xuống): .PHP fatal error: cannot use output buffering in output buffering display handlers in unknown on line 0: Lỗi Elementor 502Do một số hosting như SiteGround cấu hình Server theo các công nghệ tối ưu riêng, nên Elementor thường gặp lỗi 502 khi load trên các site dùng hosting như SiteGround, cách xử lý là gồm 2 bước: Bước 1 – Đổi phương thức load của Editor Elementor – như trình bày ở phần cấu hình WordPress cho Elementor bên dưới. Bước 2 – thêm đoạn code bên dưới vào file .htacess – hướng dẫn ở đây. Lỗi Blank White Page (Trắng trang)Lỗi này không cần hình minh họa vì khi mở Edit with Elementor, sẽ là một trang trống không, lỗi này cũng thường có 2 nguyên nhân: một là WP Memory Limit dưới 128 MB, hai là do xung đột cấu hình hosting, sau khi tăng WP Memory Limit. Nếu vẫn không fix được, bạn hãy thử thay đổi phương thức load, bằng cách vào Elementor -> Advanced và chọn Enable phần Switch Editor Loader Method rồi Save lại! Lỗi Grey Page – Endless LoadingGiao diện chỉnh sửa với Elementor mở được, nhưng nó Loading mãi, như thế này: Lỗi này do nhiều nguyên nhân, bạn có thể thử khắc phục bằng cách chọn Enable Safe Mode, nếu nó hoạt động trong chế độ Safe Mode thì sẽ kèm thông báo nguyên nhân gây lỗi. Nếu cả Safe Mode vẫn không hoạt động, thì nguyên nhân có thể là:
Elementor Panel Endless LoadingVà một lỗi tương tự Grey Page, nhưng là phần Widget Panel load hoài, trong khi phần content vẫn hiển thị bình thường, lỗi này rất phổ biến, đặc biệt là khi dùng Các dịch vụ hosting ở VN: Nguyên nhân:
Cách khắc phục hãy xem phần cấu hình hosting, và có thể ticket để hosting support xử lý giúp bạn. Không vào được Elementor EditorKhi chọn Edit with Elementor, thay vì vào Editor của Elementor, thì nó chuyển nhanh sang Live Page – tức hiển thị luôn trang ở Front-end, lỗi này cũng có 2 nguyên nhân chính là WP Memory Limit thấp hơn 128 MB hoặc trên site đang dùng plugin xung đột với Elementor – Confict Plugins. Lỗi không update các thay đổiVì Elementor là Live Customizer – tức khi bạn thực hiện thay đổi, chỉnh sửa thì nó sẽ tự động update cấu hình và hiển thị nội dung ngay, nhưng một số trường hợp bạn thay đổi nhưng thay đổi không áp dụng, lỗi thường là:
Lỗi nút Update/ Publish biến mấtLỗi này có nhiều nguyên nhân: 1- Do WP Memory Limit dưới 128 MB 2- Và nguyên nhân phức tạp hơn là admin-ajax script bị time-out, nếu đúng bạn nhấp F12 để mở chế độ Inspect, trong tab Console sẽ có lỗi này (màu đỏ): Failed to load resource: the server responded with a status of 413 Khắc phục bằng cách tăng thời gian Dynamic Timeout, mở file .htacess và thêm đoạn này: 3- Do hosting hoặc các plugin bảo mật yêu cầu xử lý qua SSL, lúc này bạn nên cài SSL cho Website 4- Lỗi 403: lỗi này 99% là do bạn cấu hình plugin bảo mật quá ‘kỹ’ làm nó chặn luôn tính năng của Elementor, bạn thử tắt plugin bảo mật đang dùng xem có phải không nhé. II. Cấu hình Hosting & WordPress cho ElementorTrước hết ta cần lưu ý về yêu cầu hệ thống khi dùng Elementor. Elementor System RequirementBạn có thể xem cấu hình hệ thống hiện tại của Website trong menu Elementor -> System Information (Thông tin hệ thống): Các thông tin bạn cần quan tâm là: MySQL – PHP version và Write Permissions. Write Permissions là phân quyền Write đối với thư mục code WordPress và file cấu hình hosting .htaccess (đối với Apache/ LiteSpeed Hosting) – nếu thiếu quyền này Elementor không thể hoạt động. Các chỉ số khuyên dùng của Elementor Page BuilderRiêng PHP và MySQL, hãy xem Cấu hình khuyên dùng của Elementor tại đây, cụ thể:
Cấu hình Hosting cho ElementorBạn xem các thông số trong System Information ở trên có đáp ứng được không, nếu không để chỉnh các thông số trên, bạn hãy tham khảo topic này: Còn một số yêu cầu khác nhưng không quan trọng lắm vì 99% hosting đã đáp ứng rồi:
Cấu hình CloudFlare cho ElementorNếu bạn dùng CloudFlare CDN, thì kỹ thuật load bất đồng bộ Cloud Rocket Loader có thể chặn Elementor Editor, do đó, bạn cần tạo 2 rules, khai báo nó với CloudFlare Rules:
Để thêm 2 Pages Rules đó, tức tắt Rocket Loader cho 2 trang đó thì ta đăng nhập vào CloudFlare, chọn domain (nếu account có nhiều domain) vào mục Page Rules và làm từng bước như hình: Lưu ý, nếu chỉ dùng CloudFlare như DNS mà không bật đám mây vàng (CDN) thì bạn không cần phải khai báo gì cả vì CloudFlare không tác động gì. Trình duyệt cho Elementor EditorMột vấn đề nữa thường bị bỏ sót là Trình duyệt (Browser) bạn dùng, hãy ưu tiên chỉnh sửa trên Elementor (Edit with Elementor) bằng một trong 3 trình duyệt phổ biến là Chrome và Firefox và Safari, và tránh bật các addons (extension) lạ như các addons VPN (Proxy), … nếu gặp lỗi với Elementor, bạn có thể thử mở trên trình duyệt ở tab no addons. Cụ thể:
Bạn cũng có thể đổi qua lại giữa các trình duyệt xem có fix được lỗi không, nếu có tức là extension của trình duyệt chặn không cho Elementor load. Nếu Elementor hoạt động tốt sau đó, vậy vấn đề là do một trong các addons của trình duyệt chặn Elementor JS load, còn nếu vẫn không hoạt động, bạn có thể bật lại các addons vì ‘chúng không có lỗi’. Xử lý Caching khi dùng ElementorKhi tiến hành build thiết kế với Elementor, việc cập nhật các cấu hình và thiết kế – tính năng diễn ra liên tục, do đó, tốt nhất là bạn nên xóa cache và tạm tắt các plugin caching (WP-Rocket, LiteSpeed Cache, SwiftPerformance, Autoptimize…) vì việc tự động tạo cache có thể khiến việc cập nhật các chỉnh sửa trên Elementor bị chậm hoặc lỗi. Khi nào hoàn tất chỉnh sửa với Elementor, hãy bật lại các plugin caching nhé! Cấu hình WordPress cho ElementorVới WordPress, thì bạn cần dùng phiên bản WordPress 4.7 trở lên thì Elementor mới hoạt động tốt. Nhưng vấn đề lớn nhất là bạn dùng các plugin gây xung đột với Elementor, hoặc Theme của bạn không tương thích (Compatible) với Elementor. Trước khi sử dụng Elementor, bạn cần kiểm tra xem theme có tương thích với Elementor không, một số theme ‘bắt buột’ bạn phải dùng một Page Builder, ví dụ Flatsome phải dùng UX-Builder, Avada phải dùng Fusion Builder, X-Theme phải dùng Cornerstone Builder…
Còn plugin gây xung đột, thì có 2 vấn đề:
Cuối cùng, Elementor có một tính năng cho phép bạn thay đổi phương thức load trang trong chế độ Edit with Elementor, khi bạn mở trang trong Elementor Mode mà bị lỗi load hoài không được, hãy thử thay đổi phương thức load bằng cách vào mục Elementor -> Settings (cấu hình) và chọn như hình dưới, Save lại: Nếu đã Enable Switch Editor Loader Method mà vẫn không xử lý được, thì bạn có thể Disable nó và trở lại khắc phục bằng các phương pháp khác. |