Bỏ qua đến nội dung chính

Làm thế nào để sửa chữa một sidebar bên tràn trên WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Thanh bên, tiêu đề và chân trang có tên của họ vì một lý do tốt. Chúng là mô tả và cho bạn biết mỗi mục nên tồn tại 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 nội dung của bạn, xuất hiện bên dưới nội dung của bạn, 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 yếu tố 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 thẻ 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.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

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.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

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 "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ị 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 đề.

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

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.

Bài viết này chứa comments 0

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
2 cổ phiếu
cổ phiếu
tweet
Enregistrer2