Khi mẫu WordPress của bạn sử dụng bố cục hai cột cho nội dung và thanh bên, có khả năng xảy ra lỗi. Lỗi này làm cho thanh bên xuất hiện bên dưới nội dung thay vì bên cạnh nội dung đó. Lỗi này thậm chí có thể xảy ra do một thay đổi nhỏ trong tập lệnh. Nếu bạn đang cố gắng sửa lỗi thanh bên dưới nội dung trong WordPress, bạn có thể thực hiện các đề xuất, đề xuất và giải pháp từ bài viết này
Nguyên nhân gây ra lỗi
Một lỗi trong HTML hoặc CSS có thể gây ra lỗi thanh bên dưới nội dung trong WordPress. Lỗi này trong HTML hoặc CSS là lỗi phá vỡ bố cục. Ví dụ,
- An unclosed tag in HTML.không mong muốn trong HTML, v.v.
- Thẻ đóng
CSS là cái chịu trách nhiệm thiết kế tổng thể của từng phần tử. CSS được sử dụng để xác định
- Bề rộng
- căn chỉnh
- Làm nổi các phần tử trong bố cục, v.v.
Bất kỳ lỗi nào trong CSS phá vỡ bố cục đều có thể gây ra lỗi thanh bên dưới nội dung trong WordPress. Ví dụ,
- Chiều rộng của khu vực nội dung lớn hơn không gian có sẵn, v.v.
Sửa lỗi Sidebar bên dưới lỗi nội dung trong WordPress
Để khắc phục sự cố và sửa lỗi được đề cập, chúng tôi sẽ xem xét từng bước và kỹ thuật khác nhau. Trong bài viết này, chúng ta sẽ bắt đầu với việc khắc phục sự cố
Bước 1. Hoàn tác các thay đổi gần đây đối với chủ đề WordPress của bạn
Các chủ đề WordPress là chủ đề chủ yếu chăm sóc giao diện và phong cách trang web của bạn. Do đó, họ thêm các tệp HTML và CSS vào trang web của bạn. Nếu bạn biết về bất kỳ sửa đổi nào trong chủ đề WordPress của mình hoặc các chủ đề khác, thì bạn có thể bắt đầu tìm nguyên nhân gây ra lỗi từ đây. Điều này là do bất kỳ sửa đổi nào trong tệp chủ đề WordPress là nguyên nhân phổ biến nhất gây ra lỗi nội dung bên dưới trong WordPress. Vì vậy, bắt đầu từ đây là cách tốt nhất để khắc phục sự cố
Nếu bạn không chắc chắn về các sửa đổi trong các tệp chủ đề WordPress, thì đây là các cách khắc phục sự cố khác mà bạn có thể tham khảo. Tiếp tục đọc bài viết
Bước 2. Loại trừ các plugin WordPress
Các tệp HTML và CSS không chỉ được thêm bởi các chủ đề WordPress mà còn bởi các plugin WordPress. Mặc dù, đây có thể không phải là trường hợp nhất thiết. Nhưng để đảm bảo rằng các Plugin WordPress không phải là nguyên nhân gây ra lỗi liên quan, bạn có thể làm theo các bước bên dưới
- Vô hiệu hóa tất cả các plugin WordPress
- Nếu lỗi được loại bỏ bằng bước trên, bạn có thể chắc chắn rằng lỗi do plugin WordPress gây ra
- Bây giờ bước tiếp theo là tìm các plugin gây lỗi
- Bắt đầu kích hoạt từng plugin WordPress một
- Nếu việc kích hoạt bất kỳ plugin nào dẫn đến lỗi xuất hiện trở lại, bạn có thể thay thế plugin hoặc có thể liên hệ với bộ phận hỗ trợ của plugin để được hỗ trợ thêm
Bước 3. Tìm HTML phá vỡ bố cục
Nếu chỉ một phần hoặc bài đăng cụ thể trên trang web của bạn bị ảnh hưởng, bạn nên kiểm tra mã của khu vực cụ thể đó. Bạn có thể bắt đầu với đĩa đơn. mẫu php. Nó thường được khuyến nghị khi lỗi chỉ tồn tại đối với một bài đăng cụ thể. Bạn cũng có thể tham khảo bảng cheat phân cấp mẫu WordPress hoàn chỉnh
Some of the easiest ways to find out any broken
- Sử dụng công cụ Trình xác thực W3C
- Sử dụng công cụ Kiểm tra
- Sử dụng các ứng dụng chỉnh sửa mã
Trong khi gỡ lỗi mã, bạn cần chủ yếu tìm kiếm,
- An unclosed tag in HTML.không mong muốn trong HTML
- Thẻ đóng
Nếu bạn tìm thấy bất kỳ lỗi nào ở trên trong tập lệnh HTML của mình, bạn cần sửa chúng. Đảm bảo rằng tập lệnh HTML của bạn không có gì phá vỡ bố cục. Sửa lỗi này sẽ loại bỏ lỗi thanh bên dưới nội dung trong WordPress. Nếu vấn đề của bạn vẫn chưa được giải quyết, hãy tiếp tục đọc bài viết để biết một số giải pháp được đề xuất khác
Bước 4. Tìm CSS di chuyển thanh bên dưới nội dung
CSS chịu trách nhiệm tạo kiểu cho từng thành phần trong trang web của bạn. Thiết kế trang web của bạn ít nhiều được kiểm soát bởi CSS. Nó chắc chắn bao gồm chiều rộng, chiều cao và cả các khu vực thanh bên trong bố cục lưới, cùng với nhiều tính năng khác của thiết kế trang web. Ở chế độ xem trên thiết bị di động, thanh bên dưới lỗi nội dung trong WordPress có thể tự động xuất hiện. Các bước quan trọng trong trường hợp này là
- Bạn có thể sử dụng công cụ Kiểm tra để gỡ lỗi mã
- Kiểm tra chiều rộng và chiều cao của trường trình bao bọc, phần nội dung và khu vực thanh bên để tìm xem có bất kỳ vấn đề nào không
- Ngoài ra, đảm bảo rằng bạn đang tính đến không gian được sử dụng bởi các giá trị đệm và lề khi chỉ định khu vực cho các phần khác nhau của trang web
Bước 5. Xóa bộ đệm WordPress
Bộ nhớ cache chắc chắn là lý do gây ra lỗi WordPress trong một số trường hợp. Bạn nên cố gắng xóa bộ đệm WordPress và bộ đệm của trình duyệt nếu tất cả các kỹ thuật được đề xuất ở trên không thành công. Cũng có thể WordPress đang hiển thị phiên bản cũ hơn của cùng một trang web. Nó xảy ra vì các plugin bộ nhớ đệm. Giải quyết các vấn đề về bộ nhớ đệm có thể giải quyết lỗi thanh bên dưới nội dung trong WordPress