Hướng dẫn khắc phục lỗi Sidebar nằm dưới nội dung

Trong những năm gần đây, WordPress đã trở thành hệ quản trị nội dung (CMS) được nhiều người sử dụng nhất trên thế giới. WordPress thân thiện với người dùng và không đòi hỏi bạn phải am hiểu quá nhiều về kỹ thuật để tạo một blog/website. Với một cộng đồng đông đảo, bạn có thể dễ dàng nhận được sự trợ giúp của người khác khi gặp phải các sự cố. Nếu bạn là người mới, trong quá trình sử dụng WordPress bạn sẽ gặp phải một số lỗi. Và lỗi sidebar nằm dưới nội dung là một lỗi như vậy.

Khi bạn gặp lỗi này, sidebar sẽ nằm bên dưới nội dung thay vì nằm bên trái hoặc bên phải.

Nếu bạn không muốn làm ảnh hưởng xấu đến trải nghiệm của người dùng, hãy khắc phục lỗi này ngay.

Dưới đây là chia sẻ giúp bạn từng bước khắc phục lỗi sidebar nằm dưới nội dung trong WordPress

Nguyên nhân gây ra lỗi sidebar nằm dưới nội dung

Lỗi sidebar nằm sai vị trí là một lỗi thường gặp nhưng cũng rất dễ khắc phục. Nguyên nhân gây ra lỗi sidebar nằm dưới nội dung có thể là:

  • Lỗi HTML: có một thẻ div không được đóng trong WordPress Theme của bạn. Dư một thẻ <div> hoặc </div>
  • Lỗi CSS: tập tin style.css trong WordPress Theme, bạn thiết lập chiều cao và chiều rộng của một đối tượng không phù hợp làm thay đổi bố cục của Theme. Sử dụng sai thuộc tính float.
  • Một plugin nào đó làm hỏng bố cục của WordPress Theme. (Mặc dù việc này rất hiếm gặp nhưng cũng không hẳn là không thể)
  • Nội dung hoặc các tùy chỉnh mà bạn đã thực hiện đối với WordPress Theme cũ không phù hợp với WordPress Theme hiện tại.

Làm thế nào để khắc phục lỗi sidebar nằm dưới nội dung?

Như bạn có thể thấy, bên dưới là ảnh một WordPress bình thường.

sidebar

Nhưng đôi khi bạn không nhìn thấy sidebar khi truy cập vào một bài viết/trang trên WordPress site của mình.

no sidebar

Nếu bạn lăn chuột xuống bên dưới, bạn sẽ nhìn thấy sidebar nằm dưới nội dung bài viết/trang.

sidebar below content

Lỗi này trông có vẻ phức tạp nhưng thực ra nó rất dễ giải quyết. Bạn chỉ cần làm theo các bước tôi chia sẻ là mọi thứ đều ổn.

Trước khi tiến hành khắc phục lỗi sidebar nằm dưới nội dung, bạn nên kiểm tra các trường hợp tôi liệt kê bên dưới để tiết kiệm thời gian.

  • Chỉ có các trang bị ảnh hưởng: Bạn cần kiểm tra lại tập tin page.php để đảm bảo rằng mọi thứ đều ổn.
  • Lỗi hiển thị đối với tất cả các bài viết: Kiểm tra tập tin single.php.
  • Chỉ có các trang được các plugin tạo ra bị ảnh hưởng: Nguyên nhân có thể là do plugin nào đó gây ra. Bạn cần tìm plugin này và tắt nó xem thử có khắc phục được sự cố hay không.
  • Bạn đã thực hiện các thay đổi trên WordPress Theme của mình? Hãy sao lưu lại dữ liệu, sau đó xóa bỏ các thay đổi. Sử dụng ChilTheme nếu muốn thực hiện các tùy chỉnh.

Khi bạn đã biết chính xác nguyên nhân gây ra lỗi. Hãy bắt đầu khắc phục lỗi sidebar nằm dưới nội dung.

Trong trường hợp gặp phải lỗi này, bạn hãy truy cập vào trang W3C Markup Validation Service.

w3c

Sau khi truy cập vào trang này, bạn hãy nhập địa chỉ blog/website hoặc địa chỉ của bài viết/trang bị lỗi sidebar nằm dưới nội dung và nhấp nút Check.

Chờ một lát, bạn sẽ nhận được kết quả cho biết nguyên nhân gây ra lỗi sidebar nằm dưới nội dung.

Bạn chỉ cần làm theo các hướng dẫn trên màn hình và xóa bỏ thẻ dư trên bài viết/trang.

Sau khi bạn xóa các thẻ này, cập nhật lại nội dung bài viết, làm tươi trình duyệt. Nếu mọi việc đều được thực hiện chính xác, bạn sẽ nhìn thấy sidebar nằm bên phải hoặc trái nội dung thay vì nằm bên dưới.

Bạn thấy đấy, chỉ cần sai một dòng code thôi cũng có thể dẫn đến lỗi. Mặc dù vấn đề không có gì to tát nhưng nếu bạn không biết chính xác sai ở dòng code nào thì rất mất thời gian để khắc phục.

Vì vậy nếu chẳng may gặp phải lỗi này, hãy thực hiện theo các bước tôi đã chia sẻ là bạn có thể khắc phục được vấn đề một cách đơn giản và nhanh chóng.

Hy vọng rằng sau khi đọc xong bài viết này, bạn có thể khắc phục được lỗi sidebar nằm dưới nội dung trong WordPress.

Nếu bạn thấy bài viết hữu ích, đừng quên Like và Share.

Hẹn gặp lại bạn trong bài viết tiếp theo./.

 

Đăng ký nhận bài viết mới nhất

Hãy đăng ký nhận tin để nhận được những nội dung thú vị và tuyệt vời!

Để lại bình luận