Как исправить ошибку Sidebar Below Content в WordPress

Вы пытаетесь исправить ошибку боковой панели под контентом в WordPress? Эта проблема возникает с шаблонами WordPress, использующими двухколоночный макет...

Вы пытаетесь исправить ошибку боковой панели под контентом в WordPress?

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

В этой статье мы покажем вам, как легко исправить ошибку sidebar below content в WordPress.

Что вызывает проблему боковой панели под контентом в WordPress?

Наиболее распространенной причиной появления боковой панели под контентом является ошибка HTML или CSS, нарушающая макет.

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

Закрытие всех div в макете темы WordPress

Аналогично, нежелательное закрытие

тег может также повлиять на макет и вызвать перемещение боковой панели вниз.

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

Проще говоря, если ширина области контента больше доступного пространства, то это заставит боковую панель сместиться вниз.

Боковая панель под областью контента

Учитывая это, давайте рассмотрим, как легко устранить и исправить ошибку боковой панели под контентом в WordPress.

Исправление ошибки «Боковая панель под содержимым» в WordPress

Сначала вам нужно выяснить, какой именно код вызывает проблему боковой панели под контентом в WordPress.

1. Отмена последних изменений в вашей теме WordPress

Обычно проблема вызвана изменениями в файлах вашей темы WordPress.

Если вы недавно внесли какие-либо изменения в вашу тему WordPress или дочернюю тему, то изучение этих изменений будет быстрым способом устранения проблемы.

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

2. Исключите плагины WordPress

Внешний вид и стиль вашего сайта WordPress контролируется темой, которую вы используете. Однако иногда плагины WordPress также могут добавлять свои собственные HTML и CSS на ваш сайт.

Например, добавление контактной формы на страницу или всплывающего окна lightbox приведет к дополнительной загрузке CSS и HTML.

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

Деактивируйте все плагины WordPress

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

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

3. Найдите HTML, нарушающий макет

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

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

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

Самый простой способ быстро найти незакрытый элемент div — использовать инструмент W3C Validator.

Использование инструмента HTML Validator

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

Отладка ошибки HTML с помощью редактора кода

При просмотре кода, вам нужно убедиться, что все

тег, который открывается, также имеет закрытие

тег.

Аналогично, вы также хотите найти сиротливые закрытия

тег, который не имеет соответствующего открытого

тег.

Если вы нашли неработающий HTML, то его исправление устранит проблему с появлением боковой панели под контентом.

4. Найдите CSS, перемещающий боковую панель ниже контента

CSS управляет наиболее важными аспектами дизайна вашего сайта. Ваша тема WordPress использует CSS для определения ширины контента и боковых панелей в макете сетки.

Это значение в процентах от доступной области просмотра. На мобильных устройствах ваша тема автоматически перемещает боковую панель вниз под контент.

Чтобы узнать, какой CSS вызывает проблему, вы можете использовать инструмент Inspect. Простое перемещение содержимого в поле обертки, раздел контента и боковую панель покажет вам их ширину и высоту.

Проверьте проблемы с шириной CSS

Например, если область контента имеет ширину 70%, а область боковой панели — 33%, то она автоматически переместится вниз. Когда вам нужно рассчитать эти значения, вы также можете учесть пространство, используемое padding и значения margin, используемые каждым разделом.

5. Очистить кэш WordPress

Сайт не обновляется

Если вы все еще видите боковую панель под областью контента, то, возможно, вам стоит очистить кэш WordPress.

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

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий