Главная / Создание и продвижение сайтов / САЙТОСТРОЕНИЕ / WordPress / Плагин WP Page Numbers — постраничная навигация в WordPress

Плагин WP Page Numbers — постраничная навигация в WordPress

Для реализации удобной постраничной навигации на сайте существует множество плагинов. На своих блогах я использую плагин WP-PageNavi. Но, как недавно выяснилось, он работает не с каждой темой WordPress. Причины тому могут быть разные: например, нетипичная организация структуры шаблона или намеренное принудительное использование разработчиком темы собственной навигации — не всегда удобной. Однако, в большинстве случаев, постраничную навигацию в «сопротивляющийся» шаблон внедрить все-таки можно. Расскажу, как это сделать на примере другого, не менее функционального и настолько же простого в настройках, как и WP-PageNavi, плагина WP Page Numbers.

В качестве подопытной темы был выбран бесплатный шаблон из репозитория WordPress — Iconic One, установленный в данный момент на замечательном блоге о путешествиях Легким на подъем, статьями с которого я зачитывался не один вечер.

Так вот, прелесть шаблона Iconic One заключается в том, что ни один из популярных плагинов для создания постраничной навигации, будучи установленным и активированным, в системе навигации ничего ровным счетом не меняет. А постраничная навигация из двух пунктов Назад (На предыдущую страницу) и Вперед (На следующую страницу) заметно усложняет читателям вашего сайта просмотр анонсов статей. Так быть не должно.

wp-page-numbers-00

Опишу последовательность шагов, которые необходимо предпринять, чтобы все встало на свои места.

1. Установка плагина WP Page Numbers

Производится привычным способом через меню административной консоли WordPress: Плагины — Добавить новый.

wp-page-numbers-01

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

2. Внесение изменений в код темы WordPress

Чтобы элемены постраничной навигации появились на вашем сайте, необходимо будет внести правки в один или несколько файлов вашей темы. Необходимость в постраничной навигации, как правило, возникает на главной странице сайта, а также на страницах рубрик, тегов, архивов и результатов поиска по сайту. За формирование этих страниц отвечают следующие файлы: index.php, categories.php, archive.php и search.php. В отдельных случаях навигация по сайту может быть прописана в файле functions.php. В теме Вордпресс Iconic One нам придется править именно файл functions.php, находящийся в папке темы: ваш_сайт/wp-content/themes/iconic-one.

Редактировать файл можно несколькими способами: через менеджер FTP; в текстовом редакторе типа Notepad++, через меню админки WordPress Внешний вид — Редактор. Последний способ для начинающих изучать WordPress пользователей наиболее прост. Перейдя на страницу редактора шаблонов, выбираем в правом верхнем углу из выпадающего списка свою тему и нажимаем кнопку Выбрать. Затем выбираем нужный нам файл Функции темыfunctions.php. Находим в этом файле строки, отвечающие за вывод навигационных элементов:

<nav id="<?php echo $html_id; ?>" class="navigation" role="navigation">
			<div class="assistive-text"><?php _e( 'Post navigation', 'themonic' ); ?></div>
			<div class="nav-previous alignleft"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'themonic' ) ); ?></div>
			<div class="nav-next alignright"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'themonic' ) ); ?></div>

wp-page-numbers-04

И заменяем их следующим кодом, который указан на странице настроек плагина WP Page Numbers:

<?php if (function_exists ('wp_page_numbers')) : wp_page_numbers (); endif; ?>

WP Page Numbers

Сохраняем изменения (кнопка Обновить файл). Напоминаю, что перед внесением правок в какие-либо файлы своей темы обязательно сохраняйте их копии, чтобы в случае чего можно было сделать быстрый откат. Далее обновляем главную страницу сайта и видим, что сделанные изменения дали требуемый результат — навигация на сайте появилась.

wp-page-numbers-05

3. Настройка плагина WP Page Numbers

После добавления кода в нужные файлы заходим на страницу его настроек, меню консоли Настройки (Параметры — в более ранних версиях Вордпресс) — Page Numbers. Страница настроек на английском языке, но тут и без переводчика все понятно.

Можно выбрать стиль оформления навигации из предлагаемых плагином. Можно также задать текст и символы (стрелки, многоточия), которые будут использованы в навигации по сайту, задать количество отображаемых страниц. Не забываем при этом для применения выбранных настроек нажать кнопку Update Settings внизу страницы.

wp-page-numbers-02

wp-page-numbers-03

Если ни один из предлагаемых плагином WP Page Numbers стилей меню не устраивает или не вписывается в дизайн, можно отредактировать на свое усмотрение файл стилей wp-page-numbers.css — целенаправленно изменяя необходимые цвета и параметры шрифтов, или «методом тыка». Файлы стилей (их всего пять) располагаются в папке ваш_сайт/wp-content/plugins/wp-page-numbers — в папках, названия которых соответствуют предлагаемым плагином темам оформления навигации.

Расскажите об этой статье в соцсетях:

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

  1. Урра! все заработало! Как же мне теперь нравится моя постраничная навигация!
    Константин, спасибо огромное!

    • Да не за что ) Рад, что у вас получилось. Осталось еще над шапкой сайта пошаманить и вообще все будет замечательно )

  2. Отличная подробная инструкция.

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

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