Всем привет ребята! Сегодня я Вам расскажу про один замечательный jQuery-плагин – Magic Panel, который предназначен для быстрой прокрутки страницы на сайте WordPress. Данный плагин создает панель прокрутки страницы вверх. На моем сайте установлен плагин прокрутки страниц – ToTop Link, но он такой простой и не заметный.

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

Плагин Magic Panel

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

Для того чтобы подключить такой плагин для своего WordPress сайта, Вам необходимо его скачать, установить и активировать, после чего подключить jQuery, например в header.php:

Исходный код

<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.magicpanel.js"></script>

После этого необходимо подключить стили плагина:

Исходный код

<link type="text/css" rel="stylesheet" media="all" href="magicpanel.css" />

Стили плагина Вы можете менять по своему усмотрению, поэтому с настройками стилей, проблем у Вас возникнуть не должно. Главное не забывать, что панель отлично работает на любом WordPress сайте, у которого фиксированная ширина. Последнее действие, которое Вам необходимо сделать – это подключить саму панельку прокрутки, это можно сделать, например, в файле footer.php:

Исходный код

$("body").magicPanel({minWidth:900});

Здесь с помощью minWidth задается ширина контентной области сайта, по умолчанию значение равно 970 пикселей. Вам необходимо посмотреть ширину свой темы (именно контентной области, это можно сделать в файле style.css) и задать тут. Вот и все, правда, все просто?

Скачать плагин Magic Panel Вы можете на GitHub.