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

Опубликовано: 01.09.2018

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

Создание сайта на WordPress / Урок #5 - Создание дополнительных страниц

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



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

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



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

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

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


WP-PageNavi - постраничная навигация на wordpress блоге!

Устанавливаем и активируем. Плагин универсален и отлично работает на сайтах 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:

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

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

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

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

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

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

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

rss