Trang chủ » Khắc phục lỗi white text và nút bị mất trong WordPress Editor

Khắc phục lỗi white text và nút bị mất trong WordPress Editor

by KDATA

White text và các nút bị mất xuất hiện trong trình chỉnh sửa WordPress là một vấn đề kỳ lạ và khó chịu có thể xảy ra trên bảng điều khiển WordPress của bạn. Vấn đề này khiến bạn gần như không thể viết bài, đặc biệt nếu bạn không biết nhiều về mã để sử dụng trình chỉnh sửa văn bản hoặc nếu bạn hoàn toàn không thể truy cập trình chỉnh sửa văn bản.

Khắc phục lỗi white text và nút bị mất trong WordPress Editor

Lỗi white text và nút bị mất trong WordPress Editor

Không có nguyên nhân cụ thể nào dẫn đến vấn đề này, giống như nhiều sự cố khác trong WordPress, vì vậy bạn thường cần thực hiện một số bước xử lý sự cố để khắc phục. Chúng ta sẽ bắt đầu với các giải pháp đơn giản và tăng dần mức độ khó tùy thuộc vào mức độ phức tạp của từng bước.

Nếu bạn cần một giải pháp nhanh, hãy chuyển ngay đến giải pháp #4 và #5 vì đây có thể là những cách hiệu quả nhất. Nếu không, hãy bắt đầu với phương pháp dễ dàng nhất bạn có thể thử để sửa lỗi này.

Sale cuối năm

Giải pháp #1: Khắc phục lỗi white text và nút bị mất bằng cách xóa bộ nhớ đệm của trình duyệt

Xóa bộ nhớ đệm của trình duyệt

Điều đầu tiên bạn nên làm là xóa bộ nhớ đệm của trình duyệt. White text, các nút bị mất và những hiện tượng kỳ lạ khác trên trang web gần như luôn liên quan đến các vấn đề với bộ nhớ đệm của trình duyệt, một tệp có thể trở nên rất lớn theo thời gian.

Trình duyệt của bạn lưu các tệp tải xuống từ các trang web khác nhau vào một tệp trên máy tính của bạn. Các tệp này hoàn toàn an toàn, không phải là phần mềm độc hại và không làm hỏng hệ thống của bạn, nhưng đôi khi chúng có thể gây ra vấn đề.

Ví dụ: ẩn một số phần tử trên trang, chẳng hạn như văn bản trong trình chỉnh sửa WordPress hoặc một vài nút nào đó.

Nếu bạn chưa muốn xóa bộ nhớ đệm, hãy đăng nhập vào bảng điều khiển WordPress bằng một trình duyệt khác hoặc trên một hệ thống khác để kiểm tra xem văn bản trắng và/hoặc các nút bị mất có còn không. Nếu chúng biến mất, bạn chỉ cần xóa bộ nhớ đệm trên trình duyệt chính của mình. Nếu lỗi vẫn còn, nguyên nhân có thể nằm ở một vấn đề khác.

Giải pháp #2: Xem lại các bước đã thực hiện gần đây

Xem lại các bước đã thực hiện gần đây

Hãy nhớ lại các bước bạn đã thực hiện gần đây trên trang WordPress của mình. Bạn có cài đặt một plugin mới không? Cập nhật một plugin hiện tại? Thay đổi gì trong tệp của trang web?

Bạn chắc hẳn đã nghe điều này nhiều lần, nhưng hãy thường xuyên sao lưu trang web của mình và luôn sao lưu trước khi thực hiện bất kỳ thay đổi nào. Ngay cả những thay đổi và cập nhật cơ bản nhất cũng có thể gây ra vấn đề, và việc có bản sao lưu ở thời điểm trang hoạt động tốt sẽ giúp bạn khôi phục dễ dàng khi sự cố xảy ra.

Nếu bạn đã cài đặt hoặc cập nhật một plugin gần đây, hãy thử tắt nó để xem lỗi có biến mất không. Bạn thậm chí có thể tắt tất cả các plugin nếu cần. Nếu bạn thay đổi giao diện (theme), hãy kích hoạt một trong các giao diện mặc định của WordPress.

Điều này cũng là lời nhắc bạn nên giữ lại ít nhất một giao diện mặc định của WordPress trên trang web của mình.

Đây là cách dễ nhất để khắc phục sự cố, nhưng không phải lúc nào cũng hiệu quả, vì vậy hãy thử tiếp các giải pháp sau.

Giải pháp #3: Khắc phục lỗi white text và nút bị mất bằng việc thay thế tệp TinyMCE bằng bản mới

Thay thế tệp TinyMCE bằng bản mới

TinyMCE là tên của trình soạn thảo văn bản trong WordPress. Đây là một trong những trình chỉnh sửa HTML dựa trên JavaScript phổ biến nhất trên web. Nếu bạn vừa nâng cấp lên phiên bản WordPress mới nhất, các sự cố này có thể do cách các tệp được tải lên và lưu trong thư mục js hoặc TinyMCE.

May mắn thay, việc này có thể được khắc phục dễ dàng, nhưng bạn sẽ cần truy cập vào các tệp của trang web. Dưới đây là cách truy cập qua FileZilla. Nếu bạn đã quen với việc sử dụng các ứng dụng FTP để truy cập hệ thống tệp của trang, bạn có thể bỏ qua phần hướng dẫn cài đặt FTP.

Cách sử dụng ứng dụng FTP (FileZilla) để truy cập tệp trang web

Mỗi trang web trên internet đều dựa vào một hệ thống tệp. Đôi khi, chúng ta cần truy cập hệ thống này để sửa lỗi, giống như bạn cần mở khoang động cơ khi xe ô tô gặp vấn đề.

Ứng dụng FTP giống như nắp capo của xe. Nó cho phép bạn truy cập hệ thống tệp của trang web. Host của bạn có thể có trình quản lý tệp riêng, chẳng hạn như cPanel, nhưng việc chỉnh sửa mã trong các tệp và tải lên tệp mới sẽ dễ dàng hơn nhiều khi sử dụng một ứng dụng FTP.

1. Tải phiên bản FileZilla phù hợp với hệ thống của bạn tại đây.

2. Chạy trình cài đặt và cài đặt chương trình trên máy tính của bạn.

Cách sử dụng ứng dụng FTP (FileZilla) để truy cập tệp trang web

3. Mở chương trình sau khi cài đặt xong. Nhấp vào File trong menu trên cùng và chọn Site Manager. Nhập tên trang web của bạn làm tiêu đề và điền các thông tin sau:

  • Host – Tên miền của bạn: example.com
  • Protocol – FTP – File Transfer Protocol
  • Encryption – Only use plain FTP (insecure)
  • Logon Type – Normal

Sử dụng tên đăng nhập và mật khẩu mà bạn dùng để truy cập tệp trang web thông qua host. Nếu bạn sử dụng cPanel, hãy nhập tên đăng nhập và mật khẩu cPanel của bạn.

4. Chuyển sang tab Transfer Settings. Tích vào ô Limit Number of Simultaneous Connections, và nhập 8 vào ô Maximum Number of Connections.

5. Nhấp Connect để kết nối và truy cập vào tệp trang web của bạn.

Tải lên một bản mới của tệp TinyMCE

Truy cập trang tải xuống trên WordPress.org. Nếu bạn đang sử dụng phiên bản mới nhất của WordPress, hãy nhấp vào nút Download WordPress X.X. Nếu bạn đang sử dụng phiên bản cũ hơn và không muốn nâng cấp, hãy nhấp vào nút Release Archive trong menu bên trái trang và tải về phiên bản WordPress mà bạn đang sử dụng.

Thực hiện theo các bước đơn giản sau:

  1. Giải nén thư mục nén mà bạn đã tải về.
  2. Mở thư mục đã giải nén.
  3. Mở thư mục có tên wordpress bên trong thư mục đã giải nén.
  4. Mở thư mục wp-includes.
  5. Mở thư mục js, và giữ thư mục này mở trên máy tính của bạn.
  6. Mở chương trình FTP, và truy cập thư mục gốc của trang web (thường được gọi là public_html). Mở thư mục wp-includes, sau đó mở thư mục js.

Tải lên một bản mới của tệp TinyMCE

Kéo và thả thư mục TinyMCE từ máy tính của bạn vào ứng dụng FTP. Khi được hỏi, chọn overwrite (ghi đè) thư mục gốc.

Điều này sẽ tải lên một phiên bản TinyMCE mới, hoạt động đầy đủ lên trang của bạn. Nếu có sự cố với thư mục trước đó, sự cố sẽ được khắc phục vì thư mục đã được khôi phục về trạng thái ban đầu.

Làm mới trang web của bạn để kiểm tra xem lỗi văn bản trắng và nút bị mất đã biến mất chưa. Nếu vẫn chưa, hãy tiếp tục với giải pháp tiếp theo.

Giải pháp #4: Khắc phục lỗi white text và nút bị mất bằng cách thêm mã vào tệp wp-config.php

Lưu ý quan trọng: Hãy sao lưu trang web của bạn trước khi thực hiện bất kỳ thay đổi nào.

Sử dụng hướng dẫn thiết lập FTP ở phần trước để truy cập tệp. Mở thư mục WordPress của bạn, thường là public_html. Thư mục này bao gồm các thư mục như wp-adminwp-content.

1. Tìm tệp wp-config.php. Nhấp đúp để tải tệp xuống máy tính của bạn, sau đó mở nó bằng trình soạn thảo văn bản.

Thêm mã vào tệp wp-config.php

2. Thêm dòng mã sau ngay bên dưới thẻ PHP mở đầu:

define('CONCATENATE_SCRIPTS', false);

3. Lưu tệp, và tải phiên bản mới của tệp này lên thư mục WordPress của bạn thông qua ứng dụng FTP. Khi được hỏi, chọn overwrite (ghi đè) tệp gốc.

Khắc phục lỗi white text và nút bị mất trong WordPress Editor

4. Làm mới ứng dụng FTP bằng cách nhấp vào nút Refresh ở trên cùng.

5. Làm mới bảng điều khiển WordPress, tạo một bài viết hoặc trang mới, và kiểm tra xem văn bản và các nút đã xuất hiện trở lại hay chưa.

Giải pháp #5: Xóa tệp .htaccess khỏi thư mục wp-includes

Một giải pháp ít phổ biến hơn nhưng rất hiệu quả là kiểm tra xem có tệp .htaccess nào trong thư mục wp-includes hay không. Có thể bạn đã tạo nó và quên xóa, hoặc nó xuất hiện một cách bất thường.

Dù lý do là gì, tệp .htaccess trong thư mục wp-includes có thể khiến văn bản trắng xuất hiện trong trình chỉnh sửa WordPress. Tệp này chỉ nên tồn tại trong thư mục gốc.

Khắc phục lỗi white text và nút bị mất trong WordPress Editor

.htaccess là một “dotfile” (tệp ẩn). Dotfile mặc định bị ẩn trong một số chương trình FTP. Nếu bạn không nhìn thấy tệp .htaccess ngay lập tức trong thư mục wp-includes, hãy bật chế độ hiển thị. Nhấp vào Server trong menu trên cùng của FileZilla, và chọn Force Showing Hidden Files.

  1. Mở thư mục WordPress, và mở thư mục wp-includes.
  2. Nếu bạn thấy tệp .htaccess ở đó, hãy xóa nó.

Tổng kết

Không có cách nào chắc chắn để ngăn chặn hoàn toàn lỗi white text và các nút bị mất trong trình chỉnh sửa WordPress. Lỗi này có thể xảy ra vì nhiều nguyên nhân, từ xung đột với plugin hoặc giao diện (theme) cho đến các tệp bị sao chép sai trong quá trình cập nhật.

Thậm chí, những tệp không xác định có thể xuất hiện ở những vị trí không mong muốn, khiến việc xác định nguồn gốc vấn đề trở nên khó khăn.

Hy vọng rằng sau khi áp dụng các giải pháp trên, vấn đề white text và nút bị mất trên trang của bạn đã được khắc phục. Để giảm thiểu nguy cơ gặp phải lỗi này trong tương lai, hãy đảm bảo tạo các bản sao lưu thường xuyên.

Dù bạn thực hiện thay đổi lớn như cập nhật WordPress hay thay đổi nhỏ như cài đặt một plugin, việc có sẵn bản sao lưu sẽ giúp bạn an tâm hơn trong trường hợp sự cố xảy ra.

Hãy nhớ rằng, việc sao lưu thường xuyên là biện pháp tốt nhất để bảo vệ trang web của bạn khỏi các lỗi không mong muốn.

Bài viết liên quan