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

Виджеты позволяют легко добавлять интересные вещи в свой сайдбар 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]
Rating: 5.0/5 (1 vote cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
  • Illia Lavrenko

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

    • ADv

      Попробуйте поискать по запросу Sticky Sidebar

Scroll To Top