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

26
17

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

Diều Hâu
Quản trị viên
Reply to  Tuyết
10/05/2017 5:32 chiều

Mình có nhìn qua nhưng không thấy lỗi gì bên thanh sidebar của bạn cả. Bạn có thể nói rõ hơn không

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

Diều Hâu
Quản trị viên
Reply to  Tuyết
11/05/2017 1:15 chiều

Mình xem rồi ko có lỗi j nhé

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.

Diều Hâu
Quản trị viên
Reply to  Tuyết
11/05/2017 4:41 chiều

Mình thấy giao diện bạn có khá đơn giản nên chỉnh sửa lại chút 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

Diều Hâu
Quản trị viên
Reply to  Đôn
08/06/2018 3:57 chiều

Bạn vào phần theme rồi chỉnh lại phần widget bên phải bên trái xem, như mình thì trang này đang là full-width

Đô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.

Diều Hâu
Quản trị viên
Reply to  Đôn
03/07/2018 2:53 chiều

Chào bạn, bạn làm sidebar như vậy là không đúng rồi nhé. Sidebar của bạn sẽ nằm trong phần Widget nha và trong theme bạn chỉnh cài đặt hiên thị widget bên tai phải nha. Còn việc bạn làm hiện tại là tạo sidebar trên cùng 1 page. như vậy khả năng lỗi sẽ rất cao 🙂

Đô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.

Diều Hâu
Quản trị viên
Reply to  Đôn
29/06/2018 4:48 chiều

Đã full-width thì không để sidebar nhé bạn.

Đô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é.

Diều Hâu
Quản trị viên
Reply to  Đôn
30/06/2018 10:10 sáng

Bạn chụp lại chỗ chỉnh rồi gửi mình xem.

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ỉ?

Diều Hâu
Quản trị viên
Reply to  sơn
22/08/2019 10:01 chiều

Vậy bạn check lại CSS của chỗ đó xem sao. Khả năng cao sẽ phải update lại

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!

Diều Hâu
Quản trị viên
Reply to  Gia Phát
11/09/2019 10:08 chiều

Bạn có vừa nghịch style gì ở phần này không.

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?

Diều Hâu
Quản trị viên
Reply to  Gia Phát
11/09/2019 10:13 chiều

không nhớ thì giờ phải kiểm tra mới biết được. Chắc là bạn nghịch gì nên nó vị vỡ khung.

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ị.

Diều Hâu
Quản trị viên
Reply to  Gia Phát
11/09/2019 10:18 chiều

Bạn nhờ ai đó kiểm tra giúp là tốt nhất. Giờ nhìn cũng chưa biết chính xác được chỗ nào

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

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

Diều Hâu
Quản trị viên
Reply to  Gia Phát
11/09/2019 10:20 chiều

mình đoán do CSS sai đoạn nào đó phần product page