Осваиваем WordPress : jQuery-Pagebar

Осваиваем WordPress : jQuery-Pagebar

Вы помните, что я НЕ являюсь специалистом по созданию сайтов? Но тем не менее, я делаю свой сайт http://andrewzolotov. com/ , каждый день наполняю его контентом (статьями, то есть), оптимизирую и улучшаю его внешний вид и функциональность. Как мне это удается? В статьях рубрики «Создание сайта» я буду делиться своим опытом по построению сайта на движке WordPress и рассказывать, как мне удалось решить ту или иную проблему. Почему я выбрал именно WordPress – об этом вам расскажет Вася Пупкин (история Васи здесь и здесь). :)))

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

Для начала я пошел в Google и спросил, какие плагины предназначены для создания такой навигации. Поисковая выдача (а именно так называется показ сайтов по запросу) на мой поисковый запрос (а так называется сам запрос) показала мне кучу сайтов с рекомендациями. Я узнал, что одним из распространенных решений является установка плагина Page bar.

Дальше я открыл Административную панель своего сайта (это панель управления сайтом), зашел в раздел Плагины, зарядил в окошко поиска page bar, нажал кнопку Поиск плагинов и вот что получил в итоге: поиск плагинов

По этому запросу сам WordPress выдал всего 6 плагинов. Не густо. (можно еще задать поиск по словам Page Navigator, но об этом я расскажу в другой раз). Из предложенных плагинов я перепробовал все, какие-то меня не впечатлили по своему визуальному оформлению, какие-то оказались слишком навороченными в настройках, в итоге я остановился на плагине jQuery-Page bar. Скачал и начал настраивать.

Как видите, ничего сложного: указываете место расположения навигатора (у меня внизу страницы), ширину я оставил по умолчанию (можете увеличить/уменьшить, как желаете), подправил цвета – для этого достаточно кликнуть в поле с тем цветом, который надо исправить, и появится окошко с цветами, где можно выбрать что по душе (на рисунке внизу справа).

Потом вы нажимаете Предпросмотр —> Генерировать предпросмотр и оцениваете внешний вид своего навигатора:

Можно выбрать цвет для текста, размер и толщину шрифта. В поля Отображать я вставил текст «Страница» и «из» , причем во втором поле мне пришлось сдвинуть «из» с помощью пробела на середину, чтобы корректно отображалось в результате.

Вот так это выглядит в итоге.

В заключение могу сказать, что плагин jQuery-Page bar оригинален в визуальном плане, легко настраивается, нет заморочек со скачиванием и установкой, поэтому могу смело его рекомендовать всем желающим!


Карта сайта


Информационный сайт Webavtocat.ru