Как автоматически подгонять сайдбар WordPress, чтобы он соответствовал высоте контента

Владислав Белецкий
Владислав Белецкий .
Категория:
Комментариев: 0

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

lengthy-sidebar[1]

Первым делом вам необходимо установить и активировать плагин SidebarAutomizer. После активации необходимо перейти в раздел Настройки » sidebarAutomizer административной панели сайта для настройки плагина.

sidebar-automizer[1]

Вы можете автоматически подгонять высоту вашего сайдбара путем ввода ID div’а или класса для контейнеров контента и сайдбара. Эти значения отличаются для каждой темы, поэтому плагин не может определить их автоматически. Найти эти значения очень легко. Все, что нужно сделать вам, это открыть ваш сайт в Google Chrome и запустить Инспектор элементов с помощью правого клика мыши в любой области вашего сайта.

inspect-element[1]

Такое действие разделит ваш браузер на три секции. Слева внизу экрана вы увидите исходный HTML код для вашей страницы. Наведите курсор мыши на различные элементы в исходном коде HTML и они подсветятся в окошке выше. Вам нужно найти div, содержащий основную область контента сайта.

Как вы видите на скриншоте выше, div, содержащий основную область контента сайта, использует основной ID и класс site-content.

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

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

sidebar-height-adjusted[1]

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

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии