Cách sửa lỗi nội dung dưới thanh sidebar trong WordPress

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

Tại sao thanh Sidebar của tôi lại rơi xuống dưới nội dung?

Lý do tại sao thanh sidebar của bạn rơi xuống dưới nội dung là do lỗi HTML hoặc CSS trong theme của bạn.

Làm thế nào để sử lỗi nội dung dưới thanh sidebar?

tôi đã gỡ rối vấn đề 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 thừa đang được đóng trên trang khiến thanh sidebar của bạn trông như bị nằm bên ngoài yếu tố wrap. Vậy điều này có ý nghĩa gì trong tiếng Anh? Chúng ta hãy khắc phục sự cố từng bước một.

Đây có phải điều xảy ra gần đây không? Nó chỉ xảy ra trên một bài đăng hoặc trang cụ thể? Nếu câu trả lời của bạn là có thì bản sửa lỗi sau đây dành cho bạn.

Hãy xem qua bất cứ điều gì bạn đã thay đổi gần đây. Bạn đã thêm một plugin? Thực hiện bất kỳ thay đổi liên quan đến HTML nào? Bài đăng hoặc nội dung trang cụ thể có khối <div> cụ thể không? Hãy chắc chắn 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.

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

lỗi nội dung dưới thanh sidebar

Nếu bạn đang tạo một custom theme và vấn đề này đang xảy ra với bạn thì có thể có vài vấn đề. Một vấn đề tôi đã tiết lộ với bạn ở trên. Một vài 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ữ tỷ lệ cân bằng. Ví dụ: nội dung rộng 600px và chiều rộng thanh bên 300px với khoảng cách 60px giữa chúng.

Các vấn đề khác có thể liên quan đến floate. Bạn phải chắc chắn đã thêm float: trái và phù hợp với các yếu tố khác. Nếu bạn không làm điều đó, thì nó sẽ không hoạt động.

Tôi hy vọng rằng bài này đã chỉ cho bạn cách khắc phục lỗi nội dung dưới thanh sidebar trong WordPress.

0 0 vote
Article Rating
Đăng ký
Thông báo về
guest
26 Bình Luận
Inline Feedbacks
View all comments

Tuyết
10/05/2017 4:54 chiều

Chào Duy Anh,

trang của mình labshopvn.com hình như bị lỗi nội dung dưới thanh sidebar trong WordPress nhưng mình chưa biết cách sữa lỗi,

Bạn có thể chỉ cách giúp mình được không??? mình là người mới nên có rất nhiều thứ chưa hiểu lắm

Chân thành cám ơn bạn

Tuyết
Reply to  Diều Hâu
10/05/2017 10:13 chiều

Hi Duy Anh,

Trang: labshopvn.com của mình, không hiểu lí do vì sao không đọc chi tiết bài viét trên dt được, mình có hỏi trên một số group, họ kêu nội dung dưới thanh sidebar, vì web có sử dụng responsive, bạn có thể hướng dẫn mình cách fix lỗi này không???

Chân thành cám ơn bạn

Tuyết
Reply to  Diều Hâu
11/05/2017 3:30 chiều

Hi Duy Anh,

Cám ơn bạn đã hổ trợ mình nha.

Tuyết
Reply to  Diều Hâu
11/05/2017 4:53 chiều

Hi Duy Anh,

Bạn có cần pass của wordpress không???

Đôn
08/06/2018 9:36 sáng

Anh ơi cho em hỏi với là em mới thay đổi theme nên nội dung bài viết của em bị đè lên slidebar.
Mong anh chỉ giúp hướng giải quyết và khắc phục.
Đây là link bị lỗi như này https://thibanglaixemay.info/hoi-dap/nop-ho-thi-bang-lai-xe-may-o-dau-ha-noi.html

Đôn
Reply to  Diều Hâu
29/06/2018 4:03 chiều

À em bị lỗi nội dung bị đè lên sidebar nên em để chế độ full-width. Nhưng thực tế e rất muốn khắc phục lỗi này. Em chỉnh sidebar sang trái thì nội dung tràn hết ra khung bên phải.

Đôn
Reply to  Diều Hâu
29/06/2018 4:05 chiều

À vì lỗi nội dung tràn sang sidebar nên em để chế độ full-width. anh kiểm tra lại giúp em với. Em để sidebar sang bên trái thì nội dung bên phải tràn hết ra bên phải.

Đôn
Reply to  Diều Hâu
29/06/2018 4:59 chiều

Em để chế độ sidebar lại rồi anh xem link của em bị lỗi đây nhé https://thibanglaixemay.info/hoi-dap/nop-ho-thi-bang-lai-xe-may-o-dau-ha-noi.html
Anh xem có cách nào khắc phục giúp em với ạ

Đôn
Reply to  Diều Hâu
29/06/2018 9:11 chiều

Mình để chế độ sidebar rồi bây giờ nội dung tràn trên sidebar bạn xem giúp mình khắc phục với nhé.

sơn
sơn
22/08/2019 8:20 chiều

Mình get menu vào wordpress nhưng bị bể giao diện là sao nhỉ?

Gia Phát
11/09/2019 9:47 chiều

Chào bạn!
Trong trang sản phẩm, danh mục sản phẩm của mình bị vỡ giao diện, thanh sidebar ở dưới nội dung. Bạn có thể hướng dẫn mình chi tiết hơn cách xử lý được không. Mình dùng theme Ad-sense.
Đây là 1 trang lỗi: https://giaphaco.com/danh-muc/son-dulux
Cám ơn bạn nhiều!

Gia Phát
Reply to  Diều Hâu
11/09/2019 10:11 chiều

Nó bị lâu rồi nên mình không nhớ. Hôm nay mò thấy bài viết này của bạn, nên hỏi bạn cách sửa
Bây giờ làm như thế nào nhỉ bạn?

Gia Phát
Reply to  Diều Hâu
11/09/2019 10:15 chiều

Mình chạy thử giao diện cha cũng bị.

Gia Phát
Reply to  Diều Hâu
11/09/2019 10:19 chiều

Cám ơn bạn nhiều!

Pin It on Pinterest

Shares