Плагин для навигации страниц wordpress. Постраничная навигация WordPress с помощью WP-PageNavi
Постраничная навигация – это то, на что каждый блоггер должен обращать особое внимание. Она заключается в отображении записей WordPress на постраничной основе. Обычно записи отображаются в иерархическом порядке, и, несмотря на то, что у вас есть опция выбора, такая, как «Старые записи» и «Новые записи», у вас отсутствует опция отображения записей на постраничной основе с пронумерованными страницами.
Используя постраничную навигацию, пользователь может сразу переходить на страницу 6 или 8, не переходя последовательно со страницы на страницу. Такая навигация также полезна для SEO, поисковики предпочитают такую навигацию, она позволяет ботам легко переходить по записям на страницах сайта. С помощью бесплатных плагинов WordPress, приведённых в этой статье, вы можете установить постраничную навигацию на ваш веб-сайт.
1 – WP Page Navi
WP Page Navi – популярный плагин, который позволит посетителям вашего сайта с лёгкостью переходить со страницы на страницу. Он заменит опцию «Старые записи»/«Новые записи» на навигацию с пронумерованными страницами. Плагин не требует больших ресурсов и не влияет на скорость загрузки страниц.
Этот плагин совместим с большинством существующих тем.
- Требует мало ресурсов.
- Дружественный к SEO.
- Очень популярный.
Этот плагин является неплохим средством для добавления постраничной навигации на ваш сайт WordPress, с его помощью вы можете добавить разбиение на страницы с номерами, отображающее номера начальной страницы, средней страницы и конечной страницы.
С его помощью вы можете даже добавить навигацию по комментариям к записям, это приведёт к облегчению загрузки страницы.
Основные моменты и особенности:
- Использует простую навигацию по страницам.
- Дружественный к SEO.
- Удобный для пользователей.
Simple Pagination – это плагин, который позволит вам иметь навигацию как по вашим записям, так и по комментариям. Как подсказывает название, этот плагин очень прост в использовании. Вы можете даже подобрать стиль навигации, соответствующий теме вашего блога, с использованием таблиц стилей.
Имеется 6 таблиц стилей для соответствия вашему сайту, а также поддержка двух языков.
Основные моменты и особенности:
- Использует простую навигацию по страницам.
- Использует навигацию по комментариям.
- Имеются таблицы стилей для разных типов отображения.
- Имеются 6 типов стилей.
Page Links Plus – плагин, который выполняет функцию добавления навигации в запись. Бывают случаи, когда ваша запись становится такой большой, что вам надо разделить её на части. В таких случаях вам поможет плагин Page Links Plus, который разобьёт вашу запись на страницы, показывая связь между ними, позволяющую посмотреть всю запись целиком.
В плагине имеется множество настроек для того, чтобы получить желаемые результаты для вашей записи.
Основные моменты и особенности:
- Позволяет нумеровать записи и страницы.
- Имеется опция для просмотра всей записи.
- Имеется множество настроек.
- Имеется доступная Pro версия.
Alphabetic Pagination будет нумеровать записи и страницы вашего сайта в алфавитном порядке. Если вы занимаетесь продажами товаров на вашем сайте WordPress, то этот плагин будет творить чудеса, он будет нумеровать все ваши товары в алфавитном порядке.
Он может быть использован в любом месте вашего сайта с помощью шорткода.
Основные моменты и особенности:
- Имеется навигация по алфавиту.
- Имеется поддержка торговли.
- Может быть размещён в любом месте с помощью шорткода.
- Может показать список пользователей в алфавитном порядке.
Плагин Gallery Pagination for WordPress поможет вам в навигации по галереям изображений вашего WordPress сайта. Он будет отображать все изображения в галерее, что поможет пользователю перейти непосредственно к любому изображению без необходимости прокрутки изображений одного за другим.
Поддержка CDN поможет вам сделать галереи изображений дружественными для SEO. Имеется также кэширование для того, чтобы увеличить скорость загрузки страницы, а также Ajax, чтобы делать изменения без необходимости перезагрузки страницу.
Основные моменты и особенности:
- Имеется навигация по галереям изображений.
- Имеется поддержка CDN.
- Дружественный к SEO.
- Имеется кэширование.
Плагин Advanced Post Pagination будет осуществлять навигацию по вашим записям. Если ваша запись слишком большая, вы можете с помощью этого плагина разбить её на несколько страниц. Чтобы не запутаться в привычных цифровых кнопках, с помощью этого плагина вы можете поместить на кнопки текст и картинки. Вы можете использовать шорткод для того, чтобы разбивать запись на страницы так, как вам нравится.
Ajax поможет вам перейти к разделу без необходимости перезагрузки всей страницы.
Основные моменты и особенности:
- Разбиение отдельной записи.
- Использование текста и картинок на кнопках.
- Использование шорткодов.
- Использование Ajax.
WP Smart Pagination – это удобный способ отображения записей с разделением на страницы, вместе с полем, в которое вы можете ввести номер страницы, что позволит вам моментально оказаться на нужной странице. Это очень полезно, если у вас на сайте много записей, что затрудняет пользователям переход к странице, которая находится очень далеко. В том случае, если у вас в наличии 4000 страниц записей, а пользователь хочет посмотреть 2555 страницу, этот плагин может оказать вам неоценимую услугу.
Основные моменты и особенности:
- Использует простую навигацию по страницам.
- Имеется поле для прямого перехода к нужной странице.
- Соответствие темам.
- Имеется модификация стилей.
Это jQuery плагин, вдохновлённый jPages, с помощью которого вы без труда сможете разбить на страницы ваши галереи изображений и комментарии. Это в полной мере отзывчивый плагин, который будет осуществлять навигацию по контенту для всех видов устройств с различными размерами экрана. jPages Pagination For WordPress – небольшой плагин, который позволит легко интегрировать навигацию с jQuery.
Все основные браузеры поддерживают этот плагин, так что посетители вашего сайта не будут иметь проблем с просмотром контента при использовании для навигации данного плагина.
Основные моменты и особенности:
- Используется jQuery.
- Отзывчивый плагин.
- Имеется поддержка основными браузерами.
- Простая интеграция.
В данной статье приведён список лучших бесплатных плагинов WordPress для постраничной навигации, которые могут помочь вам осуществить разбивку вашего сайта по страницам самым наилучшим образом. Все плагины имеют различные особенности, поэтому выберите для себя тот, который лучше всего подходит для вашего сайта.
Flector 5
Обновлено:
Это один из самых известных и популярных плагинов для WordPress . Он позволяет легко и просто вывести на сайте постраничную навигацию. Необходимость постраничной навигации не вызывает сомнений – во-первых, пользователям с ней намного удобнее, чем с непонятными ссылками "Раньше" и "Позже", а во-вторых, постраничная навигация помогает в плане SEO – поисковики куда лучше индексируют страницы, если ссылки на них есть на главной странице сайта. Есть несколько подобных плагинов, но считается лучшим из них. Собственно, постраничная навигация в WordPress и плагин PageNavi это сейчас практически неразделимые понятия.
1 Распаковываем архив.
2 Копируем папку в /wp-content/plugins/ .
3 Заходим в админку блога на вкладку "Плагины " и активируем плагин.
Плагин полностью переведен на русский язык. Причем переводчик перестарался, переведя даже название плагина (это противоречит здравому смыслу – кто переводит имена собственные?). Поэтому при активации плагина ищите среди загруженных плагинов не , а Список страниц . С настройками та же история – их вы найдете в "Настройках\Список страниц ".
Первая часть настроек плагина касается самой панельки и ее значений:
Это значения по умолчанию. Они дают примерно такой вид панели:
Если не заполнить какое-либо поле, то в панели оно выведено не будет. Поэтому можно сократить панель до более компактного варианта вроде:
Вторая часть настроек касается самого плагина:
Здесь я должен сделать несколько пояснений. Опция "Использовать стиль pagenavi-css.css " заставляет плагин применять для панели css-стили из файла pagenavi-css.css , который лежит в папке плагина. Если в вашем шаблоне уже прописаны стили для плагина (а это бывает часто, так как очень популярен), то вам необходимо снять галку с этой опции. Ведь, как правило, прописанные в теме стили куда лучше стилей плагина по умолчанию.
Диапазоны советую отключить (по умолчанию они включены), поставив везде значение "0". Потому что лично мне такая навигация не нравится:
Но решать, конечно, вам.
С настройками закончили – как вывести панель плагина в шаблоне? Вам необходимо найти в файлах шаблона код, похожий на:
И заменить его на код:
Именно на этом этапе у многих пользователей возникают проблемы. Потому что в каждом шаблоне этот код может быть разным. Даже файлы, в которых надо искать этот код от шаблона к шаблону очень сильно отличаются. Поэтому, советую скачать редактор Notepad++ (он вам нужен в любом случае, так как файлы необходимо сохранять строго в кодировке UTF8 без БОМ ) и выполнить в нем поиск по файлах функций и .
Именно так вы точно найдете, где в вашем шаблоне его автор запрятал функции вывода ссылок навигации, и сможете их заменить кодом вызова панели плагина. Если вы сами не смогли найти – пишите в комментариях, помогу.
Теперь поговорим о стилях оформления панели. Не нравится вид панели по умолчанию? Хотите такую панельку, как на скриншоте в начале этой статьи? Тогда откройте этот файл и скопируйте его содержимое в файл pagenavi-css.css , который лежит в папке вашего плагина.
Есть еще более простой способ стилизовать вашу панельку. Для это вам необходимо установить плагин , в котором вы можете выбрать встроенные стили вроде таких:
Не хотите устанавливать дополнительный плагин? Хорошо, в таком случае вы можете воспользоваться моими подборками стилей для :
Еще не была установлена постраничная навигация . Я намеренно не спешил с установкой этой функции в силу малого количества опубликованных статей.
Недавно блогу исполнился месяц и данная статья будет двадцатой по-счету. И наверно для удобства моих уважаемых читателей пора бы уже избавиться от ужасно неудобных, а порой даже раздражающих, пресловутых — «Предыдущие записи» и «Следующие записи».
Когда я захожу на чей-то блог, не важно какой он тематики и вижу, что на нем нет постраничной навигации, я дальше главной страницы не продвигаюсь, потому что у меня нет желания пользоваться встроенной навигацией в WordPress и к тому же я чувствую не уважительное отношение ко мне со стороны администратора данного блога.
Я понимаю, что многие не сильны в языках программирования и копаться в кодах не их стихия, но это не оправдание. Ведь можно же воспользоваться специальными плагинами, установка которых не требуют каких-то углубленных знаний или в крайнем случаи воспользоваться платными услугами какого-нибудь веб-мастера.
Платные услуги конечно уж совсем «крайний случай» и лучше все же обойтись своими силами, а я со своей стороны постараюсь как можно подробней описать весь процесс установки и последующей настройки плагина, который заменяет встроенную в WordPress функцию постраничной навигации на более удобную.
Плагин WP-PageNavi. Установка постраничной навигации на WordPress
Скачать плагин можно с официального сайта по этой ссылке — скачать плагин WP-PageNavi .
Распаковываем архив и с помощью FTP клиента закидываем папку с плагином в директорию — wp-content/plugins. Затем заходим в админку блога во вкладку — «Плагины » и активируем плагин WP-PageNavi.
К настройкам плагина мы перейдем чуть позже, а сперва надо заменить встроенную навигацию — «Предыдущие записи» и «Следующие записи» на постраничную навигацию. Открываем для редактирования файлы в которых прописана функция навигации. В основном это 3 файла — index.php, search.php и archive.php. которые находятся в папке с Вашей темой — wp-content -> themes -> Ваша тема
Ищем в них строчки похожие на эти:
У Вас эти строчки могут маленько отличатся, но найти их особого труда не составит. Заменяем найденные строчки на следующий код:
Повторяю, что замену кодов надо произвести во всех трех файлах!
Настройка плагина WP-PageNavi
Для того, чтобы произвести нужные нам настройки плагина, идем — админка блога -> Параметры -> Список страниц:
Откроется страница настроек плагина, на которой по желанию можно изменить следующее:
В строчке — «Шаблон общего списка страниц» можно убрать общее количество страниц или сократить слово -«Страница», Например мы можем прописать так:
Стр. %CURRENT_PAGE%
После проведенных изменений получится вот такая форма:
Вторая и третья строчка выводят непосредственно номера страниц и их лучше не трогать.
В четвертой и пятой строчке, опять же по желанию, можно поменять слова «Первая» и «Последняя» например на «В конец» и «В начало» и добавить номер страницы.
Прописываем:
Получается такая картинка:
А если нажать на номер страницы в конце формы, то увидим следующее:
Точно также можно заменять символы в оставшихся четырех строчках. Надеюсь разберетесь, а если нет, то задавайте вопросы в комментариях.
Строчка — «Использовать стиль pagenavi-css.css» позволяет выключать или отключать встроенные в плагин стили (внешний вид формы постраничной навигации). Если Вы совсем не разбираетесь в языке CSS, то лучше галочку оставить.
В одной из следующих статей я расcкажу, как сделать постраничную навигацию на WordPress без плагина и в ней мы подробно будем разбирать всевозможные стили так, что советую подписаться на обновления блога .
В строчке — «Стиль списка страниц » лучше оставить — «Обычный «, так как если выбрать — «Выпадающий список», то навигация будет выглядеть так:
В строчке — «Всегда показывать список страниц » галочку не ставим.
Далее. В строчке — «Количество страниц для показа » надо указать количество страниц, которое будет включать в себя навигация. Например если указать цифру 3, то мы получим форму всего из трех страниц:
В строчке — «Диапазон страниц для показа » обычно меняют значение если на блоге большое количество статей. Например если указать диапазон 5 то в конце формы будет отображаться нумерация 15, 20, 25 и т.д. Если же указать цифру 10, то диапазон изменится на 20, 30, 40 и т.д.
Если в строчке — «Коэффициент для диапазонов страниц » к примеру указать цифру 2, то получим следующую картину:
Видно, что появились цифры в диапазоне 2. Пользоваться этой функцией начинают, когда на блоге больше 100 публикаций, а то и больше.
После того, как мы изменили настройки «под себя», не забываем сохранить изменения.
Я думаю сложного тут нечего нет и даже самый «зеленый» блогер легко справиться с установкой постраничной навигацией на WordPress вместо неудобной, встроенной функции.
Важно! После установки постраничной навигации необходимо внести изменения в файл robots.txt для того, чтобы не создавать дубли страниц .
До встречи!
С уважением, Виталий Кириллов
Каждый сайт — это по сути целая система навигации и ссылок , по которым перемещаются роботы и посетители. Данная система может обладать разной степенью сложности. Как правило, в ее состав входит главное меню, содержащее в себе ссылки на все основные разделы и статичные страницы, дополнительные меню, (упорядоченный и структурированный список из ссылок на все страницы и разделы). Кроме того, в состав системы навигации интернет-ресурса может входить постраничная навигация .
Она представляет собой набор кнопок со встроенными в них гиперссылками, каждая из которых ведет на определенную страницу. При этом речь идет не о статичных страницах и страницах с постами, а о страницах, на которых размещаются анонсы постов (формат блога).
Что касается настроек, то здесь их не слишком много. Для начала следует указать названия первой и последней, а также следующей и предыдущей страниц. Эти кнопки будут показаны независимо от того, на какой странице вы находитесь в данный момент. Чтобы кнопки от WP Page Navi появились на блоге, необходимо удалить код стандартной навигации в шаблоне, как я уже писал наиболее вероятно, что он будет находится в шаблоне archive.php или content.php. И вместо кода вставить:
Обычно он начинается с такой строчки —