Trang quản trị WordPress bị vỡ giao diện và cách khắc phục

Trang quản trị WordPress bị vỡ giao diện và cách khắc phục

Hôm nay đang ngồi làm việc thì tôi có nhận được email từ khách hàng bảo không thể chỉnh sửa bài viết hay các chức năng chỉnh sửa nhanh bằng ajax đều không thể hoạt động, phần soạn thảo trực quan cũng không hiển thị các tùy chỉnh.

Đăng nhập vào website và thấy giao diện bên trong đơ và vỡ layout như hình bên trên thì bạn cứ bình tĩnh mà làm theo cách sau để fix.

• Xóa cookie và bộ nhớ cache để loại trừ khả năng cookie và bộ nhớ cache gây ra sự cố này
• Cập nhật trình duyệt web lên bản mới nhất hoặc thử tải trang bằng cửa sổ khách
• Nâng cấp các plugin và theme lên bản mới nhất
• Review lại xem thử bạn có vừa cài plugin nào mới hay không
• Kiểm tra băng thông của website còn hay đã hết
• Hãy thử tải trang web ở một IP khác, bạn có thể nhờ ai đó ở một nơi khác đánh giá

Nếu thực hiện các bước trên vẫn chưa được bạn hãy F12 bật qua search console thì có xuất hiện thông tin lỗi js cụ thể là Uncaught ReferenceError: $ is not defined bạn có thể xem hình phía dưới.

Qúa trình tìm đủ mọi cách để fix như tắt từng plugin một để test, xóa hết cache bao gồm Object cache , Opcode cache và cả cache trình duyệt đều không mang lại kết quả , cuối cùng thì search trên stackoverflow thì có một số người cũng bị lỗi này và kèm theo cách khắc phục vô cùng đơn giản đó là thêm vào file wp-config.php đoạn code phía dưới đây là có thể khắc phục được sự cố.

define( 'CONCATENATE_SCRIPTS', false );

Mặc định trong phần quản trị WordPress , tất cả các tệp JavaScript được nối với nhau thành 1 file dựa vào mức độ ưu tiên của enqueue và load dạng ajax.

Ví dụ: https://truongcongthang.com/wp-admin/load-scripts.php?c=1&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=5.8

Thay vì load từng url 1 thì nó sẽ ghép lại và load bằng 1 url như trên.

Để fix lỗi bên trên và giúp cho phần quản trị wp được nhanh hơn thì bạn nên cho nó load từng file thay vì gom lại 1 cục như vậy.

Để ngăn không cho WordPress load 1 url như trên bạn có thể thêm đoạn code mình vừa để ở trên define( 'CONCATENATE_SCRIPTS', false ); vào file wp-config.php là được.

Nếu sự cố vẫn chưa được giải quyết bạn có thể update core WordPress và phân quyền lại các file trên host xem sao, nếu vẫn không khắc phục được nữa thì bạn có thể nhắn tin cho chúng tôi để được tương trợ.

Khách hàng của Kiếm Tiền Online , nếu gặp mọi lỗi liên quan tới WordPress , VPS Hosting … vui lòng liên hệ với chung qua email info@truongcongthang.com hoặc có thể gửi trực tiếp cho chúng tôi qua zalo 0963.125.822 để được tương trợ.

Xin cảm ơn.