Thanh bên, đầu trang và chân trang có tên là có lý do. Chúng mang tính mô tả và cho bạn biết mỗi thành phần sẽ tồn tại ở đâu trên một trang web. Vì vậy, khi thanh bên của bạn tồn tại ở bên trái hoặc bên phải màn hình của bạn nội dung, xuất hiện bên dưới của bạn nội dung, rõ ràng là có vấn đề.

Vị trí của các phần tử này được xác định bởi mã HTML và CSS. Bạn không nhất thiết phải biết những ngôn ngữ này để giải quyết vấn đề này, nhưng bạn cần phải hiểu một hoặc hai điều, chẳng hạn như " div '.

Hiểu tầm quan trọng của phần tử "Div" liên quan đến thanh bên

“Div” hoặc thẻ , là một phần tử HTML. Nó là nơi chứa các thành phần khác nhau tạo nên một trang web, bao gồm cả nội dung. Mỗi phần tử phải được chứa trong phần " riêng của nó ".

Bây giờ bạn nên biết cách các thẻ mở và đóng trong HTML hoạt động. Ví dụ: khi bạn đặt tiêu đề với độ dày h2 Tiêu đề và nhìn trong trình soạn thảo văn bản, bạn sẽ nhận thấy rằng nó được bao bọc trong các thẻ , như thế này :

tiêu đề-in-the-thẻ

Đầu tiên là một thẻ mở. Thẻ có chứa dấu gạch chéo "/" là thẻ đóng. Mỗi phần tử của một trang web phải chứa một thẻ mở và thẻ đóng. Nếu một nhãn đang mở và không được đóng lại hoặc ngược lại, điều này có thể gây ra hiển thị không chính xác trên một số mặt hàng, đặc biệt nếu các thẻ đó không phải là một phần của các thẻ được miễn có thẻ đóng như " img "," hr ", & C.

Nếu bạn mở một thẻ và không đóng với , các đoạn văn của bạn và nội dung khác từ bài viết sẽ hiển thị với kiểu "Tiêu đề 2". Nó tương tự như cách mà các phần tử " div Có thể hiển thị chính xác nếu bạn không mở và đóng đúng cách.

Đây là tệp "single.php" cho chủ đề " Zerif Lite ". Tệp này chứa mã xác định cách bài viết xuất hiện trong plugin (cho các mặt hàng độc đáo). Trong hình ảnh sau đây, các thẻ "Div" được đánh dấu để cho bạn biết nơi chúng mở và nơi chúng đóng.

single-php-sidebar-yếu tố-div

Đây là một minh chứng đơn giản về cách các phần tử div hoạt động để chúng ta có thể xác định tốt hơn nguyên nhân của sự cố hiển thị.

Khắc phục sự cố hiển thị trên WordPress

Hiểu được cách hoạt động của các phần tử "div" chỉ là một nửa trận chiến. Bây giờ bạn cần xác định tệp nào trên trang web của bạn có vấn đề với các phần tử "div".

Có một số câu hỏi mà bạn nên tự hỏi:

Vấn đề này có tồn tại trên toàn bộ trang web của bạn không?

Tìm ra nơi mà vấn đề này đang xảy ra trên trang web của bạn có thể là một manh mối tuyệt vời về nơi mà vấn đề tồn tại. Thật không may, nếu điều này tồn tại ở khắp mọi nơi trên trang web của bạn, sẽ mất nhiều thời gian hơn để giải quyết.

Một vấn đề chung trong đó thanh bên xuất hiện bên dưới nội dung có thể do một số nguyên nhân khác nhau và chúng có thể sẽ hiển thị ở một trong các tệp chính sau:

  • footer.php
  • header.php
  • index.php
  • sidebar.php
  • style.css

Chủ đề của bạn có thể đi kèm với các tệp bổ sung xác định các yếu tố được hiển thị trên toàn trang web của bạn, nhưng đây là những tệp chính mà bạn nên xem xét, để tiến hành tìm kiếm.

Bạn có thể hiển thị chúng trực tiếp trong trình chỉnh sửa được tìm thấy trong menu "Giao diện" trên trang tổng quan.

Có vấn đề này chỉ tồn tại trên các trang?

Khám phá một vài trang để tìm lỗi. Vấn đề chỉ xuất hiện trên các trang? Nếu vậy, bạn sẽ phải xem tệp "page.php" của mình để tìm lỗi.

Có vấn đề này chỉ tồn tại trên các trang của blog?

Một lần nữa, bạn cần so sánh một số trang trên trang web của mình với các bài viết khác nhau trên blog của bạn. Kiểm tra tập tin “single.php” của bạn. Nếu thanh bên hiển thị chính xác trên các trang nhưng không hiển thị chính xác trên blog thì tệp này sẽ cho bạn biết thêm.

Vấn đề của thanh nổi

Chủ đề của bạn có thể là một thanh bên nổi và nếu điều này khiến các thanh bên xuất hiện bên dưới nội dung, thì bạn cần đến gần hơn với nhà phát triển.

Tài sản quan trọng nhất là tài sản phao Mà thường xuất hiện trong hai định dạng:

Phao: trái; Phao: phải;

Nếu chúng không được sử dụng đúng cách hoặc hoàn toàn không được sử dụng, chúng có thể khiến các vật phẩm xếp chồng lên nhau thay vì cạnh nhau. Bạn cũng có thể cần sử dụng " trong sáng Để khắc phục vấn đề.

Yêu cầu sự giúp đỡ của các chuyên gia

Nếu bạn không thể khắc phục các sự cố bằng tất cả các cách trên, tôi mời bạn liên hệ với chúng tôi trực tiếp để lại nhận xét hoặc qua trò chuyện trực tiếp trên trang chủ.

Nếu không, bạn luôn có thể liên hệ trực tiếp với nhà phát triển của chủ đề. Anh ấy là người có nguồn gốc của sản phẩm này, sẽ có thể trả lời tốt hơn nhu cầu của bạn.

Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn khắc phục vấn đề của các thanh bên xuất hiện bên dưới nội dung của bạn.