Улучшенная пагинация WordPress

 


Всем привет! Многие из вас рано или поздно столкнуться с проблемой кривой постраничной навигации или её полного отсутствия. На своей практике я перепробовал уйму плагинов и своеобразных решений для реализации толковой пагинации WordPress, что уже и не сосчитать. И однажды я нашёл адекватный плагин, в котором пагинация WordPress реализована весьма хорошо, да и обновляется плагин не реже самой CMS, а работает в 20 темах, что я пробовал, из 20. А если вы ещё не прочли предыдущую статью «Социальный плагин AddToAny Share Buttons and Icons», то сделайте это незамедлительно.

Не стоит исключать форс-мажор, что именно в вашей теме пагинация WordPress не предусмотрена. Но это не беда, её можно легко интегрировать. Как это сделать я расскажу в другой статье. А сейчас давайте поговорим о плагине Pagination by BestWebSoft.

До и после включения плагина

Сперва давайте посмотрим как выглядит стандартная постраничная пагинация WordPress в теме Twenty Seventeen:

pagination by bestwebsoft пагинация

А теперь посмотрите на навигацию с включённым плагином:

twenty seventeen pagination навигация

Не пугайтесь внешнего вида, пагинация WordPress ещё не настроена.

к оглавлению ↑

Установка плагина

Теперь установим и активируем плагин пагинации WordPress:

pagination by bestwebsoft

Далее, в административном меню появится пункт плагина «BWS Panel». Наведите на неё курсор мыши и в выпадающем меню кликните по «Pagination»:

pagination by bestwebsoft меню

После этого загрузится страница с настройками плагина Pagination by BestWebSoft. Обратите внимание на вкладки:

pagination by bestwebsoft вкладки

После активации плагина внешний вид постраничной навигации должен измениться, дальше рассмотрим настройки плагина и оформления

к оглавлению ↑

Вкладка «Настройки»

Изначально мы находимся во вкладке «Настройки». Здесь можно найти php-код для решения вывода пагинации в нужной части сайта:

pagination by bestwebsoft php

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

к оглавлению ↑

Блок «Отображать навигацию на»

Далее, обратите внимание на блок «Отображать навигацию на»:

pagination by bestwebsoft место навигации

Если вам не нужна постраничная навигация, например, на домашней странице (на главной), то снимите галку.

к оглавлению ↑

Второй блок «Отображать навигацию на»

Спускаемся ниже ко второму блоку «Отображать навигацию на»:

pagination by bestwebsoft место вывода

Здесь вы можете выбрать где именно на странице должна выводиться навигация:

pagination by bestwebsoft отображать навигацию

к оглавлению ↑

Блок «Отобразить блок ‘Страница __ из __’»

Далее, идёт блок «Отобразить блок ‘Страница __ из __’»:

pagination by bestwebsoft страница

Я снял галку возле этой опции по причине нежелания видеть дополнительную надпись:

pagination by bestwebsoft страница их страниц

к оглавлению ↑

Блок «Отображать стрелки Предыдущая/Следующая»

Следующий блок «Отображать стрелки Предыдущая/Следующая»:

pagination by bestwebsoft стрелки

Вы можете написать вместо стандартного текста что угодно, например, далее/вперёд.

к оглавлению ↑

Блок «Тип вывода»

Далее, идёт блок «Тип вывода»:

pagination by bestwebsoft вивод

Я бы отнёс его к «опциям украшательства», но разработчики решили добавить эту настройку именно в эту вкладку. В любом случае эта настройка влияет через сколько номеров страниц отображать троеточие:

pagination by bestwebsoft троеточие

к оглавлению ↑

Блок «Скрыть стандартную навигацию»

Следующий блок «Скрыть стандартную навигацию»:

pagination by bestwebsoft стандартная навигация

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

Если в первом блоке «Отображать навигацию на» у вас установлены галки везде, то в блоке «Скрыть стандартную навигацию» можете отметить все пункты.

к оглавлению ↑

Блок «Скрыть дополнительную навигацию»

Далее, рассмотрим блок «Скрыть дополнительную навигацию»:

pagination by bestwebsoft дополнительная навигация

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

  • #nav_block
  • .pagination
  • #nav_block, .pagination

В случае необходимости введите один или несколько, разделённых запятыми, идентификаторов и классов CSS, которые вы хотели бы скрыть.

к оглавлению ↑

Блок «Атрибут rel=»nofollow»»

Дальше идёт блок «Атрибут rel=»nofollow»»:

pagination bybestwebsoft rel nofollow

Значение nofollow атрибута rel закрывает постраничную навигацию от индексации. Закрывать или нет? Все технические элементы WordPress желательно скрыть от индексации, чтобы в поиске было меньше мусора от вашего драгоценного сайта. Поэтому рекомендую установить галку возле этой опции.

После настроек не забываем сохраняться:

pagination by bestwebsoft сохранить

к оглавлению ↑

Вкладка «Отображение»

После сохранения переходим во вкладку «Отображение». Здесь не слишком много настроек.

Блок «Ширина блока навигации»

Начнём с первого блока «Ширина блока навигации»:

pagination by bestwebsoft ширина

Этот параметр пригодится в связке с блоком «Тип вывода» из первой вкладки, когда задано большое значение отображения страниц до и после текущей. А также на ширину блока навигации может прямо повлиять количество колонок в вашем шаблоне. На моём блоге их три, поэтому параметр «Ширина блока навигации» мне пришлось выставить больше чем стандартный в 60%.

Ещё пагинация WordPress, а именно её ширина, может зависеть от настроек блока «Отображать стрелки Предыдущая/Следующая».

к оглавлению ↑

Блок «Расположение навигации»

Далее, рассмотрим блок «Расположение навигации»:

pagination by bestwebsoft расположение

Здесь всё просто: слева, справа или по центру. Думаю с цветами фона и шрифта вы разберётесь самостоятельно.

к оглавлению ↑

Блоки «Ширина границы» и «Закругление границ»

На что ещё хочу обратить ваше внимание, так это на блоки «Ширина границы» и «Закругление границ»:

pagination by bestwebsoft обводка

Они отвечают за обводку (бордюр) и закругление углов этой обводки. В примерах дальше вы поймёте о чём идёт речь. И да, если используете обводку, то не забудьте задать её цвет.

к оглавлению ↑

Примеры вывода пагинации в разных темах

Twenty Seventeen:

pagination by bestwebsoft twenty seventeen

Quality blue:

pagination by bestwebsoft quality blue

GeneratePress:

pagination by bestwebsoft generatepress

к оглавлению ↑

Вкладка «Пользовательский код»

Касательно третьей вкладки «Пользовательский код» так она предназначена для корректировки стилей плагина. На практике мне не приходилось вносить изминения в стильи плагина таким способом. Попробуйте в случае необходимости, отпишитесь что и как вышло.

На этой ноте завершаю статью. Надеюсь она была для вас полезной. До новых статей, бай.

Делитесь полезной информацией с друзьями:

Рекомендую:

Книга «Wordpress для начинающих» Дэрил Бартлетт Книга «Wordpress для начинающих» Дэрил Бартлетт
Книга «Создание веб-сайта для чайников» Дэвид Кроудер Книга «Создание веб-сайта для чайников» Дэвид Кроудер

Сергей

Привет! Моё имя Сергей, и я — автор этого блога. Рад, что вас заинтересовал мой проект. Не забывайте оставлять комментарии к статьям. По всем другим вопросам обращайтесь через контактную форму на странице "Контакты".

Читайте также:

комментария 4

  1. Кирилл:

    А как же самый популярный плагин WP-PageNavi?

    • Сергей:

      Привет. Года 4 назад он был актуальным. Сейчас не вижу в нём смысл по одной лишь причине — несовместимость с множеством шаблонов.

  2. Анатолий:

    Сергей, я не согласен. WP-PageNavi отличный плагин, у меня нет проблем с его отображение. У него есть красивые шкурки, правда нужно устанавливать их отдельно.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Вверх