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

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

Что касается фиксации сайдбара, то это будет выглядеть примерно следующим образом:

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

Исходный код

<script type="text/javascript"> $(window).scroll(function() {if ($(this).scrollTop()>1910) $('#scrollable').css({'position':'fixed','top':'30px'});else $('#scrollable').css({'top':'1568px','position':'static'});});</script> <div id='scrollable' style="width:370px">
Тут нужно вставить код рекламы или баннера.
</div>

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

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