Постраничная навигация WordPress — три полезных плагина

Приветствую всех!

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

Wordpres-Navigation

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

Если говорить о CMS WordPress, то здесь постраничная навигация в ее самом простом и примитивном виде реализована по умолчанию. В частности, при добавлении на блог некоторого числа заметок в самом низу главной страницы появится ссылка на следующую страницу. На следующей странице появится ссылка на предыдущую. Что-то похожее на:

prev-next-wordpress

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

Сегодня будем рассматривать 3 самым популярных и легко настраиваемых плагина для постраничной навигации WordPress.

  1. WP SEO Paginate;
  2. WP Page Numbers;
  3. WP Page Navi.

Наиболее популярный из этих 3х плагинов является WP Page Navi, как правило при разработке множества шаблонов его внедряют сразу в код, а так же множество пользователей использует его в своих целях.

На нашем блоге мы используем именно его, при помощи стилей css добились красивой пагинации, результат можно посмотреть ниже:

pagination

1. WP SEO Paginate. Ссылка на скачивание — здесь. Основные преимущества данного плагина — простота в плане установки и настройки и полная бесплатность. После установки в админке появится новый пункт с настройками под названием «WP SEO Paginate». Для начала настройте внешний вид кнопочек с номерами страниц. Здесь можно поменять надписи кнопок, обозначающих переход на предыдущую и следующую страницы. Можно так и написать – «Предыдущая» и «Следующая», а можно поставить компактные стрелочки, указывающие назад и вперед.

В настройках “Advanced Setting” необходимо указать количество страниц в поле “Page Range” и “Page Gap”, которые будут показываться. Я всегда делаю 5-7 штук. В конце не забываем наживать кнопку “Сохранить”.

wp-seo-paginate

После настройки плагина необходимо вставить код с помощью которого будет выводится постраничная навигация на страницу сайта. Для этого на необходимых страницах нужно прописать код:

<?php if(function_exists(‘wp_paginate’)) {
wp_paginate();
} ?>

Точно могу сказать, что прописывать необходимо в шаблоне archive.php, возможно у вас будут навороченные шаблоны, в которых еще надо будет прописать в других шаблонах. Поэтому полистайте и поищите. Стили и красоту можно навести в таблице стилей плагина.

2. WP Page Numbers. Довольно интересный и функциональный плагин для создания постраничной навигации. С установкой и настройкой справятся даже начинающие сайтостроители. Ссылка для скачивания — здесь. Чтобы плагин начал полноценно работать, следует удалить из исходного кода главной страницы строчки, при помощи которых выводится стандартная навигация. Выглядеть эти строчки могут так — next_posts_link и previous_posts_link, как правило их можно найти в файле archive.php или content.php. На место удаленной стандартной навигации поместите код плагина WP Page Numbers. Его можно скопировать со страницы настроек:

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

Не буду рассказывать про все настройки, так как они очень простые и понятные. Главное, что можно выбрать один из 5 шаблонов или вариантов внешнего оформления навигационных кнопок. Это позволит вам подогнать дизайн навигации под дизайн блога. Если необходимо сделать более тонкие настройки, то придется редактировать файл CSS данного плагина. Здесь можно изменить большое количество разных параметров — цвет, размеры шрифта, размеры самих кнопок, цвет и толщину рамки и т.д.

wp-page-number

Дерзайте!

3. WP Page Navi. Один из самых востребованных плагинов для создания качественной постраничной навигации на WordPress. Ссылка на скачивание — здесь.

Что касается настроек, то здесь их не слишком много. Для начала следует указать названия первой и последней, а также следующей и предыдущей страниц. Эти кнопки будут показаны независимо от того, на какой странице вы находитесь в данный момент. Чтобы кнопки от WP Page Navi появились на блоге, необходимо удалить код стандартной навигации в шаблоне, как я уже писал наиболее вероятно, что он будет находится в шаблоне archive.php или content.php. И вместо кода вставить:

<?php wp_pagenavi(); ?>

Обычно он начинается с такой строчки — <div class=»navigation»>. Редактировать внешний вид кнопок (основной и фоновый цвет, рамки, шрифты и т.д.) можно через CSS-файл данного плагина pagenavi-css.css, их поддержку можно включить в пункте “Настройки списка страниц”. Однако это не очень удобно. Поэтому для WP Page Navi был создан так называемый плагин-дополнение под названием WP PageNavi Style. После его установки в меню появятся все нужные опции для редактирования внешнего вида кнопок.

wp-page-navi

Все вопросы можно задавать в комментариях, если кому-то не ясно по тому или другому пункту. Мы всегда ответим на все вопросы.

Всем спасибо!

Оцените статью:

Очень плохоПлохоНормальноХорошоОтлично (4 Рейтинг: 4,50 из 5)
Loading...Loading...

Если Вам понравилась статья, поделитесь с друзьями в соц. сетях:

Вам также может понравиться...

Не хотите пропустить новую статью? Тогда подписывайтесь...

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

Уважаемые пользователи!


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


С уважением, Администрация сайта.


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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Связаться с нами

Если у Вас возникли какие либо вопросы, предложения и пожелания для развития нашего ресурса, связаться с нами Вы можете по e-mail: loleknbolek.com@gmail.com, или заполните форму что находиться ниже.

Пишите мы будем рады Вам ответить!