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:
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.
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
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
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
Mình xem rồi ko có lỗi j nhé
Hi Duy Anh,
Cám ơn bạn đã hổ trợ mình nha.
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.
Hi Duy Anh,
Bạn có cần pass của wordpress khô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
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
À 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.
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 🙂
À 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.
Đã full-width thì không để sidebar nhé bạn.
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 ạ
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é.
Bạn chụp lại chỗ chỉnh rồi gửi mình xem.
Mình get menu vào wordpress nhưng bị bể giao diện là sao nhỉ?
Vậy bạn check lại CSS của chỗ đó xem sao. Khả năng cao sẽ phải update lại
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!
Bạn có vừa nghịch style gì ở phần này không.
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?
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.
Mình chạy thử giao diện cha cũng bị.
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
Cám ơn bạn nhiều!
mình đoán do CSS sai đoạn nào đó phần product page