Боковая панель, верхний и нижний колонтитулы не зря имеют свои названия. Они носят описательный характер и сообщают вам, где на веб-странице должен находиться каждый элемент. Поэтому, когда ваша боковая панель, которая должна располагаться слева или справа от вашего содержание, появится под вашим содержание, понятно, что есть проблема.

Расположение этих элементов определяется кодом HTML и CSS. Вам не обязательно знать эти языки, чтобы решить эту проблему, но вам нужно понимать кое-что, например " DIV .

Поймите важность элемента Div по отношению к боковой панели.

«Div» или тег , является элементом HTML. Это контейнер для различных элементов, составляющих веб-страницу, включая содержание. Каждый элемент должен содержаться в своем собственном " ".

Вы уже должны знать, как открытые и закрывающие теги работают в HTML. Например, если вы установите заголовок с толщиной h2 Title и посмотрите в текстовом редакторе, вы заметите, что он заключен в теги , как это :

Титульный в-тегов

Первое открывающий тег. Тег, содержащий косую черту «/», является закрывающим тегом. Каждый элемент веб-страницы должен содержать открывающий и закрывающий теги. Если этикетка открыта, а не закрыта, или наоборот, это может привести к некорректному отображению некоторых элементов, особенно если эти теги не являются частью тегов, за исключением закрывающих тегов, например " IMG "," hr «И т.д.

Если вы откроете тег и не закрывайся с , ваши абзацы и другое содержание статьи будут отображаться в стиле «Заголовок 2». Это похоже на то, как элементы " DIV Может отображаться правильно, если вы не открываете и не закрываете его правильно.

Вот файл "single.php" для темы " Zerif Lite ». Этот файл содержит код, который определяет, как статьи появляются в плагине (для уникальных предметов). На следующем изображении теги «Div» выделены, чтобы показать вам, где они открываются и где закрываются.

Однополочные PHP-боковая панель-элементы DIV

Это простая демонстрация того, как работают элементы div, чтобы мы могли лучше определить причину проблемы с отображением.

Исправлена ​​проблема с отображением на WordPress

Понимание того, как работают элементы «div», - это только половина дела. Теперь вам нужно определить, в каком файле на вашем сайте есть проблемы с элементами «div».

Есть некоторые вопросы, вы должны спросить себя:

Эта проблема существует на вашем сайте?

Выявление, где эта проблема возникает на вашем сайте, может быть отличным ключом к определению того, где существует проблема. К сожалению, если эта проблема существует повсюду на вашем сайте, ее устранение займет больше времени.

Общая проблема, при которой боковая панель отображается под содержимым, может иметь несколько разных причин, и они, вероятно, будут отображаться в одном из следующих основных файлов:

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

Ваша тема может поставляться с дополнительными файлами, которые определяют элементы, отображаемые на вашем сайте, но это основные файлы, которые вы должны учитывать при проведении поиска.

Вы можете отобразить их прямо в редакторе, который находится в меню «Внешний вид» на панели инструментов.

Эта проблема существует только на страницах?

Изучите несколько страниц в поисках ошибки. Проблема появляется только на страницах? Если это так, вам нужно будет посмотреть ваш файл "page.php", чтобы найти ошибки.

Эта проблема существует только на страницах блога?

Опять же, вам нужно сравнить некоторые страницы вашего сайта с различными статьями на ваш блог. Проверьте свой файл «single.php». Если боковая панель отображается правильно на страницах, но не в блоге, то этот файл расскажет вам больше.

Проблема плавающих баров

Ваша тема может быть плавающей боковой панелью, и если из-за этого боковые панели появляются под контентом, вам нужно приблизиться к разработчику.

Самая важная собственность - собственность плавать Который обычно появляется в двух форматах:

плавать: слева; плавать: право;

Если они не используются должным образом или не используются вообще, они могут привести к тому, что предметы будут складываться друг на друга, а не бок о бок. Вам также может понадобиться использовать " Очистить Чтобы исправить проблему.

Запросить помощь экспертов

Если вы не можете решить проблемы, используя все вышеперечисленное, я приглашаю вас связаться с нами либо оставив комментарий, либо через чат в чате на домашняя страница.

В противном случае вы всегда можете связаться с разработчиком темы напрямую. Тот, кто является источником этого продукта, сможет лучше удовлетворить ваши потребности.

Это все, что нужно для этого урока, я надеюсь, что оно позволит вам исправить проблему боковых боковых панелей, которые появляются под вашим контентом.