Diều Hâu
Kho theme & plugin bản quyền cho WordPress
  • WordPress
    • Plugin
    • Theme
    • Hướng Dẫn
    • Thủ Thuật
  • Công Nghệ
    • Điện thoại
    • Internet
    • Máy tính
  • Marketing
  • MMO
  • SEO
No Result
View All Result
  • WordPress
    • Plugin
    • Theme
    • Hướng Dẫn
    • Thủ Thuật
  • Công Nghệ
    • Điện thoại
    • Internet
    • Máy tính
  • Marketing
  • MMO
  • SEO
No Result
View All Result
Diều Hâu
No Result
View All Result
Home Thiết kế / Lập trình WordPress Thủ Thuật

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

22/09/2020
in Thủ Thuật
26

Mục Lục

  1. Tại sao thanh Sidebar của tôi lại rơi xuống dưới nội dung?
    1. Làm thế nào để sử lỗi nội dung dưới thanh sidebar?

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.

Tags: lỗi thường gặpsửa lỗi

Related Posts

preview-could-not-be-loaded
Thủ Thuật

Hướng dẫn Fix lỗi “Preview Could Not Be Loaded” trên Elementor

05/04/2021
sua-loi-khong-gui-duoc-email-tren-wordpress
Thủ Thuật

Làm thế nào để sửa lỗi trang WordPress không gửi được email?

22/09/2020
loi-500-internal-server-error
Hướng Dẫn

Hướng dẫn fix lỗi 500 Internal Server Error thường gặp nhất

22/09/2020
loi-503-Service-Unavailable
Thủ Thuật

Hướng dẫn sửa lỗi 503 Service Unavailable trong WordPress

22/09/2020
Elementor-khong-load-duoc
Hướng Dẫn

[Fix] Lỗi Elementor không Load được trong WordPress

18/10/2020
Hướng dẫn sửa lỗi 403 forbidden
Thủ Thuật

Hướng dẫn khắc phục lỗi 403 Forbidden trong WordPress

22/09/2020
Next Post
hướng dẫn cài đặt google search console

Hướng dẫn cài đặt Google Search Console cho trang WordPress

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

Tuyết
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

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  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

0
Trả lời
Tuyết
Tuyết
Trả lời  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

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  Tuyết
11/05/2017 1:15 chiều

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

0
Trả lời
Tuyết
Tuyết
Trả lời  Diều Hâu
11/05/2017 3:30 chiều

Hi Duy Anh,

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

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  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.

0
Trả lời
Tuyết
Tuyết
Trả lời  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???

0
Trả lời
Đôn
Đô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

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  Đô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

0
Trả lời
Đôn
Đôn
Trả lời  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.

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  Đô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 🙂

0
Trả lời
Đôn
Đôn
Trả lời  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.

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  Đôn
29/06/2018 4:48 chiều

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

0
Trả lời
Đôn
Đôn
Trả lời  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 ạ

0
Trả lời
Đôn
Đôn
Trả lời  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é.

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  Đôn
30/06/2018 10:10 sáng

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

0
Trả lời
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ỉ?

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  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

0
Trả lời
Gia Phát
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!

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  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.

1
Trả lời
Gia Phát
Gia Phát
Trả lời  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?

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  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.

0
Trả lời
Gia Phát
Gia Phát
Trả lời  Diều Hâu
11/09/2019 10:15 chiều

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

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  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

0
Trả lời
Gia Phát
Gia Phát
Trả lời  Diều Hâu
11/09/2019 10:19 chiều

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

0
Trả lời
Diều Hâu
Diều Hâu
Quản trị viên
Trả lời  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

1
Trả lời

Bạn Cần Hỗ Trợ Về

Viết Blog

Bảo Mật

Sửa Lỗi

Tăng Tốc

SEO

Bán Hàng

Xem Nhiều Nhất

Huong-dan-su-dung-WordPress

Hướng dẫn sử dụng WordPress cho người mới (Chi tiết từ A->Z)

26/09/2020
Loi-thuong-gap-trong-wordpress

25 lỗi thường gặp nhất trong WordPress và cách sửa chúng

21/09/2020
Plugin-hay-nhat-cho-WordPress

20 Plugin tốt nhất phải có trên mọi website WordPress (2021)

03/03/2021
Cách khắc phục lỗi không kết nối được cơ sở dữ liệu

Cách khắc phục lỗi không kết nối được cơ sở dữ liệu

22/09/2020
theme-mien-phi-wordpress

Top 59+ Theme WordPress miễn phí đẹp nhất năm 2021 (Mới Update)

09/03/2021

Series Nổi Bật

Thủ thuật WooCommerce Thủ thuật WooCommerce Thủ thuật WooCommerce
Website đa ngôn ngữ Website đa ngôn ngữ Website đa ngôn ngữ

VPS Khuyên Dùng

VPS khuyên dùng VPS khuyên dùng VPS khuyên dùng
  • Liên hệ
  • Sitemap
  • Chính sách bảo mật
  • Điều khoản sử dụng

© 2021 Diều Hâu - Tạp chí công nghệ cho mọi người

No Result
View All Result
  • WordPress
    • Plugin
    • Theme
    • Hướng Dẫn
    • Thủ Thuật
  • Công Nghệ
    • Điện thoại
    • Internet
    • Máy tính
  • Marketing
  • MMO
  • SEO

© 2021 Diều Hâu - Tạp chí công nghệ cho mọi người

wpDiscuz
Comment Author Info
:wpds_smile::wpds_grin::wpds_wink::wpds_mrgreen::wpds_neutral::wpds_twisted::wpds_arrow::wpds_shock::wpds_unamused::wpds_cool::wpds_evil::wpds_oops::wpds_razz::wpds_roll::wpds_cry::wpds_eek::wpds_lol::wpds_mad::wpds_sad::wpds_exclamation::wpds_question::wpds_idea::wpds_hmm::wpds_beg::wpds_whew::wpds_chuckle::wpds_silly::wpds_envy::wpds_shutmouth: