Lỗi load hình ảnh khi dùng ux builder năm 2024

UX Builder là một trình xây dựng trang hoàn hảo và được sử dụng phổ biến kèm theo giao diện Flatsome, tuy nhiên đôi khi bạn sẽ gặp vấn đề truy cập vào thao tác quản trị nhưng gặp tình trạng xoay tròn liên tục và không có kết quả.

Lỗi load hình ảnh khi dùng ux builder năm 2024
Nguyên nhân chủ yếu của vấn đề này thường đến từ xung đột plugin hoặc cấu hình Memory_limit của bạn đang ở mức thấp chưa đáp ứng được với yêu cầu hệ thống mà chủ đề yêu cầu.

Lỗi load hình ảnh khi dùng ux builder năm 2024
Lỗi load hình ảnh khi dùng ux builder năm 2024

Bước 1: Đăng nhập vào tài khoản cPanel của bạn :

Lỗi load hình ảnh khi dùng ux builder năm 2024

Truy cập Bảng điều khiển cPanel của bạn : => Select PHP Version

Lỗi load hình ảnh khi dùng ux builder năm 2024
Bước 2: Tại phần này bạn có thể thêm các Extention mà mình cần :

Ví dụ như mình có thể thêm OPcache giúp tạo Cache để giảm tải cho Hosting ( Chỉ bật khi bạn không thực hiện Edit web và website đã hoạt động ổn định, nó sẽ giúp giảm tải xuống Hosting và đồng nghĩa với Hosting của bạn chịu đựng được nhiều truy cập hơn so với thông thường một chút ) \=> Switch to PHP Options giúp bạn có thể tăng thông số của Hosting

Lỗi load hình ảnh khi dùng ux builder năm 2024
Trong trường hợp cách khắc phục trên không hoạt động, bạn cần kiểm tra lại tính tương thích của mã nguồn bạn đang cấu hình bằng cách tắt từng plugin có thể gây xung đột để kiểm tra thêm bạn nhé.

ĐỖ TRUNG QUÂN

Mình tên là Đỗ Trung Quân, hiện đang công tác tại AZDIGI với vị trí là SysAdmin. Mình đam mê viết Blog. Vì viết Blog giúp mình trau dồi được nhiều kỹ năng. Học hỏi thêm nhiều kiến thức mới, từ đó mình có thể chia sẻ đến các bạn các bài viết tài liệu bổ ích hơn. Hiện tại mình là admin của Blog Dotrungquan.info - CaiSSL.COM - QuantriVPS.COM. Mới đây mình có tạo ra một Hỗ trợ Server - Hosting & WordPress với mục đích gây dựng một cộng đồng nhỏ để mọi người trao đổi kinh nghiệm, kiến thức quản trị VPS. Các thủ thuật, mẹo vặt khi sử dụng VPS. Rất mong nhận được sự ủng hộ của các bạn.

Flatsome là theme khá phổ biến trên toàn thế giới và tại Việt Nam, bởi những tính năng vượt trội như code nhẹ nhàng được xây dựng bởi bộ công cụ UX Builder nổi tiếng. Theme Flatsome được dùng trong thiết kế các trang web về công ty và đặc biệt là bán hàng.

Chính vì nó xây dựng trên bộ công cụ UX Builder nên khi xảy ra lỗi với UX Builder là các bạn bứt rứt không biết xử lý ra sao, với kinh nghiệm thiết kế hàng trăm website bằng Flatsome chúng tôi sẽ hướng dẫn các bạn khắc phục lỗi UX Builder Flatsome Loading màn hình đen xoay tròn loading mãi.

Lỗi load hình ảnh khi dùng ux builder năm 2024

Có 3 nguyên nhân chủ yếu dẫn đến lỗi này

1. Xung đột Plugin, Code hoặc Update bản WordPress mới

Cách khắc phục: Nếu bạn phạm phải 3 điều trên hãy từ từ gỡ bỏ đi và để nó hoạt động lại với trạng thái lúc chưa bị lỗi xem được không?

2. Lỗi do host, vps

Lỗi này là hay gặp nhất vì đơn giản host ở Việt Nam lúc này lúc kia, sever hoạt động không ổn định là có thể dẫn đến lỗi UX Builder Flatsome Loading, lúc này bạn hãy quay lại chỉnh sửa vào thời gian khác xem sao hoặc hãy chuyển website qua 1 host khác test xem sao.

3. Lỗi do trình duyệt và đường truyền internet

Lỗi này cũng hay gặp, hãy thử đổi sang trình duyệt khác và 1 vị trí nào đó hoặc máy tính khác mà internet chạy nhanh hơn…

Lỗi load hình ảnh khi dùng ux builder năm 2024

Trên đây là 3 cách chúng tôi hay gặp nhất, còn trong tương lai sẽ phát sinh những lỗi khác, chúng tôi sẽ tiếp tục cập nhật trong bài viết này.

UX-Builder là một trong những trình tạo trang web tốt nhất trên thế giới thế nhưng đôi khi nền tảng này cũng gặp một số lỗi trong quá trình hoạt động và trong đó có lỗi loading UX-Builder. Vậy tình trạng này sảy ra do đâu, khắc phục lỗi loading UX-Builder như thế nào? Hãy cùng Nam Digital tìm hiểu ngay trong bài viết dưới đây nhé.

Lỗi load hình ảnh khi dùng ux builder năm 2024

Tình trạng web lỗi UX Builder Theme Flatsome

Nguyên nhân của lỗi loading UX-Builder này Nam đã từng gặp khi thực hiện một số dự án trước đây và rút ra được nguyên nhân của lỗi này là do:

  • Xung đột các Plugin đã cài trên website.
  • WordPress Memory Limit trên 128MB.
  • Do host, vps.
  • Do đặt sai đường dẫn trang chủ trong file htaccess.

Sau đây, hãy cùng Nam Digital thử các cách để fix lần lượt các lỗi đã kể ở trên. Nguyên nhân xảy ra lỗi loading UX-Builder ở mỗi web là khác nhau, do đó bạn không nên bỏ qua các cách fix lỗi trên. Hãy thử hết các cách này, nếu không được thì mới thử cách của Nam nhé các bạn.

Hãy để Nam Quảng bá 1 chút

Hiện Nam Digital đang là nhà Affliates của Hubspot và cũng đang sử dụng nền tảng này để phát triển kinh doanh từ rất lâu rồi. Nếu anh chị em quan tâm đến sản phẩm này, hãy dành thời gian trải nghiệm & đánh giá xem nhé!

Lỗi load hình ảnh khi dùng ux builder năm 2024

Lỗi do xung đột các Plugin đã cài

Nguyên nhân:

Do xung đột một trong các Plugin đã cài lên trang web.

Cách khắc phục:

Đầu tiên, bạn hãy tắt hết tất cả các Plugin đang cài trên website của mình. Sau đó, Click sửa website bằng Edit with UX Builder xem có được không. Nếu không được thì nguyên nhân không phải do xung đột plugin rồi. Còn nếu vẫn chỉnh sửa được trang thì là do một số plugin đang bị xung đột.

Lúc này, điều bạn cần làm đó là tìm ra plugin gây xung đột. Hãy lần lượt bật lại từng Plugin, sau dó check lại bằng cách Edit with UX Builder sau mỗi lần bật lại các plugin. Đến khi tìm được plugin nào gây ra lỗi loading thì chính nó là nguyên nhân gây xung đột và bạn hãy xóa plugin đó hoặc tìm plugin khác tương tự để thay thế.

Lỗi load hình ảnh khi dùng ux builder năm 2024

Lỗi do WordPress Memory Limit trên 128MB

Nguyên nhân:

Bạn có thể hiểu lỗi này là lỗi do giới hạn bộ nhớ trên WordPress. Nguyên nhân này có thể do một số nhà cung cấp dịch vụ hoặc do gói dịch vụ host/vps đã cài mặc định các thông số này thấp, từ đó bộ nhớ không đủ để cho website chạy đủ trong qua trình xây dựng và phát triển.

Cách khắc phục:

Có 2 cách để khắc phục lỗi này:

  • Cách thứ nhất: là bạn chèn thêm đoạn code “define(‘WP_MEMORY_LIMIT’, ‘256M’)”; vào file wp-config.php. Bạn hãy nhớ là chèn đoạn code trên ngay sau dòng /* That’s all, stop editing! Happy blogging. */ nhé.
  • Cách thứ hai: nâng cấp phiên bản PHP, đặt lại các thông số trong host. Với cách này bạn chỉnh các thông số theo hướng dẫn này nhé. Lưu ý nhớ để MEMORY_LIMIT lên tối thiểu là 256M.

Lỗi do nhà cung cấp dịch vụ host, vps

Nếu gặp phải tình trạng này thì bạn không cần xử lý gì nhiều và chỉ cần liên hệ yêu cầu nhà cung cấp dịch vụ host/vps để họ kiểm tra và xử lý. Tất nhiên tùy theo từng nhà cung cấp dịch vụ, mà độ nhiệt tình hay chuyên nghiệp sẽ khác nhau. Nếu bạn không nhận được câu trả lời xử lý thỏa đáng thì bạn hãy thay đổi sang nhà cung cấp khác, vì mình là người trả tiền sử dụng dịch vụ mà.

Lỗi do đặt sai đường dẫn trang chủ trong file htaccess

Nguyên nhân:

Do trong phần cài đặt file htaccess, có thể bạn để sai đường dẫn load trang chủ. Thông thường với lỗi này, không chỉ phần Edit with UX-Builder không load được mà cả phần trang chủ cũng không load được.

Cách xử lý:

  • Bước 1: Truy cập vào host. Nhớ chọn hiện hết file ẩn trên host ra nhé.
  • Bước 2: Nhấp chuột phải vào file htaccess > View và sửa lại đường dẫn trang chủ.

Đa phần các website khi đã cài đặt chạy bình thường, sau đó mới lỗi thì phần đường dẫn này sẽ không bị sai. Và nếu cách fix này không có tác dụng, bạn có thể làm theo cách Nam chia sẻ dưới đây.

Lỗi load hình ảnh khi dùng ux builder năm 2024

Cách Nam xử lý lỗi loading UX-Builder

Rủi ro có thể gặp phải nếu áp dụng cách này

Khi áp dụng cách này, bạn có thể sẽ bị mất toàn độ các cài đặt cho theme Flatsome trước đó. Nhiều nhất là tất cả các code bạn đã chèn vào trong các file: Header.php và Footer.php để chỉnh sửa giao diện website.

Cách khắc phục lỗi loading UX-Builder thành công

Sau khi thử các cách trên mà vẫn không khắc phục được lỗi loading UX-Builder thì bạn có thể làm theo cách này của Nam.

Đơn giản đó chính là cài đặt lại theme Flatsome từ đầu để sửa lỗi loading UX-Builder một cách triệt để. Về cơ bản thì cách này sẽ không làm mất dữ liệu của website như bài viết, sản phẩm, trang cũng như giữ nguyên toàn bộ plugin đã cài trên site. Bạn có thể thực hiện các bước như sau:

  • Bước 1: Truy cập vào host, sau đó vào File Manager > Public_html > Wp-content > themes > Xóa toàn bộ thư mục Flatsome (đó chính là thư mục chưa theme đang bị lỗi).
  • Bước 2: Sau đó, cài lại theme Flatsome như bản trước đây đã cài là OK.

Với cách này, sau khi cài đặt lại theme xong. Bạn sẽ cần tùy chỉnh cài đặt lại các mã mà trước đây đã cài vào theme, ví dụ như các file header, footer… Tất cả các tùy chỉnh khác trên trang chủ cũng như các Plugin vẫn hoạt động bình thường.

Hãy để Nam Quảng bá 1 chút

Hiện Nam Digital đang là nhà Affliates của Hubspot và cũng đang sử dụng nền tảng này để phát triển kinh doanh từ rất lâu rồi. Nếu anh chị em quan tâm đến sản phẩm này, hãy dành thời gian trải nghiệm & đánh giá xem nhé!

Lỗi load hình ảnh khi dùng ux builder năm 2024

Kết luận

Trên đây là chia sẻ kinh nghiệm thực tế của Nam về lỗi loading UX-Builder. Hy vọng những chia sẻ trên sẽ giúp mọi người có thể tự sửa được lỗi loading UX-Builder khi gặp phải. Cảm ơn các bạn đã theo dõi bài viết của Nam Digital.