Bạn có muốn tìm hiểu cách sửa các lỗi thường gặp trên Elementor không?

Elementor là tùy chọn chính cho người dùng WordPress tập trung vào thiết kế. Nó cho phép bạn tạo một trang web đẹp một cách trực quan mà không cần phải xử lý CSS hoặc HTML. Khi làm việc với Elementor, bạn có thể gặp các lỗi như Bảng tiện ích không hoạt động hoặc Trình chỉnh sửa không tải được.

Chúng tôi đã tóm tắt các lỗi Elementor phổ biến nhất và đối với mỗi lỗi của nó, chúng tôi đã đưa ra giải pháp.

Sai lầm nguyên tố phổ biến

1. Bảng tiện ích không tải

Elementor đi kèm với một bảng điều khiển nằm ở phía bên trái của trình chỉnh sửa. Bạn có thể sử dụng bảng điều khiển để thêm tiện ích con, xác định cài đặt cơ bản (ví dụ: định cấu hình bố cục), thực hiện các tùy chỉnh cho tiện ích con, v.v.

Đôi khi, bạn có thể không thêm tiện ích con mới vì không tải được tiện ích con.

Đọc gui của chúng tôi trên: Elementor: Cách tạo menu thả xuống tuyệt đẹp

Lỗi này thường xảy ra khi bạn bật quá nhiều tiện ích bổ sung Elementor. Một nguyên nhân khác có thể gây ra lỗi là thông số kỹ thuật lưu trữ của bạn không đáp ứng các yêu cầu tối thiểu của Elementor.

Cách sửa lỗi:

Có ít nhất hai cách để khắc phục loại lỗi trên. Trước tiên, bạn có thể tạm thời vô hiệu hóa plugin WordPress đã cài đặt (ngoại trừ Elementor) để tìm plugin nào đang gây ra lỗi.

Đặc biệt, bạn có thể tắt các tiện ích bổ sung Elementor đang hoạt động. Thứ hai, bạn có thể chuyển sang chủ đề khác. Tạm thời chuyển sang một chủ đề WordPress mặc định sẽ rất tuyệt.

2. Biểu mẫu không được gửi

Elementor Pro đi kèm với một tiện ích - tiện ích Biểu mẫu - để cho phép bạn tạo biểu mẫu. Bạn có thể sử dụng tiện ích Biểu mẫu để tạo bất kỳ loại biểu mẫu nào, bao gồm Mẫu liên hệ. 

Lỗi thường gặp khi tạo biểu mẫu liên hệ trong Elementor là dữ liệu biểu mẫu không được gửi đi. Lỗi thường xảy ra khi bạn đặt hành động biểu mẫu thành email.

Cách sửa lỗi:

Cũng giống như các plugin trình tạo biểu mẫu khác, Elementor cũng sử dụng chức năng wp_mail như một dịch vụ chuyển phát nhanh. Chức năng wp_mail bản thân nó phụ thuộc bằng send_mail thuộc về PHP để hoạt động. Vấn đề là không phải tất cả các nhà cung cấp dịch vụ lưu trữ đều kích hoạt tính năng này.

Khám phá thêm: Elementor: Cách tạo danh sách phát âm thanh

Vì vậy, bạn cần yêu cầu nhà cung cấp dịch vụ lưu trữ của mình kích hoạt tính năng gửi thư để vận hành chức năng wp_mail. Ngoài ra, bạn có thể sử dụng dịch vụ SMTP tùy chỉnh trên trang web WordPress của bạn.

3. Độ dài của đoạn trích không hoạt động

Tiện ích Bài đăng của Elementor cho phép bạn hiển thị các bài đăng trên blog từ trang web WordPress của mình trên bất kỳ trang nào. Nó đi kèm với một số tùy chọn điều chỉnh bao gồm độ dài của đoạn mã.

Đọc cũng: Cách loại trừ nhận xét khỏi tiện ích Mục lục trong Elementor

Trong một số trường hợp, độ dài đoạn mã không xuất hiện khi bạn đặt khi bạn xem trước hoặc xuất bản trang. Lỗi thường xảy ra khi sử dụng Elementor trên các chủ đề WordPress có tùy chọn điều chỉnh tích hợp để đặt độ dài của đoạn mã.

Cách sửa lỗi:

Thay vì đặt độ dài của đoạn mã thông qua bảng cài đặt của Elementor, bạn có thể đặt độ dài đoạn mã thông qua Công cụ tùy chỉnh chủ đề(Giao diện -> Tùy chỉnh).

4. Không tải được trình chỉnh sửa

Loại lỗi này tương tự như lỗi số một ở trên, nhưng nghiêm trọng hơn một chút. Tất cả những gì bạn thấy là một trình tải trước trên một trang màu xám. Có một số nguyên nhân gây ra lỗi này. Một trong số đó là không đủ tài nguyên máy chủ do tải quá nhiều.

Xem thêm: Cách thiết lập giá động WooCommerce

Cách sửa lỗi:

Có một số lựa chọn thay thế bạn có thể thử để sửa lỗi.

  • Tắt các plugin

Một trong những nguyên nhân của loại lỗi này là xung đột giữa Elementor và một plugin khác. Vì vậy, bạn có thể vô hiệu hóa các plugin - tất nhiên là ngoại trừ Elementor - để tìm ra plugin nào đang gây ra xung đột.

  • Tắt trình tải trước chủ đề

Một số chủ đề WordPress đi kèm với một trình tải trước mặc định. Nếu bạn đang sử dụng một chủ đề có trình tải trước mặc định, bạn có thể cần phải tắt nó để mở trình chỉnh sửa Elementor.

  • Tắt tiện ích mở rộng trình duyệt

Đôi khi loại lỗi là do một tiện ích mở rộng được cài đặt trên trình duyệt web của bạn. Để tìm ra nó, bạn có thể sử dụng một trình duyệt web khác. Nếu Elementor Editor thường mở trong một trình duyệt khác, bạn có thể tắt tiện ích mở rộng trình duyệt chính của mình để xác định tiện ích mở rộng nào đang gây ra lỗi.

  • Đảm bảo rằng các phiên bản Elementor tương thích

Nếu bạn đang sử dụng cả Elementor Free và Elementor Proc(đọc : Elementor Free so với Elementor Pro), đảm bảo rằng chúng tương thích. Nếu bạn đang sử dụng một cái cũ hơn cái kia, nó có thể gây ra tình trạng không tương thích. Khi cập nhật Elementor Free, hãy đảm bảo cập nhật phiên bản Elementor Pro khi có sẵn và ngược lại.

5. Máy chủ nội bộ lỗi 500

Một lỗi phổ biến khác mà bạn có thể gặp phải khi làm việc với Elementor là lỗi máy chủ nội bộ 500. Khi bạn gặp lỗi này, lỗi nằm ở phía máy chủ của bạn thay vì Elementor. 

Một số nguyên nhân gây ra loại lỗi này. Nó có thể là giới hạn bộ nhớ PHP, quyền tệp không chính xác, tệp Htaccess. hư hỏng, của một bộ nhớ cache của trình duyệt, cơ sở dữ liệu bị hỏng, v.v.

Đọc cũng: Cách sử dụng Elementor để xây dựng trang web

Cách sửa lỗi:

Như đã đề cập ở trên, có rất nhiều trường hợp sẽ gây ra lỗi máy chủ nội bộ 500. Vì vậy, bạn có thể sửa lỗi tùy thuộc vào nguyên nhân gây ra lỗi. Nếu nguyên nhân là do giới hạn bộ nhớ PHP, bạn có thể yêu cầu nhà cung cấp dịch vụ lưu trữ tăng giới hạn bộ nhớ PHP.

6. Các thay đổi không được áp dụng trên trang trực tiếp

Elementor có một trình chỉnh sửa trực quan đi kèm với một trình chỉnh sửa trực tiếp. Có nghĩa là những gì bạn thấy trên trình chỉnh sửa sẽ giống hệt như trên trang trực tiếp. Tuy nhiên, có một trường hợp trong đó các kiểu mà bạn đã áp dụng trên trình chỉnh sửa không được áp dụng trên trang trực tiếp. Lỗi này thường do sự cố bộ nhớ đệm gây ra.

Cách sửa lỗi:

  • Clear cache

Bạn đã tìm hiểu nguyên nhân của lỗi - bộ nhớ đệm. Vì vậy, bạn có thể sửa lỗi bằng cách xóa bộ nhớ cache của trình duyệt web. Nếu bạn có một plugin bộ nhớ đệm trên trang web WordPress của mình, bạn cũng có thể tạm thời vô hiệu hóa nó.

  • Tạo lại CSS

Nếu phương pháp trên không hoạt động, bạn có thể tạo lại CSS. Để làm điều này, đi tới Elementor -> Công cụ trên bảng điều khiển WordPress của bạn. Nhấn nút Tạo lại tệp & dữ liệu.

sửa các lỗi thường gặp trên Elementor

Bạn cũng có thể kết hợp hai phương pháp trên.

7. Nút Xuất bản / Cập nhật không hoạt động

Sau khi hoàn tất việc chỉnh sửa một trang với Elementor, bạn có thể nhấp vào nút Xuất bản / Cập nhật ở cuối bảng cài đặt để xuất bản / cập nhật trang của mình. Điều gì xảy ra nếu nút không hoạt động?

Xem thêm: Cách thêm biểu mẫu WPForms vào trang bằng Elementor

Có hai lý do chính khiến nút xuất bản / cập nhật không hoạt động trong Elementor. Đầu tiên, nó có thể là giới hạn bộ nhớ. Thứ hai, nó có thể là vấn đề an ninh.

Cách sửa lỗi:

  • Tăng giới hạn bộ nhớ PHP

Để chạy Elementor đúng cách trên trang web WordPress của bạn, máy chủ của bạn phải có giới hạn bộ nhớ PHP tối thiểu 128MB, khuyến nghị nên sử dụng 256MB trở lên. Nếu nhà cung cấp dịch vụ lưu trữ của bạn chỉ cung cấp 128MB giới hạn bộ nhớ PHP, bạn có thể đăng ký để tăng giới hạn này.

  • Cài đặt SSL trên trang web của bạn

Ngày nay, hầu hết các trang web đã sử dụng SSL (HTTPS). Nếu bạn chưa sử dụng, bạn có thể cài đặt nó trên trang web WordPress của mình. Hầu hết các nhà cung cấp dịch vụ lưu trữ đều cung cấp SSL như một tính năng mặc định. Nếu nhà cung cấp dịch vụ lưu trữ của bạn sử dụng cPanel, bạn có thể cài đặt SSL thông qua cPanel.

8.C tùy chỉnh CSS không hoạt động

Tính năng CSS tùy chỉnh được cung cấp bởi Elementor Pro cho phép bạn nhận một số kiểu không được cung cấp theo mặc định của Elementor. Thông thường sau khi thêm CSS tùy chỉnh, thay đổi sẽ được áp dụng cho trang đang hoạt động sau khi bạn xuất bản / cập nhật trang. Nếu không, có thể có sự cố bộ nhớ đệm trên trang web của bạn.

Cách sửa lỗi:

Tương tự như lỗi số sáu ở trên, bạn có thể xóa bộ nhớ cache để khắc phục loại lỗi này. Bạn có thể xóa trình duyệt web và bộ nhớ cache của trang web. Trước khi làm điều đó, bạn có thể tạo lại CSS như được hiển thị ở số sáu ở trên.

9. Màu sắc của chữ không thay đổi

Trong Elementor, có hai tiện ích để thêm các phần tử văn bản vào một trang: tiện ích Trình soạn thảo Văn bản và tiện ích Tiêu đề. Khi làm việc với các tiện ích này (và các tiện ích khác có các tùy chọn để tùy chỉnh văn bản), bạn có thể đặt màu của văn bản. Trong một số trường hợp, màu văn bản không hoạt động trên trang trực tiếp.

Cách sửa lỗi:

Nếu bạn đã đặt màu văn bản, nhưng nó không được áp dụng trên trang trực tiếp, rất có thể có xung đột giữa Elementor và chủ đề bạn đang sử dụng. Một số chủ đề WordPress đi kèm với các tùy chọn điều chỉnh nâng cao để kiểm soát màu sắc của các phần tử trên trang web của bạn, bao gồm cả văn bản.

Đọc cũng: Cách thêm CSS tùy chỉnh vào phiên bản miễn phí với Elementor

Để giải quyết xung đột, bạn có thể đặt lại cài đặt màu của chủ đề để các kiểu Elementor có hiệu lực. Bạn có thể làm điều này từ công cụ tùy chỉnh chủ đề(Giao diện -> Tùy chỉnh)hoặc từ bảng cài đặt của chủ đề nếu có.

10. Xung đột trình tạo chủ đề

Nếu bạn đang sử dụng Elementor Pro, bạn có thể tùy chỉnh mọi phần của trang web WordPress của mình một cách trực quan thông qua tính năng trình tạo chủ đề. Từ đầu trang, chân trang, các trang lưu trữ, một bài đăng, một trang, trang 404, trang kết quả tìm kiếm, v.v.

Khám phá quá Cách tạo một nút với hiệu ứng di chuột

Một số tiện ích bổ sung Elementor (ví dụ: JetThemeCore) cũng có chức năng tương tự. Nếu bạn đã tạo một mẫu tùy chỉnh nhất định bằng trình tạo chủ đề Elementor (ví dụ: mẫu tiêu đề tùy chỉnh) và bạn cài đặt JetThemeCore, thì rất có thể mẫu tùy chỉnh của bạn sẽ không hoạt động.

Cách sửa lỗi:

Nếu bạn đang sử dụng JetThemeCore, bạn có thể cài đặt Bộ tương thích JetThemeCore. Đây là một plugin WordPress được phát triển bởi Crocoblock để khắc phục vấn đề không tương thích giữa trình tạo chủ đề Elementor và JetThemeCore.

11. Các trường tùy chỉnh không xuất hiện trong hộp chỉnh sửa của Elementor

Khả năng thêm các trường tùy chỉnh là một tính năng khác được cung cấp bởi Elementor Pro. Bạn có thể sử dụng tính năng này để tạo một trang web động lực học phức tạp. Bản thân Elementor hỗ trợ các plugin trường tùy chỉnh phổ biến như ACF, Pods, Meta Box, Toolset, cho đến JetEngine.

Đọc cũng: Cách đặt tên một phần trong Elementor

Khi cố gắng thêm trường tùy chỉnh trong Elementor, bạn có thể gặp sự cố theo đó dữ liệu trường tùy chỉnh không xuất hiện trên vùng canvas của trình chỉnh sửa Elementor.

Cách sửa lỗi:

Một điều bạn nên biết đầu tiên. Trường tùy chỉnh chỉ có thể được thêm vào mẫu tùy chỉnh (ví dụ: mẫu bài đăng duy nhất tùy chỉnh). Bạn không thể thêm trường tùy chỉnh vào một trang thông thường.

Xem thêm: Cách mở cửa sổ bật lên từ url hoặc menu với Elementor

Nếu bạn đã thêm trường tùy chỉnh vào mẫu tùy chỉnh nhưng trường tùy chỉnh được liên kết không xuất hiện, bạn có thể thay đổi cài đặt xem trước. Nhấp vào biểu tượng bánh răng ở góc dưới bên trái và mở khối Xem trước cài đặt. Chọn loại nội dung được liên kết với mẫu tùy chỉnh mà bạn đang làm việc và chọn nội dung hiện có. Nhấn nút ÁP DỤNG & XEM TRƯỚC.

Bản tóm tắt

Elementor là plugin tạo trang phổ biến nhất cho WordPress. Có một số lỗi phổ biến mà người dùng Elementor gặp phải như chúng tôi đã đề cập ở trên.

Trước khi cài đặt Elementor trên trang web WordPress của mình, bạn có thể đảm bảo rằng thông số kỹ thuật lưu trữ của mình đáp ứng các yêu cầu tối thiểu mà Elementor yêu cầu để giảm thiểu lỗi khi làm việc với nó.

Dưới đây là các yêu cầu hệ thống cho Elementor:

  • Phiên bản WordPress: 5.2 trở lên
  • Phiên bản PHP: 7 trở lên
  • Phiên bản MySQL: 5.6 trở lên
  • Giới hạn bộ nhớ PHP: 128MB trở lên

Mặc dù Elementor hỗ trợ các tiện ích bổ sung để mở rộng chức năng của nó, nhưng tốt hơn hết bạn chỉ nên cài đặt tiện ích bổ sung khi bạn thực sự cần nó. Nó cũng có thể làm giảm nguy cơ lỗi, vì mỗi tiện ích bổ sung mà bạn cài đặt tiêu thụ tài nguyên máy chủ.

Lire aussi Cách tạo phần thành viên trong nhóm

Một điều khác cần lưu ý. Đảm bảo cài đặt plugin trình tạo trang trên trang web WordPress của bạn vì cài đặt hai hoặc nhiều plugin trình tạo trang có thể gây ra xung đột.

Các nguồn lực khác:

Kết luận

Vì thế ! Đó sẽ là danh sách các lỗi Elementor phổ biến này và cách khắc phục chúng. Chúng tôi hy vọng rằng với danh sách nàyPhần mở rộng WordPress, bạn sẽ tìm thấy một trong những đáp ứng mong đợi của bạn.

Tuy nhiên, bạn cũng có thể tham khảo ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

chủ yếu chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.   

...