Руководство для новичков: боковая колонка (сайдбар) опустилась ниже основной ленты или записи

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

В каких случаях Сайдбар (или боковая колонка) может опуститься ниже основной колонки с записями или записью? Только в одном единственном случае — ошибка разметки HTML. Когда это происходит и может ли произойти чисто случайно?

Может произойти только в том случае, если:

  • Вы некорректно редактировали теги HTML в своей активной теме WordPress
  • Вы вставили некорректно теги HTML в редакторе Записи (Страницы)
  • Вы установили плагин WordPress, в котором есть некорректные теги HTML
  • Вы скачали и установили тему WordPress, в которой есть некорректные теги HTML

Как видите из вышеприведенного мной списка, проблема «крутится» вокруг некорректных тегов HTML. О каких тегах или теге HTML идет речь?

Немного теории, но цитировать не буду.

В языке разметки HTML есть тег по имени DIV. С его описанием вы можете познакомиться здесь.

Правильный синтаксис написания этого элемента:

<div>...</div>

Это означает, что есть начальный тег DIV, затем внутри идет какой-то код или элементы HTML, затем — закрывающийся тег DIV (с слешем).

Чтобы посмотреть пример любого div-контейнера, откройте файл своей или любой темы WordPress. Он содержит большое количество этих div-контейнеров.

Есть основные теги HTML, или обязательные, такие как:

  • HTML
  • BODY
  • HEADER

Без этих тегов вы не увидите ни одного HTML-документа или страницы (файла). Контейнеры DIV — это своего рода блоки, блочные элементы, которые составляют общую мозайку вашей страницы сайта.

Например:

div

Нажмите на картинку чтобы открыть ее в большом окне.

Каждый DIV где-то начинается и где-то заканчивается.

Если у вас Сайдбар «упал» ниже основной Записи или основной колонки с текстом, значит, у вас потерян закрывающийся тег DIV (который со слешем).

Например, на картинке выше этот див я назвал CONTENT.

Внутри этого дива может быть несколько других дивов. Поэтому, если «развалился» макет страницы и Сайдбар расположился ниже основной записи, ищите потерянный DIV.

Как его лучше искать? С помощью любого редактора HTML с подсветкой кода. Например, Notepad++

div2

На скриншоте выше я поставил курсор на начальный DIV под названием — post-home, и редактор автоматически показал закрывающийся тег этого DIV.

Вам надо вспомнить, редактировали вы файлы темы или нет?

Вставляли вы в визуальном редакторе какой-нибудь внешний контейнер DIV?

Активировали вы в последнее время новый плагин WordPress?

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

Если материал вам понравился, нажмите или расскажите о нем друзьям!

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

Добавить комментарий

Ваш email нигде не будет показан. Обязательные поля помечены *