Khi quản lý trang web WordPress, đôi khi bạn sẽ gặp một số lỗi thường gặp gây nhiều khó khăn trong quá trình xây dựng website, chẳng hạn như lỗi sidebar below content. Vì vậy cần tìm cách khắc phục ngay để trang web luôn được hoạt động một cách hiệu quả. Hãy cùng Vietnix tham khảo bài viết sau về cách sửa lỗi sidebar below content trong WordPress đơn giản, dễ thực hiện.
Nguyên nhân gây ra lỗi sidebar below content trong WordPress là gì?
Nguyên nhân gây ra vấn đề sidebar below content trong WordPress là do lỗi trong code HTML hoặc CSS làm hỏng bố cục của trang web.
Mỗi <div> trong HTML cần được đóng đúng cách. Nếu template hiển thị trang không đóng đúng <div> tag, điều này sẽ làm hỏng cấu trúc layout.
Tương tự, một tag đóng </div> trong code HTML xuất hiện mà không được mong đợi hoặc không cần thiết có thể ảnh hưởng đến bố cục và làm cho sidebar bị di chuyển xuống.
Ngoài code HTML, code CSS cũng ảnh hưởng đến thiết kế tổng thể của mọi yếu tố trên trang web WordPress. Chúng được sử dụng để xác định chiều rộng, sự căn chỉnh và cách bố trí của các yếu tố trong layout.
Nói một cách đơn giản, nếu chiều rộng của khu vực nội dung lớn hơn không gian khả dụng, điều này sẽ buộc sidebar bị dịch xuống.
4 Cách sửa lỗi sidebar below content trong WordPress
1. Hoàn tác các thay đổi gần đây trong theme WordPress
Thông thường nguyên nhân có thể là do các thay đổi trong các theme file WordPress Nếu gần đây bạn đã thay đổi bất kỳ điều gì trong theme WordPress hoặc child theme, thì việc xem xét những thay đổi đó sẽ là một cách nhanh chóng để khắc phục lỗi này.
2. Loại bỏ các plugin
Giao diện và phong cách của trang web WordPress được điều khiển bởi theme bạn đang sử dụng. Tuy nhiên, đôi khi các plugin WordPress cũng có thể thêm HTML và CSS riêng vào trang web.
Ví dụ, việc thêm một contact form trên một trang hoặc một lightbox pop up để phóng to ảnh sẽ cần tải thêm CSS và HTML.
Để đảm bảo rằng vấn đề không phải do một plugin WordPress gây ra, bạn có thể tạm thời tắt tất cả các plugin trên trang web.
Để làm điều này, chỉ cần vào mục Plugins > Installed Plugins trong WordPress admin dashboard và đánh dấu vào ô bên cạnh Plugin ở đầu danh sách. Sau đó, mở menu thả xuống, chọn Deactivate và nhấp vào Apply.
Nếu vấn đề biến mất, điều này có nghĩa là một plugin đã gây ra vấn đề. Đơn giản là kích hoạt lần lượt tất cả các plugin WordPress, kiểm tra trang web sau mỗi lần kích hoạt plugin để xác định plugin nào gây ra vấn đề. Sau đó, bạn có thể liên hệ với bộ phận hỗ trợ của plugin để tìm giải pháp và báo cáo vấn đề.
3. Tìm các tag HTML gây lỗi bố cục
Như Vietnix đã đề cập trước đó, một tag <div> bị lỗi là một trong những nguyên nhân phổ biến khiến sidebar below content. Nếu vấn đề xảy ra trong một khu vực cụ thể trên trang web, bạn có thể kiểm tra template phụ trách hiển thị code đó.
Ví dụ, nếu vấn đề chỉ xảy ra trên bài viết đơn lẻ, bạn có thể kiểm tra template single.php.
Cách đơn giản nhất để nhanh chóng tìm một phần <div> chưa đóng là sử dụng công cụ kiểm tra của W3C.
Bạn cũng có thể sử dụng công cụ Inspect hoặc các ứng dụng chỉnh sửa code giúp bạn debug code bằng cách highlight các tag bắt đầu và kết thúc.
Khi xem code, bạn cần đảm bảo rằng bất kỳ tag <div> nào được mở cũng phải có tag đóng </div> tương ứng. Tương tự, bạn cũng nên tìm các tag đóng </div> bị cô lập mà không có tag mở <div> tương ứng. Nếu bạn đã tìm thấy lỗi HTML, thì việc sửa chữa sẽ giải quyết vấn đề sidebar below content.
4. Tìm CSS để di chuyển sidebar below content
CSS điều khiển những khía cạnh quan trọng nhất của thiết kế trang web. Theme WordPress của bạn sử dụng CSS để xác định chiều rộng của nội dung và các khu vực sidebar trong một grid layout.
Giá trị này được tính bằng phần trăm của diện tích xem có sẵn. Trên các thiết bị di động, theme của bạn sẽ tự động đẩy sidebar xuống dưới phần nội dung.
Để tìm hiểu xem CSS nào gây ra vấn đề này, bạn có thể sử dụng công cụ Inspect. Việc di chuyển đơn giản nội dung của bạn vào wrapper field, phần nội dung và khu vực sidebar sẽ hiển thị chiều rộng và chiều cao của chúng.
Ví dụ, nếu khu vực nội dung của bạn chiếm 70% chiều rộng và khu vực sidebar chiếm 33%, thì sidebar sẽ tự động di chuyển xuống. Khi bạn tính toán những giá trị này, bạn cũng có thể xem xét không gian được sử dụng bởi các giá trị lề và viền trong mỗi phần.
5. Xóa bộ nhớ cache
Nếu bạn vẫn thấy sidebar ở dưới khu vực nội dung, thì bạn có thể xóa bộ nhớ cache của WordPress. Khi bạn thực hiện những thay đổi mà chúng không hiển thị ngay lập tức, điều này thường là do vấn đề liên quan đến việc lưu trữ tạm thời (caching).
Thường thấy rằng các plugin lưu trữ tạm thời có thể hiển thị cho bạn phiên bản cũ hơn của cùng một trang. Việc xóa bộ nhớ cache của WordPress và cache trình duyệt sẽ giúp bạn nhìn thấy những thay đổi được áp dụng trên trang web của mình.
Ngoài ra, bạn cũng có thể tham khảo thêm bài viết sau để khắc phục các lỗi khác của WordPress:
Xem thêm: 50 lỗi WordPress phổ biến nhất hiện nay
Lời kết
Vietnix hy vọng bài viết này đã giúp bạn hiểu cách sửa lỗi sửa lỗi sidebar below content trong WordPress. Ngoài bài viết trên, bạn cũng có thể tham khảo thêm các bài viết khác như cách phát hiện và khắc phục lỗi 404 not found WordPress hoặc hướng dẫn bật chế độ gỡ lỗi trong WordPress nhanh nhất tại Vietnix.vn để khắc phục cho website, chúc bạn thành công!
