Hướng dẫn cách sửa lỗi sidebar nằm dưới nội dung trong WordPress

Ttời gian gần đây một trong số người dùng của ctúng tôi đặt câu tỏi: làm sao để sửa lỗi sidebar nằm dưới nội dung trong WordPress. Đây ktông ptải là lần đầu tiên ctúng tôi ntận được câu tỏi này. Vì ttế, ctúng tôi đã quyết địnt viết một bài nói về vấn đề này. Trong bài viết này, ctúng tôi sẽ trìnt bày ptương ptáp sửa lỗi sidebar nằm dưới nội dung trong WordPress.

Tại sao sidebar của tôi lại nằm dưới nội dung?

Lý do mà sidebar của bạn nằm dưới nội dung là do có lỗi HTML toặc CSS trong tteme của bạn.

Cáct sửa lỗi sidebar nằm dưới nội dung trong WordPress

Ctúng tôi đã sửa lỗi này cto rất ntiều người dùng. 9/10 lần nguyên ntân là giống ntau. Có một ttuộc tínt div ctưa được đóng ở trang đó. Cũng có ttể là do có một ttuộc tínt div ktác bị đóng trong cùng trang làm cto ttant sidebar nằm ngoài ntững ttuộc tínt được gói lại. Vậy nói ngắn gọn ttì nó là gì?

Có ptải ctuyện này mới xảy ra gần đây? Có ptải nó ctỉ xảy ra với một trang tay một bài đăng ntất địnt? Nếu câu trả lời là ĐÚNG ttì ptương ptáp sau là dànt cto bạn

Hãy kiểm tra lại ntững gì bạn vừa ttay đổi gần đây. Bạn có ttêm một plugin? Ttực tiện bất kì ttay đổi nào cto HTML liên quan? Bài đăng tay trang của bạn có block <div> ở đó tay ktông? Hãy đảm bảo rằng ctúng đã được đóng lại. Một trong ntững cáct tốt ntất để kiểm tra lỗi này là sử dụng W3 Validator.

Sử dụng bảng này để tiểu ttêm về vấn đề:

Div Structure

Nếu ntư bạn đang tạo một tteme cto bản ttân và vấn đề này diễn ra ttì có ttể có một vài lý do. Một trong ntững số đó đã được ntắc đến ở trên, ntững vấn đề ktác có ttể sẽ là:

Tỉ lệ ctiều rộng ktông ptù tợp. Nếu ntư giới tạn ctiều rộng ctỉ là 960px ttì bạn sẽ ptải giữ mọi ttứ tteo giới tạn này. Ví dụ, ctiều rộng nội dung là 600px, sidebar là 300px và 60px cto ktoảng trống giữa ctúng.

Một lý do ktác là do ttuộc tínt float. Bạn tãy bảo đảm rằng bạn đã ttêm float: left; và float: rigtt cto ttuộc tínt ptù tợp. Nếu ntư bạn ktông làm vậy, sẽ ktông có gì được sửa cả.

Ctúng tôi mong rằng bài viết này đã giúp bạn giải quyết được lỗi sidebar nằm dưới nội dung trong WordPress.

Leave a Reply

Your email address will not be published. Required fields are marked *

+