Плагин WP-PageNavi для Wordpress

24.06.2010

Плагин PageNavi

Сегодня речь пойдет о плагине WP-PageNavi для Wordpress. Этот плагин позволяет встроить в Wordpress-блог симпатичный блок постраничной навигации.

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

По умолчанию плагин идёт с собственным файлом стилей pagenavi-css.css, который определяет вот такой внешний вид панели:

Плагин навигации PageNavi

В дальнейшем файл стилей можно будет корректировать.

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

  • Загрузите плагин с wordpress.org.
  • Разархивируйте и поместите папку wp-pagenavi в каталог /wp-content/plugins/.
  • Активируйте плагин в административной панели сайта.

Плагин PageNavi

После активации плагина в разделе "Параметры" появится ссылка на страницу настроек плагина "Список страниц".

Настройка стилей

Как я уже упомянул, блок навигации использует файл pagenavi-css.css, который находится в каталоге /wp-content/plugins/wp-pagenavi/. При обновлении плагина этот файл может быть перезаписан, вследствии чего могут быть утеряны настройки стилей. Чтобы этого избежать нужно скопировать файл стилей pagenavi-css.css в каталог темы.

Другой вариант – скопировать стили блока навигации в общий файл style.css, после чего в настройках плагина отключить опцию "Use pagenavi-css.css":

Настройка стилей для PageNavi

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

Чтобы встроить плагин в ваш шаблон (index.php) поместите в удобном для ваc месте функцию:

<?php wp_pagenavi(); ?>

Если до этого у вас выводились ссылки "Следующая" и "Предыдущая", то удалить их можно, убрав из шаблонов функции:

<?php previous_posts_link('…') ?> и <?php next_posts_link('…') ?>

Если вы не знаете, где именно редактировать эти строки, то перейдите в каталог вашей темы /wp-content/themes/ваша_тема/ и отредактируйте следующие файлы шаблонов:

  • index.php – для главной страницы блога и тех, которые не имеют своих шаблонов.
  • archive.php – для категорий и меток.
  • category.php – только для категорий.
  • tag.php – только для меток.

Настройка вида отображения PageNavi

Остался последний и самый простой шаг – настроить вид отображения панели навигации. Чтобы открыть страницу настроек, перейдите в Параметры –> Список страниц.

Пройдемся по опциям настроек:

Настройка WP-PageNavi

Здесь устанавливается отображение первой части панели, в которой указывается, на какой странице в данный момент находится пользователь:

Панель PageNavi

Вместо конструкций %CURRENT_PAGE% и %TOTAL_PAGES% подставляется номер текущей страницы и общее количество страниц, соответственно.

Спускаемся дальше к нашим пингвинам:

Настройка Wordpress PageNavi

Второй элемент (Элемент "Страница") задает отображение элементов страниц (1, 2, 3, 4…), которые представляют собой ссылки, ведущие на соответствующие страницы. Порядковые номера страниц вполне можно заменить звёздочками (*) либо графическими иконками. Конструкция %PAGE_NUMBER% заменяется плагином на реальный номер страницы.

Первый же элемент (Элемент "Текущая страница") просто задает шаблон, указывающий на текущую страницу, которая по обычаю выделяется цветом:

Страницы WP-PageNavi

Дальше:

Редактирование PageNavi

Эти настройки влияют на элементы, ведущие на первую и последнюю страницы. Собственно, вместо предлагаемого шаблона можно использовать номер самой страницы (%PAGE_NUMBER%), как многие блоггеры и делают.

Плагин PageNavi для Wordpress

Следующие поля это:

Настройка элементов PageNavi

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

Ещё две опции, которые вам могут пригодиться, это:

Количество страниц PageNavi

Always Show Page Navigation – показывает панель навигации даже в том случае, когда имеется только одна страница.

Number Of Pages To Show – количество отображаемых страниц на панели навигации PageNavi.

Рубрика: Wordpress, Плагины | Просмотров: 381
0
Этот пингвин питается исключительно Вашими комментариями. Покормите его!

Покормить пингвина:

Имя (обязательно)

Email (обязательно)

Сайт

Антиспам:

Комментарий: