VietNetwork.Vn

Gần đây, một trong những người dùng của mình đã hỏi mình câu hỏi: làm thế nào để sửa lỗi thanh sidebar bên dưới nội dung trong WordPress. Đây không phải là lần đầu tiên, mình nhận được câu hỏi này, vì vậy mình quyết định viết một bài về nó. Trong bài viết này, mình sẽ hướng dẫn bạn cách sửa lỗi nội dung bên dưới trong WordPress.

1. Tại sao Sidebar bị tụt xuống bên dưới nội dung?

Lý do khiến Sidebar bị tụt xuống bên dưới nội dung là do có lỗi HTML hoặc CSS trong giao diện của bạn.

2. Làm cách nào để ngăn Sidebar bị tụt xuống bên dưới nội dung?

Mình đã khắc phục sự cố này cho nhiều người dùng. 9 trên 10 lần, lý do là như nhau. Có một phần tử div chưa được đóng trên trang. Nó cũng có thể là có một phần tử div bổ sung đang được đóng trên trang, điều này làm cho nó có vẻ như thanh bên của bạn nằm ngoài phần tử bao quanh. Vậy điều này có nghĩa là gì trong tiếng Anh? Hãy khắc phục sự cố nó từng bước.
Đây có phải là một cái gì đó đã bắt đầu xảy ra gần đây? Nó chỉ xảy ra trên một bài viết hoặc một trang cụ thể? Nếu câu trả lời của bạn là CÓ, thì cách khắc phục sau đây là dành cho bạn.

Xem qua bất cứ điều gì mà bạn đã thay đổi gần đây. Bạn đã thêm một plugin? Thực hiện bất kỳ thay đổi nào liên quan đến HTML? Nội dung trang hoặc bài viết cụ thể của bạn có các thẻ <div> trong đó không? Đảm bảo rằng chúng được đóng đúng cách. Một trong những cách tốt nhất để tìm ra lỗi là sử dụng W3 Validator.

Sử dụng biểu đồ này để hiểu những gì đang xảy ra:


Nếu bạn đang tạo một giao diện tùy chỉnh và vấn đề này đang xảy ra với bạn, thì có thể có một số vấn đề. Một vấn đề mình đã tiết lộ cho bạn ở trên. Một số vấn đề khác có thể là:

• Tỷ lệ chiều rộng không phù hợp. Nếu chiều rộng vùng chứa của bạn chỉ là 960px, thì bạn phải giữ mọi thứ tương xứng. Ví dụ: chiều rộng nội dung 600px và chiều rộng sidebar 300px với lề 60px giữa chúng.
• Vấn đề khác có thể là thuộc tính float. Bạn phải đảm bảo rằng bạn thêm float: left; và float: right với các phần tử thích hợp. Nếu bạn không làm điều đó, thì nó sẽ không hoạt động.

Mình hy vọng rằng bài viết này đã chỉ cho bạn cách sửa lỗi thanh sidebar bên dưới nội dung bên dưới trong WordPress.