Постраничная навигация без плагина wordpress: Постраничная навигация в WordPress без плагина (альтернатива WP-PageNavi)

9 лучших бесплатных плагинов WordPress для постраничной навигации

Постраничная навигация – это то, на что каждый блоггер должен обращать особое внимание. Она заключается в отображении записей WordPress на постраничной основе. Обычно записи отображаются в иерархическом порядке, и, несмотря на то, что у вас есть опция выбора, такая, как «Старые записи» и «Новые записи», у вас отсутствует опция отображения записей на постраничной основе с пронумерованными страницами.

Используя постраничную навигацию, пользователь может сразу переходить на страницу 6 или 8, не переходя последовательно со страницы на страницу. Такая навигация также полезна для SEO, поисковики предпочитают такую навигацию, она позволяет ботам легко переходить по записям на страницах сайта. С помощью бесплатных плагинов WordPress, приведённых в этой статье, вы можете установить постраничную навигацию на ваш веб-сайт.

1 – WP Page Navi

WP Page Navi – популярный плагин, который позволит посетителям вашего сайта с лёгкостью переходить со страницы на страницу. Он заменит опцию «Старые записи»/«Новые записи» на навигацию с пронумерованными страницами. Плагин не требует больших ресурсов и не влияет на скорость загрузки страниц.

Этот плагин совместим с большинством существующих тем.

Основные моменты и особенности:

• Использует простую навигацию по страницам.
• Требует мало ресурсов.
• Дружественный к SEO.
• Очень популярный.

2 – WP Paginate

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

С его помощью вы можете даже добавить навигацию по комментариям к записям, это приведёт к облегчению загрузки страницы.

Основные моменты и особенности:

• Использует простую навигацию по страницам.
• Использует навигацию по комментариям.
• Дружественный к SEO.
• Удобный для пользователей.

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

Имеется 6 таблиц стилей для соответствия вашему сайту, а также поддержка двух языков.

Основные моменты и особенности:

• Использует простую навигацию по страницам.
• Использует навигацию по комментариям.
• Имеются таблицы стилей для разных типов отображения.
• Имеются 6 типов стилей.

4 – Page Links Plus

Page Links Plus – плагин, который выполняет функцию добавления навигации в запись. Бывают случаи, когда ваша запись становится такой большой, что вам надо разделить её на части. В таких случаях вам поможет плагин Page Links Plus, который разобьёт вашу запись на страницы, показывая связь между ними, позволяющую посмотреть всю запись целиком.

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

Основные моменты и особенности:

• Позволяет нумеровать записи и страницы.
• Имеется опция для просмотра всей записи.
• Имеется множество настроек.
• Имеется доступная Pro версия.

5 – Alphabetic Pagination

Alphabetic Pagination будет нумеровать записи и страницы вашего сайта в алфавитном порядке. Если вы занимаетесь продажами товаров на вашем сайте WordPress, то этот плагин будет творить чудеса, он будет нумеровать все ваши товары в алфавитном порядке.

Он может быть использован в любом месте вашего сайта с помощью шорткода.

Основные моменты и особенности:

• Имеется навигация по алфавиту.
• Имеется поддержка торговли.
• Может быть размещён в любом месте с помощью шорткода.
• Может показать список пользователей в алфавитном порядке.

6 – Gallery Pagination for WordPress

Плагин Gallery Pagination for WordPress поможет вам в навигации по галереям изображений вашего WordPress сайта. Он будет отображать все изображения в галерее, что поможет пользователю перейти непосредственно к любому изображению без необходимости прокрутки изображений одного за другим.

Поддержка CDN поможет вам сделать галереи изображений дружественными для SEO. Имеется также кэширование для того, чтобы увеличить скорость загрузки страницы, а также Ajax, чтобы делать изменения без необходимости перезагрузки страницу.

Основные моменты и особенности:

• Имеется навигация по галереям изображений.
• Имеется поддержка CDN.
• Дружественный к SEO.
• Имеется кэширование.

7 – Advanced Post Pagination
Плагин Advanced Post Pagination будет осуществлять навигацию по вашим записям. Если ваша запись слишком большая, вы можете с помощью этого плагина разбить её на несколько страниц. Чтобы не запутаться в привычных цифровых кнопках, с помощью этого плагина вы можете поместить на кнопки текст и картинки. Вы можете использовать шорткод для того, чтобы разбивать запись на страницы так, как вам нравится.

Ajax поможет вам перейти к разделу без необходимости перезагрузки всей страницы.

Основные моменты и особенности:

• Разбиение отдельной записи.
• Использование текста и картинок на кнопках.
• Использование шорткодов.
• Использование Ajax.

8 – WP Smart Pagination
WP Smart Pagination – это удобный способ отображения записей с разделением на страницы, вместе с полем, в которое вы можете ввести номер страницы, что позволит вам моментально оказаться на нужной странице. Это очень полезно, если у вас на сайте много записей, что затрудняет пользователям переход к странице, которая находится очень далеко. В том случае, если у вас в наличии 4000 страниц записей, а пользователь хочет посмотреть 2555 страницу, этот плагин может оказать вам неоценимую услугу.

Основные моменты и особенности:

• Использует простую навигацию по страницам.
• Имеется поле для прямого перехода к нужной странице.
• Соответствие темам.
• Имеется модификация стилей.

9 – jPages Pagination For WordPress
Это jQuery плагин, вдохновлённый jPages, с помощью которого вы без труда сможете разбить на страницы ваши галереи изображений и комментарии. Это в полной мере отзывчивый плагин, который будет осуществлять навигацию по контенту для всех видов устройств с различными размерами экрана. jPages Pagination For WordPress – небольшой плагин, который позволит легко интегрировать навигацию с jQuery.

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

Основные моменты и особенности:

• Используется jQuery.
• Отзывчивый плагин.
• Имеется поддержка основными браузерами.
• Простая интеграция.

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

Если вам понравилась данная статья, вы можете поделиться ею, а также оставить комментарий в поле ниже.

Постраничная навигация на WordPress | WordPress

В сегодняшней статье речь пойдет о популярном в виду своей исключительной полезности плагине под названием WP-PageNavi. Удобный плагин предоставляет возможность организовать постраничную навигацию блога WordPress более удобно, чем если бы вы пользовались способом, включенным по умолчанию. В принципе, удобство стандартной постраничной навигации – вопрос относительный и вполне можно использовать и так называемые средства по умолчанию, однако WP-PageNavi предлагает нам гораздо более привлекательный вариант. Если по умолчанию в качестве постраничной навигации мы имеем две кнопки «раньше» и «позже», то есть пролистываем страницы последовательно в поисках нужной нам, то после того, как WP-PageNavi окончательно установлен и настроен, мы получаем кнопки с указанием номеров страниц, что позволяет нам без труда перейти на нужную страницу. В зависимости от выбранных настроек панель навигации может выглядеть по — разному, однако это мы рассмотрим несколько позже.

Какие конкретные причины могут быть у начинающего блогера для того, чтобы использовать именно плагин PageNavi для того, чтобы организовать навигацию в блоге? Возможно, на первых порах такой необходимости и не возникает, и двух кнопок вполне достаточно для того, чтобы ориентироваться в пяти страницах блога. Но со временем количество информации, а значит, и страниц, неуклонно растет, и обычная навигация становится неудобной, а читателю проще запомнить, на какой странице он закончил чтение или нашел необходимую статью, чем запоминать, сколько раз кликнуть на кнопку «далее». Вот почему PageNavi – это логичное развитие навигации практически каждого блога; конечно, существуют и другие аналогичные плагины, однако именно WP-PageNavi обрел наибольшую известность и популярность.

Естественно, что перед тем, как работать с данным плагином, мы скачиваем его и устанавливаем. После того, как мы скачали нужный архив с плагином, его необходимо распаковать; в результате мы получаем папку под названием WP-PAGENAVI, которую затем загружаем на сервер вашего хостинга в папку с плагинами Вордпресс, которую мы находим по названию wp-content/plugins/. Для того, чтобы сделать это, необходимо получить доступ к папкам вашего блогом WordPress, используя протокол FTP.

Отдельное внимание стоит обратить на то, что копированию на сервер хостинга подлежит непосредственно та папка, в которой лежат файлы плагина. Если же вы скопируете папку с таким же названием, внутри которой и находится нужная нам папка, WordPress не сможет увидеть установленный плагин и соответственно не будет возможности продолжить работу.

После того, как копирование файлов плагина WP-PageNavi завершено, следующим вашим шагом будет вход в администраторскую зону WordPress и выбора пункта «Плагины». После этого перед вами появится окно управления плагинами, где вашим выбором становится ссылка «Неактивные» («Inactive», в английской версии). Это действие позволяет открыть список установленных, но еще не активированных плагинов вашего блога.
В этом списке необходимо отыскать нужный нам плагин WP-PageNavi и кликнуть по ссылку «Активировать» (она находится прямо под названием плагина).

Итак, мы активировали нужный плагин, однако для того, чтобы, наконец-то, увидеть результаты его работы, этого часто бывает недостаточно. После активации плагина необходимо зайти на блог как обычный пользователь и посмотреть, произошли ли какие-то перемены в отображении навигации. В том случае если навигационная панель, наконец, приобрела новый вид, можно сразу переходить к настройке плагина. Если же ничего не изменилось, нам придет вручную вставить код вызова плагина в основные файлы темы оформления WordPress, которая в настоящий момент используется в блоге. К счастью, ничего особо сложного в этом нет – главное условие успеха заключается в знании структуры шаблона WordPress и понимании, в какие именно файлы (и какой их конкретный участок) добавлять код плагина.

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

Как правило, использование постраничной навигации актуально на главной странице (это файл INDEX.PHP в папке с используемой темой оформления), а также еще в двух случаях – на странице архивов (ARHIVE.PHP) и странице результатов поиска по всему блогу (SEARCH.PHP). Поэтому именно в эти три файла нам и потребуется вставить служебный код плагина PageNavi, который и позволит вывести удобную навигационную панель в нужное место нашего блога на WordPress. Для того чтобы вставить служебный код плагина PageNavi в нужные файлы шаблона необходимо подключаемся к блогу по FTP-протоколу и зайти в папку с используемой в настоящий момент темой оформления.

Для начала найдем файл с названием INDEX.PHP в папке с темой и начнем его редактирование в наиболее удобном и привычном редакторе (лично я использую для этих целях продвинутым блокнотом Notepad++).

В открывшемся файле вам потребуется найти тот участок кода, который явно отвечает за навигацию по многочисленным страницам вашего блога. Надо сказать, что в некоторых случаях это становится достаточно сложной задачей. Впрочем, сам файл INDEX.PHP небольшой и внимательное изучение его не займет много времени. Ваша задача – найти комментарии, которые связаны с навигацией, к примеру, и . В подобные комментарии создатели тем оформления обычно и заключают ту область служебного кода, которая отвечает за постраничную навигацию на блоге WordPress.

Код постраничной навигации в файле INDEX.PHP вашей теме может выглядеть как угодно, но сейчас вам необходимо верно идентифицировать его и после этого заменить строкой вызова рассматриваемого нами плагина wp_pagenavi. Данная строка выглядит следующим образом: . Сохраняем изменения, произведенные в файле, заходим на главную страницу блога и убеждаемся, что все работает именно так, как нам и было нужно.

В принципе, код стандартной навигации, расположенный в файле INDEX.PHP, можно и не удалять, чтобы впоследствии при удалении нашего плагина постраничная навигация вашего блога работала адекватно. Для этого вместо стандартного кода для постраничной навигации необходимо будет прописать условие, которое определит, когда должна отображаться стандартная навигация WordPress, а когда – та панель навигации по страницам, которая создается посредством плагина WP-PageNavi.

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

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

Чтобы приступить к настройкам плагина, необходимо выбрать в левом меню админки WordPress из области «Настройки» пункт «PageNavi» или, в русифицированном варианте – «Список страниц». Это действие открывает окно, содержащее список настроек плагина WP-PageNavi в области шаблонов списка страниц.

Первое поле под названием «шаблон общего списка страниц» содержит заданное отображение текущей страницы и общего числа страниц. Если выбран именно такой вариант, то в блоге WordPress панель постраничной навигации станет представлять собой последовательный перечень страниц с выделенным номером текущей страницы; в это поле можно также добавить слово, к примеру, «Страница» — это нисколько не повлияет на сам функционал. Если есть такое желание, данное поле можно совсем очистить.

Следующие поля носят название «Элемент «Текущая страница», далее — «Элемент «страница». Содержание данных полей мы не трогаем, поскольку именно здесь задано отображение страниц (как текущей, так и всех остальных) в виде порядкового номера. Что касается панели WP-PageNavi, здесь все будет смотреться достаточно стандартно и естественно. Аналогичную систему постраничной навигации сейчас можно встретить на многих блогах.

Поля текста для первой и последней страницы предназначены для того, чтобы задать в них текст, отображаемый на кнопках перехода к первой и к последней странице. Классическое решение – написать вместо текста для поля первой страницы единицу, а «Text For The Last Page» заполнить строкой %TOTAL_PAGES% — благодаря этому в последней строке будет выводиться общее количество страниц вашего блога.

Следующие поля предназначены для вывода кнопок перехода на предыдущую и последующую страницы блога. Они носят названия «Text For The Previous Post» и «Text For The Next Post» соответственно. Как правило, здесь прописываются привычные стрелочки соответствующего направления.

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

Теперь самое время заняться дальнейшими настройками плагина WP-PageNavi и перейти к настройкам списка страниц. Первое, что мы встречаем в окне «настройки списка страниц» — это пункт «Use pagenavi-css.css», позволяющий установкой галочки отключать или подключать файл с каскадными таблицами стилей, который идет в комплекте с обсуждаемым сегодня плагином.

Следующее поле, носящее название «Стиль списка страниц», предлагает нам открыть выпадающий список CSS стилей, который по сути предлагает нам выбрать один стиль из двух предлагаемых. Обычный стиль – это уже упомянутые нами кнопки постраничной навигации, в то время как стиль под названием «Drop-down list» выводит нам навигацию в виде лаконичного выпадающего списка с номерами страниц.

Следующее поле настройки предлагает нам установить или снять галочку в пункте «Always Show Page Navigation». Если вы поставите галочку здесь, то навигация станет отображаться даже для тех страниц, на которых еще недостаточно постов для разбиения – к примеру, на главной странице.

Поле «Number Of Pages To Show» предназначено для того, чтобы вы указали, сколько страниц будет отображаться как последовательный ряд чисел, тогда как переход на другие страницы вашего блога будет осуществляться при помощи кнопок «следующая» и «предыдущая» (тех самых, которые мы отметили стрелочками), а также кнопок для перехода на первую страницу и на последнюю.

Поле под названием «Number of Larger Page Numbers To Show» задает, как много далеких номеров, которые больше отображаемых номеров численного значения, увидит посетитель блога после того, как нажмет кнопку перехода на следующую по порядку страничку.

Наконец, поле под названием «Show Larger Page Numbers In Multiples Of» предоставляет возможность задать тот шаг, с которым будут отображены номера далеких страниц вашего блога. К примеру, в первом из этих описанных полей мы поставим тройку, а для второго – двойку. Это приведет к тому, что в результате на панели WP-PageNavi при текущей странице под номером 1 и количестве отображаемых страниц, заданном цифрой 5, после последовательно отображенных страниц с первой по пятую будут видны страницы под номерами 6, 8, 10 – то есть три страницы вашего блога с шагом (интервалом), равным двойке. Впрочем, можно и не использовать данную функцию, для чего достаточно поставить 0 в поле количества отображаемых далеких номеров.

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

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

Однако, можно добавлять дополнительные свойства непосредственно в файл CSS текущей темы оформления WordPress (wp-content/themes/текущая тема/style.css), а не в соответствующий файл плагина, который располагается по адресу: /wp-content/plugins/wp-pagenavi/pagenavi-css.css.

Еще один способ изменения внешнего вида нашей панели постраничной навигации, помещаемой на страницы блога при использовании плагина WP-PageNavi, — это изменение файла стилевого оформления непосредственно самого плагина. Данный файл расположен в папке /wp-content/plugins/wp-pagenavi/pagenavi-css.css.

Рассмотрим данный способ редактирования на конкретном примере.

Для того, чтобы получить достаточно приятную для глаз панель постраничной навигации синего цвета с эффектом объема и белым шрифтом ссылок, нужно скачать архив с оформлением, затем распаковать его и найти папку с названием IMAGES. Эту папку мы копируем в папку с нашим плагином после того, как подключаемся по FTP к серверу хостинга. Папка с плагином, напоминаю, располагается здесь: /wp-content/plugins/wp-pagenavi.

Папка под названием IMAGES содержит графический файл под названием fon.gif, формирующий фон панели навигации по страницам в WordPress. Ваш следующий шаг – это найти файл /wp-content/plugins/wp-pagenavi/pagenavi-css.css, начать редактирование и заменить расположенный там код нужными правилами.

После того, как мы разместили в файле требуемые правила, потребуется сохранить изменения. Теперь зайдите на свой блог для того, чтобы понять, изменился ли внешний вид панели навигации. Если вы не видите изменений, обновите содержимое окна вашего браузера, при этом удерживая кнопку SHIFT. Если не помогло и это, попробуйте очистить кеш браузера.

Небольшой совет для тех, кто хочет сделать работу с сайтом наиболее удобной: лучше всего остановить свой выбор на браузере FireFox, поскольку это не только удобно в силу особенностей самого браузера, но и по той причине, что для данного браузера создан мощный плагин под названием FireBug – незаменимый инструмент для вебмастера, которому необходимо работать с дизайном сайта.

Обилие кода может показаться достаточно сложным на первый взгляд, однако плагин WP-PageNavi на самом деле достаточно прост в работе, если привыкнуть к последовательности действий и результату, получаемому в итоге. Выгоды использования данного плагина налицо. Во-первых, он значительно ускоряет индексирование страниц поисковиками, а это не может не радовать – ведь процесс продвижения идет намного продуктивнее. Кроме того, удобная навигация по сайту, безусловно, радует посетителей, которые в большинстве своем обращают внимание не только на то, какой степенью полезности и информативности обладает информация вашего блога, но и на то, насколько удобно в этой самой информации ориентироваться. Кроме того, внешний вид плагина даже без корректировки отлично смотрится в большинстве блогов, а если вы слишком придирчивы к этому – попробуйте произвести изменения в стиле при помощи одного из вышеописанных приемов.

Постраничная навигация на блоге WordPress

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

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

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

Плагин постраничной навигации PageNavi

Чтобы установить этот плагин, заходите в административной панели в Плагины — Добавить новый, затем в окошке поиска вводите слово PageNavi, находите плагин WP-PageNavi и устанавливаете его. Затем идете в Плагины, находите там плагин Список страниц, почему-то он там так называется, и его активизируете.

Результат работы плагина постраничной навигации PageNavi можно увидеть внизу ленты  Там появятся нумерованные страницы с более ранними анонсами статей. Текущая страница первая. Более ранние страницы идут под номером два, еще более ранние  — под номером три, и так далее.

Отображаемое количество и внешний вид этих страниц можно менять. Чтобы изменить количество, идете в Параметры, и находите там новый пункт, который называется Список страниц. Заходите в него. Находите строчку Кол-во страниц для показа, и меняете цифру по своему усмотрению.

Чтобы изменить внешний вид постраничной навигации, заходите в Плагины — Редактор, после этого выбираете плагин для изменения WP-PageNavi, затем находите ссылку на код файла

wp-pagenavi/pagenavi-css.css в правой колонке, и нажимаете на нее. Этот файл отвечает за оформление плагина. Найдите в коде этого файла стиль

.wp-pagenavi Вы можете в него добавлять свои элементы стиля.

Например, Вы можете добавить

font-size: 14px; — размер шрифта

color: #598532; — цвет шрифта

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

.wp-pagenavi {
clear: both;
font-size: 14px;
color: #598532;
}

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

Например, для определения нужного цвета Вы можете воспользоваться пипеткой, которая находится в программе FS-Capture. Эта пипетка — очень полезный инструмент, который позволяет определить код любого цвета, который Вы можете увидеть на экране Вашего монитора.

Кроме того, определиться с элементами стиля плагина PageNavi Вам поможет правая клавиша мыши. Нажимаете ей на любой элемент блога, к примеру, на ту же постраничную навигацию, выбираете Просмотр кода элемента, и смотрите, какие стили этот элемент содержит.

Видео о том, как устанавливать и изменять дизайн постраничной навигации на блоге WordPress

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

Как убрать навигацию WordPress?

Постраничная навигация в WordPress без плагина (альтернатива WP-PageNavi)

Практически любой блоггер, который ведет свой блог на движке WordPress, знаком с плагином WP-PageNavi, который выводит постраничную навигацию такого вида:

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

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

Функция, которую я вам предлагаю, совсем небольшая по размеру:

Данный код необходимо поместить в файл functions.php вашего шаблона. В функции всего пять опций, они отделены разрывами строк. Комментарии я написал, думаю, тут все понятно.

Для того, чтобы вывести навигацию в нужном месте, вставляйте в шаблон следующий код:

HTML-код, который получается в результате вывода функции, выглядит следующим образом:

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

Проверял данную функцию на версиях WordPress, начиная с 2.3.3, а также тестировал варианты с включенным и отключенным ЧПУ. Все работает, как и полагается.

dimox.name

Альтернатива плагину WP-pagenavi (пагинация для WordPress)

C версии 4.1 в WordPress появилась родная аналогичная функция: the_posts_pagination()

Попалась мне как-то тема, что популярнейший плагин WordPress wp-pagenavi нагружает сервер не в меру своей надобности. Проанализировав его код выяснил, что это всего лишь миф, хотя его все же можно немного оптимизировать, собственно этому и посвящен пост.

Если другие плагины сложно представить без возможности их настройки в админ-панели, то wp-pagenavi мне представляется легко. Достаточно один раз настроить навигацию и забыть про нее. И наверное есть те, кто думает так же? Поэтому я решил отказаться от wp-pagenavi и заменить его на свою функцию. Функцию я написал, предварительно изучив код wp-pagenavi, частично код был взят от туда. Все CSS классы wp-pagenavi сохранены и, как следствие, заменить wp-pagenavi на мой вариант совсем не составит труда.

Для замены нужно скопировать нижеследующую функцию в файл шаблона functions.php. Также, нужно скопировать CSS стили wp-pagenavi в ваш файл стилей (обычно это style.css). Перенос стилей носит и полезный характер, потому что больше не будет необходимости подключать файл стилей, а это минус один http запрос.

Настройки описаны прямо в коде и они идентичны настройкам wp-pagenavi, с той лишь разницей, что вместо текста «к последней странице» можно вывести номер последней страницы.

После того, как функция установлена и css стили перенесены, меняем в шаблоне код wp_pagenavi на этот:

Если у вас в коде что-то вроде этого, то нужно поменять все wp_pagenavi на kama_pagenavi :

CSS стили для кода

Выше я уже сказал. что классы CSS совпадают с wp-pagenavi. Для удобства выкладываю тут все CSS правила:

В моем коде присутствуют 4 новых класса: first (в начало), last (в конец), prev (назад), next (вперед).

Неплохую подборку стилей можно взять здесь.

Если навигация выводится 2 раза

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

Обновления

17 декабря 2013
Версия 2.0. Подправил код, убрал лишние, ненужные вызовы функции get_pagenum_link(), за счет чего код стал работать гораздо быстрее, без потери качества.

11 мая 2010
Перенес ссылки назад/вперед, теперь так:
«назад « ** к началу . 11 12 13 14 15 16 17 18 . в конец ** » вперед»

Последний вариант функции наверху.

2 мая 2010

Добавлены ссылки назад/вперед, пример:
« ** к началу «назад . 11 12 13 14 15 16 17 18 . вперед» в конец ** »
Их можно отключить (см. настройки).

Реверсивная пагинация для WordPress

Идея реверсивной (обратной) пагинации принадлежит sholo, который высказал её на известном нам форуме — mywordpress.ru. Мне стало интересно посмотреть, как это будет выглядеть и я немного переделал код.

Этот код основан на старой версии основного кода.

wp-kama.ru

WP-PageNavi постраничная навигация WordPress

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

Современная, красивая постраничная навигация для блога WordPress организуется с помощью популярного плагина WP-PageNavi. На официальном сайте wordpress.org данный модуль занимает четвертое место по скачиванию. На момент написания этого поста, его скачали уже 4065194 раз. Как устроена удобная навигация по страницам Вы можете посмотреть у меня на блоге. Если готовы к переменам на своем веб-ресурсе, тогда приступим.

Постраничная навигация WordPress с помощью плагина WP-PageNavi

Постраничная навигация WordPress блога

Как установить и настроить плагин WP-PageNavi

Установить данный модуль можно стандартным путём, через раздел «Плагины» — «Добавить новый», в поле для поиска плагинов вводим его название и нажимаем кнопку искать. Затем, после успешной установки незабываем активировать плагин. В разделе «Параметры» у вас появится пункт Список страниц вот и по ней кликаем. Откроется страница «Настройки плагина», где вам надо всего лишь внести кое какие изменения — ваш текст написания и так далее. Плагин поддерживает русский язык, поэтому в настройках сложностей нет (есть подсказки):

Настройки плагина WP-PageNavi

Настройки плагина WP-PageNavi

Как видно из скриншота, Вы можете заменить текст на свой или оставить всё как есть. Отметьте -Использовать стиль pagenavi-css.css или нет. Если вам нужно настроить CSS стиль WP-PageNavi сделать это можно в файле плагина. Надо для этого перейдите в раздел «Плагины» — «Редактор», выберете в качестве плагина для изменения WP-PageNavi и найдите в открывшемся списке файл wp-pagenavi/pagenavi-css.css. По настройкам все понятно. Следующий шаг такой.

В вашей теме в файлах index.php, archive.php и search.php , необходимо найти призывы к next_posts_link () и previous_posts_link () и заменить их. В теме TwentyTen, это выглядит так:

Может в других темах выглядеть и так:

Ищите, что то похожее и вам надо заменить эти строчки этим:

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

Плагин WP PageNavi Style добавляет больше цветовых вариантов для Wp-PageNavi

Плагин WP PageNavi Style

Да, Вы не ошиблись, для того, чтобы можно было воспользоваться готовыми стилями для постраничной навигации WP-PageNavi, надо установить дополнительный плагин WP PageNavi Style от этого же разработчика. Установите таким же образом этот модуль, активируйте его и у вас появится пункт WP PageNavi Style в боковой колонке админки. Нажмите её для настроек и выбора стиля для вашей новой навигации:

Настройка плагина WP PageNavi Style

Как видно из скриншота, можно выбирать различные красивые панельки и расположение её. Набор стилей плагина:

Набор стилей плагина Плагин WP PageNavi Style

Какой большой выбор. Если не хотите использовать готовые стили, установите — Custom и настройте стиль по своему:

Custom и настройте стиль по своему

Все. Еще один момент. Если Вы готовы установить постраничную навигацию в ручную, то есть без плагина, тогда читаем далее.

Как установить постраничную навигацию WordPress без плагина

Этот код настолько распространен, что на какой блог ставить ссылку не известно. Поэтому обойдемся без неё.

Откройте файл «Функции темы» (functions.php), прокрутите страницу вниз и перед закрывающим тегом ?> вставьте такой код (не забудьте на всякий случай сделать резервную копию, если пойдет, что не так:

Затем, меняем стандартный код вывода во всех файлах, где есть навигация — index.php, category.php, archive.php и так далее. Меняем вместо:

Далее, надо добавить стиль css. Откройте файл вашего шаблона «Таблица стилей» (style.css) и в самый низ вставьте етот код:

Готово. Если вам не очень понятно, как сделать навигацию в ручную, лучше воспользуйтесь плагином. А у меня на этом все. До встречи.

wordpressmania.ru

WordPress.org

Поддержка → Проблемы и решения → как отключить навигацию по записям?

как отключить навигацию по записям?

Как отключить навигацию по записям?
Очень не нравится, что на важных страницах сайта предлагает посмотреть какие-то другие страницы, которые есть на сайте.
Скажите, пожалуйста, где тот скрипт, который отвечает за вывод навигаций?

где тот скрипт, который отвечает за вывод навигаций?

За вывод на фронт-энд отвечают шаблоны активной Темы.

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

А вы точно знаете, что Вам НЕ нравится? Судя по заголовку этого топика Вам не нравится пагинация страницы записей (главной). А может вам не нравится ссылки типа «Предыдущаяследующая запись» Но можно предположить что вам не нравится даже главное меню — оно тоже отвечает за навигацию. Или к примеру вывод похожих, популярных записей, вывод которых может быть сделан или непосредственно в самой странице (записи) или в виджетах сайдбара. Вы как-то определитесь со своим капризом.

Да да, именно капризом. Ибо если речь идет о выводе похожих или популярных записей, то нравится вам это или нет, но это в любом случае играет большую положительную роль как для ПС как «перелинковка» страниц, так и для посетителей вашего сайта, что вызывает у него потенциальный интерес к другому содержимому сайта. Смотря конечно как именно это реализовано…)

Ну а если вам не нравится главное меню его конечно тоже можно убрать. Но это будет нонсенс…

И в конце концов может быть вы уже покажете свой «секретный» сайт, по которому постоянно задаете вопросы?

P.S. В чем заключается Ваш критерий

• Ответ изменён 5 мес., 2 нед. назад пользователем Spectrum.
• Ответ изменён 5 мес., 2 нед. назад пользователем Spectrum.
• Ответ изменён 5 мес., 2 нед. назад пользователем Spectrum.
• Ответ изменён 5 мес., 2 нед. назад пользователем Spectrum.

Так в том-то и дело, что там нет таких настроек. Я решил сильно не заморачиваться, а просто через CSS закрасить кнопки под цвет фона сайта (теперь их просто не видно). Да, решение не правильное, но даже если кто и найдет кнопку, то Я не вижу ничего такого
страшного не вижу.

Так в том-то и дело, что там нет таких настроек. Я решил сильно не заморачиваться, а просто через CSS закрасить кнопки

Мы в конце концов увидим сайт, которому нужна помощь?!
Это для чего по-Вашему? http://joxi.ru/82QBEwgijxNdJA

• Ответ изменён 5 мес., 2 нед. назад пользователем Spectrum.

Spectrum, не лень ли вам было писать «поэму» для меня, выбирая, что же больше мне не нравится?

И в конце концов может быть вы уже покажете свой «секретный» сайт, по которому постоянно задаете вопросы?

Доступ к сайту ограничен, только зарегистрированные пользователи могут выполнять какие-то действия и просматривать контент. Эти Юзеры — предприятия. Создавать заведомо ложный профиль лишь для ваших очей у меня нет смысла, т.к я на 100% уверен, что никто так и не решит проблем, который на данный момент только 1 (топик с кнопкой)

я на 100% уверен, что никто так и не решит проблем

Зачем вы пришли на форум со своей кнопкой?
Ну да ладно. У каждого свои причуды. Удачи вам.

ru.wordpress.org

WP-PageNavi — постраничная навигация для блога на WordPress — установка, настройка и изменение внешнего вида пагинации

Приветствую вас, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня речь пойдет об очень популярном плагине WP-PageNavi, который позволяет вывести постраничную навигацию вашего блога под управлением WordPress на новый качественный уровень.

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

Зачем использовать плагин WP-PageNavi

Судите сами, вот так выглядит разбиение на страницы по умолчанию:

А так после установки плагина:

это зависит от тех опций, которые вы выберите в окне его настроек.

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

Плагин предварительно нужно будет скачать отсюда. Найдите справа кнопку «Download» и сохраните архив wp-pagenavi.zip у себя на компьютере. Затем распакуйте его и загрузите получившуюся в результате разархивирования папку на сервер хостинга в директорию с плагинами wp-content/plugins/ .

Для этого вам понадобится получить доступ к файлам и папкам вашего WP блога по протоколу FTP (тут читайте про то, как этому делу может помочь FileZilla).

При разархивировании бывает, что появляется лишняя внешняя папка, поэтому проверьте это и при необходимости избавьтесь от нее. Надеюсь понятно объяснил? Иначе в противном случае WordPress не увидит установленный вами плагин. Ладно продолжим.

После того, как вы скопируете файлы плагина на сервер хостинга в папку wp-content/plugins/ , вам нужно будет зайти в админку Вордпресса ( http://vash_sait.ru/wp-admin/ ) и выбрать из левого меню админки пункт «Плагины». В верху открывшегося окна «Управление» вам нужно нажать на ссылку «Неактивно» (или же, если нет перевода, то «Inactive»).

Откроется окно со всеми установленными, но еще не активированными расширениями. Найдите среди них «WP-PageNavi» и нажмите на ссылку «Активировать», расположенную под его названием.

Вставляем код вывода плагина в нужные шаблоны Вордпресса

Плагин активирован, но для того, чтобы увидеть на своем блоге результаты его работы, нужно будет еще вставить код вызова функции wp_pagenavi в файлы вашей темы оформления, которая используется в данный момент. Со структурой файлов тем оформления для WordPress вы можете ознакомиться — здесь.

Обычно постраничная навигация используется на главной странице блога (файл INDEX.PHP из папки с вашей темой), на вебстраницах архивных материалов (ARCHIVE.PHP) и в результатах поиска (файл SEARCH.PHP). Собственно, в эти файлы (шаблоны) нам и нужно будет вставить код вызова нужной нам функции.

Т.е. нужно будет опять подключиться по FTP и зайти в папку с текущей темой:

Найдите в ней INDEX.PHP и откройте его на редактирование в удобном для вас редакторе (я использую для этой цели продвинутый Нотепад++ — у меня есть статья по работе с ним). Теперь ваша задача состоит в том, чтобы найти в INDEX.PHP участок кода, отвечающий за переход на предыдущую или последующую страницу. Непростая задачка, не правда ли? Хотя, конечно же, для кого как.

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

Обычно создатели тем оформления для WordPress заключают в подобные комментарии область кода, отвечающую за вывод постраничной навигации. Сам стандартный код которой может выглядеть, например, так:

После того, как идентифицируете нужный фрагмент, вам нужно будет заменить его строкой вызова функции wp_pagenavi :

Теперь необходимо сохранить произведенные в INDEX.PHP изменения, зайти на главную страницу своего блога и убедиться, что все работает как надо. Т.е. вместо стандартной пагинации, используемой в WordPress, у вас используется красотища от WP-PageNavi.

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

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

В этом коде условие:

проверяет установлен ли плагин, и если он не установлен, то будет работать стандартный скрипт:

А если WP-PageNavi установлен, то навигационная панель будет формироваться его силами:

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

Так, теперь все тоже самое вы должны будете проделать для файлов ARCHIVE.PHP и SEARCH.PHP из папки с вашей темой ( wp-content/themes/Название папки с вашей темой оформления ).

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

Настройки плагина WP-PageNavi для блога на WordPress

Для того, чтобы в них попасть, вам нужно будет в админке выбрать из левого меню, в области «Параметры», пункт «Список страниц». Откроется окно с активной вкладкой «Шаблоны списка страниц»:

В поле «Шаблон общего списка страниц», на приведенном выше рисунке, задано отображение текущей странички и общего количества страниц. При таком варианте заполнения этого поля, панель WP-PageNavi будет выглядеть так:

Можно добавить слово «Страница» в это поле, если вам так больше нравится:

А при желании можно вообще его очистить. В графах «Элемент ‘Текущая страница’» и «Элемент ‘Страница’» оставляйте все как есть. Здесь задается отображение надписи для текущей и всех остальных вебстраниц в виде порядкового номера. Получится примерно так:

В полях «Text For First Page» и «Text For Last Page» вы можете задать текст для кнопок перехода к первой и последней:

Вместо текста в графе «Text For First Page» вы можете написать единицу, а поле «Text For Last Page» — %TOTAL_PAGES% (вместо этой надписи будет отображаться число всех вебстраниц):

В полях «Text For Next Post» и «Text For Previous Post» прописываются знаки стрелочек для отображения на кнопках перехода на следующую и предыдущую:

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

Переходим к дальнейшим настройкам под названием «Настройки списка»:

Галочка в «Use pagenavi-css.css» позволяет отключить или подключить файл каскадных таблиц стилей (CSS), идущий в комплекте с плагином. В поле «Стиль списка» можете выбрать из выпадающего списка один из двух CSS стилей.

«Обычный» вы видели на предыдущих скриншотах, а при выборе стиля «Drop-down List» вы получите, примерно, такой вид панели WP-PageNavi в WordPress:

Если вы поставите галочку в поле «Always Show Page Navigation», то даже для вебстраниц, у которых пока не требуется вводить нумерацию (допустим, что на главной еще не достаточно постов, чтобы осуществилось разбиение), все равно будет отображаться навигация примерно в таком виде:

В «Number Of Pages To Show» вы можете задать, сколько страничек будет отображаться в виде непрерывного (последовательного) ряда чисел. Переход на остальные будет возможен с помощью кнопок следующей и предыдущей, а так же кнопок перехода на первую и последнюю. Я поставил там пятерку, в результате чего получил:

В «Number Of Larger Page Numbers To Show» можете задать, сколько далеких номеров вебстраниц (большего, чем текущие отображаемые номера численного значения) будет показано после кнопки перехода на следующую.

А в поле «Show Larger Page Numbers In Multiples Of» можете задать шаг, с которым будут отображаться номера далеких вебстраниц. Допустим, что в первом поле я поставлю тройку, а во втором двойку:

В результате панель PageNavi будет выглядеть так:

Т.е. выводятся номера всего трех далеких вебстраниц с интервалом (шагом) равным двойке (6, 8, 10). Для того, чтобы не использовать показ далеких номеров, вам достаточно будет поставить ноль в графе «Number Of Larger Page Numbers To Show».

Для применения и отображения заданных вами изменений, в настройках плагина нужно будет нажать на кнопку «Сохранить изменения», расположенную внизу.

Изменение внешнего вида панели постраничной навигации

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

Правда для того, чтобы она приняла вид, показанный на приведенных в этой статье скриншотах, я добавил дополнительные свойства не в файл CSS плагина ( /wp-content/plugins/wp-pagenavi/pagenavi-css.css ), а в файл используемой мною темы оформления (wp-content/themes/название папки с темой оформления/style.css).

В этом файле свойства CSS, задающие внешний вид панели WP-PageNavi, выглядят так:

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

задает внешние и внутренние отступы (margin и padding — тут про них смотрите) для кнопок панели (фактически для ссылок с этих кнопок, т.к. эти свойства будут применены именно к ссылкам задаваемым тегом A и размещенным в контейнере wp-pagenav ).

Так же в этом правиле задается цвет текста ссылок (белый цвет задается в свойстве color: #fff; — здесь читайте про Color и background в CSS).

Рамка вокруг ссылок будет отсутствовать (свойство border: 0px ), а фоновый цвет для контейнеров с этими ссылками будет определяться свойством background-color: #2b99ff; . Именно этот цвет вы можете видеть на скриншотах расположенных выше для неактивных кнопок панели постраничной навигации.

задает цвет для текста и фона контейнера (кнопки) с ссылкой, к которой в данный момент подведен курсор мыши (CSS свойства ссылки при наведении — a:hover — здесь описаны hover и другие селекторы псевдоклассов).

Цвет текста ссылки по прежнему остается белым, а вот цвет фона (фактически цвет кнопки) меняется на более темный ( background-color: #154b7d; ). Т.е. посетитель, подводя курсор мыши к кнопкам панели навигации, будет видеть изменение цвета этой кнопки, что создает ощущение интерактивности.

Задает внешний вид кнопки с номером, открытой в данный момент странички блога (в коде у этой ссылки будет прописан тег SPAN с классом CURRENT). Такая кнопка будет выглядеть так же, как кнопка с цифрой один, на приведенном ниже рисунке:

В этом CSS правиле задается изменение цвета фона этой активной кнопки (свойство background:#26343c ), цвета текста ссылки на этой кнопке (свойство color: #add352 ), а кроме этого шрифт текста ссылки будет жирным в силу этого CSS свойства — font-weight: bold (тут описаны все возможные комбинации Font (Weight, Family, Size, Style) и Line Height).

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

Например, для того, чтобы получить панель такого вида:

Вам нужно будет скачать этот архив, распаковать его и скопировать папку IMAGES в папку с плагином WP-PageNavi, которую вы сможете найти по следующему пути:

ktonanovenkogo.ru

Делаем постраничную навигацию на WooCommerce+Wordpress

Всем привет дорогие друзья. Я сейчас делаю интернет-магазин на WordPress+Woocommerce, скажу честно, получается очень неплохо, по крайней мере, мне нравится такая сборка для реализации Интернет-магазина. Зато я использую те средства, которые уже знаю, и нет необходимости лезть в OpenCart, Joomla и так далее.

Вот я бы хотел с Вами делится некоторыми фишками, с которыми сталкиваюсь я, именно при создании такого Интернет-магазина на WordPress и Woocommerce. Сейчас я столкнулся с серьезной проблемой, после активации тему, а также добавлении определенного количества товаров у меня некорректно отображалась постраничная навигация. Я полез в те дебри и начал разбираться, что к чему. Это мне не помогла, навигация, как была кривая, так ей и осталась, а была она следующей:

Ее даже трудно было заметить пользователю. Сколько я не пробовал ковырять стили и подключать новые, у меня это не получилось, к сожалению. Тогда я начала искать ответ на данный вопрос другим методом. Начал с простого – установки плагина WordPress WP PageNavi. После активации плагина постраничная навигация в Woocommerce осталась такой же некрасивой.

Я уже хотел бросать это задуманное дело с плагином, но хорошо, что не остановился. Просто нам необходимо было еще добавить определенный код в файл functions.php. А достаточно было вставить следующий код:

remove_action('woocommerce_pagination', 'woocommerce_pagination', 10);
function woocommerce_pagination() {
		wp_pagenavi(); 		
	}
add_action( 'woocommerce_pagination', 'woocommerce_pagination', 10);

Все, сохранить файл и закачать его обратно, обновить страницу и у меня навигация преобразовалась в следующую:

Неплохо да? Теперь Вы можете скачать плагин WP PageNavi Style и применить свои стили и оформление к навигации, зато теперь Вы знаете, как можно сделать красивую постраничную навигацию в своем Интернет-магазине WordPress+Woocommerce.

Дальше я буду делиться различными советами о том, как правильно и качественно сделать Интернет-магазин на Woocommerce, если Вам, конечно, будет интересно.

Также советуем почитать на PressDev.RU

Как настроить постраничную навигацию на сайте

Постраничную навигацию на сайте можно настроить без плагина и с плагином. Мы будем настраивать навигацию с плагином WP-PageNavi.
Для начала необходимо указанный плагин установить. Скачать плагин можно прямо из административной панели WordPress.

После того как скачали , устанавливаем и активируем плагин.

Далее архив с плагином WP-PAGENAVI загружаем на сервер нашего хостинга в папку

wp-content/plugins/ где распаковываем, а архив удаляем. Архив с плагином загружаем с помощью файлового менеджера хостинга (смотрим на хостинге sprinthost.ru). Заходим в “Панель управления хостингом”

Нажимаем в меню хостинга “Дополнительно” и в выпадающем списке “Файловый менеджер” или нажимаем на кнопку “Файловый менеджер” который при прикосновении курсором мышки окрашивается в зеленый цвет. Открывается файловый менеджер

Далее открываем “domains- наш сайт- public_html” и далее

И в “public_html” находим файл “wp-content”, который открываем и

далее открываем файл “plugins” и загружаем архив с плагином “WP-PAGENAVI” после чего извлекаем архив, а архив удаляем.

Постраничная навигация нужна для удобства посетителей сайта поэтому создаем на главной странице “index.php” также “arhive.php” и “search.php” и в указанные файлы, вставив код плагина “PageNavi”, получим постраничную навигацию. Заходим в административную панель нашего сайта “Консоль- Внешний вид” и в выпадающем списке жмем “Редактор темы” и находим выше отмеченные файлы. Открываем файл “index.php” чтобы найти код подлежащий редактированию воспользуемся горячими клавишами “CTRL+F” при

этом появится поисковая строка в правом верхнем углу куда

вписываем “nav” и получим фрагмент кода с подсвеченной “nav” где прописана тема сайта “twentythirteen”.
Теперь мы этот фрагмент заменяем строкой вызова функции “Wp-Paginavi”

Не забываем сохранить произведенные изменения после чего заходим на главную страницу своего сайта и видим постраничную навигацию.

Все что мы проделали теперь повторим для файлов “arhive.php” и “search.php” мне кажется здесь мы разобрались с отображением страничной навигации.
В шаблонах других тем может быть по другому ну к примеру так:

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

предварительно скопировать и сохранить в блокнот “Notepad++”.

Переходим к настройке плагина Wp-Pagenavi

1. “Шаблон общего списка страниц” здесь в принципе можно оставить так как есть и будет выглядеть это так

Слово “Страница” можно убрать, тогда будет отображаться текущая страница и общее количество страниц.

2. Элемент “Текущая страница” и элемент “Страница” не трогаем оставляем как есть

3. Элемент “Первая страница” и элемент “Последняя страница” здесь отображаются переходы к первой и к последней.

Если вместо “Первая” вписать “1”, а в “Последняя” вписать “%TOTAL_PAGES%” то будет отображаться постраничная навигация так:

4. Элемент “Предыдущая страница” и элемент “Следующая страница” это переходы и прописываются в виде стрелочек по направлениям.

5. Элементы “Предыдущие…” и элемент “Следующие…” продолжение переходов вписываются в виде многоточие.

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

Теперь переходим к настройкам “Настройка списка страниц”

Ставим галочку “Использовать стиль pagenavi-css.css” который идет в комплекте с плагином.
“Стиль списка страниц” оставляем “Обычный”, если мы выберем стиль “Выпадающий список” то мы получим вот такую навигацию.

   вертикальное расположение.

“Всегда показывать список страниц” ставим “Да” будет показывать, если даже записей нет.
“Количество страниц для показа” у меня стоит цифра 5 при этом будет отображаться навигация так

“Диапазон страниц для показа” здесь у меня стоит цифра 0, при переходе на другую страницу не показывались далекие страницы это актуально для больших сайтов где сотни страниц.
“Коэффициент для диапазонов страниц” у меня стоит цифра 5 это значит что список страниц будет выглядеть так 5, 10, 15 и так далее.
Все жмем “Сохранить изменения”

Изменение внешнего вида панели постраничной навигации

Заходим в административную панель “Консоль-Плагины-Редактор-
Wp-Paginavi” жмем “Выбрать”- раскрывается плагин где находим

“Таблицу безопасных цветов” , рекомендуемых для экранного дизайна. https://www.artlebedev.ru/tools/colors/
Дизайн кнопок по цвету подбираем по общему фону сайта, чтобы смотрелось хорошо, это уже на ваше усмотрение. Кнопка открытой страницы окрашена в черный цвет.
Cохраняем произведенные изменения в файле wp-pagenavi/pagenavi-css.css, после чего заходим на сайт и смотрим изменения, если не произошли изменения нажмите Shift и не отпуская обновите страничку браузера или очистите кэш браузера.

На этом все. Удачи вам!

Постраничная навигация и плагин WP Pagenavi

Плагин очень важен в плане оформления, но в тоже время упрощает использование сайта, поэтому в топе плагинов он занимает второе место.

В чем суть плагина WP-PageNavi?
PageNavi меняет стандартную постраничную навигацию “<< Предыдущие записи | Следующие записи > >”

на красивую и более функциональную “1,2,3>>”.

Я думаю по скринам и живимому примеру – данному сайту, будет понятно, какая из версий привлекательнее.

Установка и настройка WP PageNavi.

Скачать PageNavi можно с официального каталога WP, по этой ссылке. А здесь описано как устанавливается плагин PageNavi.

Перейдем к настройке. После активации плагина в админ панели, в разделе “настройки” появится пункт под названием “список страниц”, переходим туда и начинаем настройку плагина.

Дабы не быть капитаном очевидностью, я не буду вам детально объяснять, как все настраивать, там и так все на русском и все везде подписано, без меня отлично разберетесь. Однако я все-таки опишу пару функций, что бы сэкономить вам время, потраченное на разборку с ними.

Во первых “Использовать стиль pagenavi-css.css” – что же это такое? По умолчанию данная функция выключена. Если ее включить, будеть использоваться оформление навигации из файла по адресу:
/wp-content/plugins/wp-pagenavi/pagenavi-css.css

При выключенном состояние, используется расцветка, заданная в шаблоне.

Во вторых “Стиль списка страниц”, на выбор есть два варианта это обычный и выпадающий список.

Обычный:

Выпадающий:

Ну как по мне – обычный гораздо лучше. В принципе на этом все, спасибо за внимание.

А вы используете плагин pagenavi ?

Как добавить цифровую разбивку на страницы в WordPress без плагина

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

Но если вы разрабатываете собственную тему или хотите добавить числовую нумерацию страниц без установки плагина.Этот пост специально для вас.

Здесь вы узнаете, как шаг за шагом добавить пользовательскую нумерацию страниц в WordPress.

Как добавить цифровую разбивку на страницы в вашей теме WordPress

Шаг 1. Добавление кода нумерации страниц в вашу тему

Сначала создайте папку « inc » в каталоге вашей темы, затем создайте файл « wp-pagination.php » внутри папки « inc ». Добавьте следующий код в файл « wp-pagination.php ”файл.

Вы также можете напрямую добавить код в файл functions.php вашей темы.

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

Шаг 2: Включите код нумерации страниц в functions.php

Затем мы должны сообщить теме functions.php , что мы добавили некоторый код в файл wp-pagination.php , который находится внутри папки « inc ».

Если вы разместили приведенный выше первый код непосредственно в файле functions.php вашей темы, вы можете пропустить этот шаг.

Шаг 3. Добавление тега шаблона

На третьем этапе добавьте следующий тег шаблона в index.php, archive.php, category.php или любой другой файл вашей темы в соответствии с вашими потребностями. Этот тег шаблона будет отображать числовую разбивку на страницы на вашем веб-сайте WordPress.

Шаг 4: Стилизация разбивки на страницы

Теперь нам нужно стилизовать нашу числовую разбивку на страницы, добавив следующий код CSS в стиль темы .css файл.

Наконец, наша цифровая нумерация страниц на странице архива будет выглядеть так.

Вывод:

По умолчанию WordPress на страницах архива отображается не более 10 сообщений на странице. Вы можете изменить количество сообщений в настройках панели управления.

Если у вас возникнут проблемы, не стесняйтесь задавать вопросы в поле для комментариев.

2 способа добавить пагинацию на ваш сайт WordPress

Пагинация WordPress — важный элемент вашего сайта.Это помогает вашим пользователям легко находить ваши страницы. Ваш веб-сайт не обязательно должен содержать всю необходимую информацию на одной странице.

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

Пагинация простыми словами — это процесс разделения документов на страницы. Это функция, которая разделяет контент на отдельные страницы.

Это опция, которая избавляет вас от одновременной загрузки всех ваших сообщений.Сайт с медленной загрузкой не только вызовет раздражение у ваших зрителей, но и повлияет на ваш SEO-рейтинг. Google предпочитает сайты с быстрой загрузкой.

Здесь мы расскажем, как создать пагинацию WordPress.

Есть два основных метода добавления пагинации на ваш сайт WordPress. Один через плагин, а другой через Ajax.

В этой статье мы дадим вам обзор того, как добавить разбиение на страницы в WordPress с помощью этих двух методов. Эти методы работают независимо от того, какую тему вы используете.

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

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

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

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

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

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

Вот два наиболее широко используемых плагина для пагинации WordPress —

№1. WP-PageNavi

WP-PageNavi — мощный плагин WordPress для разбивки на страницы. Он помогает вам изменить обычную предыдущую / следующую навигацию на пронумерованный шаблон навигации по страницам.

Поставляется со многими другими подобными опциями. Если вы хотите заменить ссылки на старые / новые публикации, тег шаблона плагина WP_Pagenavi () генерирует причудливые ссылки для разбивки на страницы. Если у вас есть небольшие познания в программировании, это один из лучших плагинов для вас.

№ 2. WP Paginate

WP Paginate — гибкий и простой плагин для разбивки на страницы WordPress. Это улучшает опыт пользователей благодаря расширенной и простой навигации по вашему сайту.

Позволяет добавлять нумерованные кнопки в любом месте вашего сайта. Вы можете настроить кнопки страницы. С помощью этого плагина вы можете добавить настраиваемый CSS для ссылок на страницы с помощью вкладки настраиваемого CSS в разделе «Настройки».

Это хорошо документированный и удобный плагин. Кто угодно может это использовать.

Ajax или асинхронный JavaScript и XML — это набор методов программирования, которые позволяют разработчикам создавать асинхронные веб-приложения.Ajax отправляет и получает информацию с сервера, не влияя на внешний вид страницы.

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

С помощью нумерации страниц Ajax владелец веб-сайта может обновлять новый контент на своем сайте, не мешая взаимодействию с пользователем. Читатели могут видеть все новые сообщения, когда они находятся на странице.

Не перезагружается каждый раз.Кроме того, когда пользователи переходят на следующую страницу, им не нужно ждать, пока страница полностью загрузится.

Пагинация Ajax может быть создана без использования плагинов. Но для этого процесса требуется немного кодирования. Это означает, что сначала вам нужно создать дочернюю тему.

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

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

Мы дали обзор процесса здесь —

№1. Создать событие

На этом этапе вы решаете, какое действие на вашем сайте будет запускать JavaScript-часть процесса. Например, щелкнув номер страницы.

№ 2. Создайте вызов Ajax

После активации JavaScript запрос данных будет отправлен на веб-сервер с вашей стороны.

№ 3. Общайтесь с WordPress

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

Даже если вы не используете Ajax, вы можете создавать страницы для своего сайта WordPress. Плагины WordPress имеют множество полезных функций.

Вы можете легко изменить функциональность нумерации страниц вашего сайта по своему усмотрению. Например, вы можете изменить количество сообщений, которые хотите отображать на странице.По умолчанию в WordPress установлено 10, но вы можете иметь их сколько угодно.

Для этого выполните следующие действия —

• Зайдите на панель управления WordPress.
• Перейдите в Настройки -> Чтение -> Страницы блога Показывать максимум
• Здесь вы можете изменить значение напрямую

• Сохраните изменения, и все готово.

Вы также можете разделить одно сообщение на несколько страниц. Мало кто знает об этой особенности. Для этого вам нужно добавить между содержимым, которое вы хотите разделить.(в текстовом редакторе)

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

Заключение

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

Если да, то проверьте, какой из двух способов вам подходит. Поднимите мышку и сделайте это самостоятельно. Это вопрос нескольких минут.

Если вам понравилась статья, поделитесь ею с друзьями в Twitter. Вы можете сделать это, нажав кнопку «Нажмите, чтобы поделиться» ниже.

Мы будем рады услышать ваши отзывы. Оставляйте свои комментарии в разделе комментариев. Если у вас есть вопросы, дайте нам знать.Мы скоро свяжемся с вами.

Pagination by BestWebSoft — плагин для WordPress

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

Улучшите навигацию по содержанию вашего веб-сайта уже сегодня!

Посмотреть демо

Бесплатные функции

• Автоматически добавлять нумерацию страниц:
  • Дом
  • Блог
  • Архив
  • Результаты поиска
  • Постов / страниц с разбивкой на страницы
• Совместим с:
• Добавить нумерацию страниц через функцию в:
  • Комментарии PHP шаблон
  • Файлы PHP
• Выберите позицию нумерации страниц:
  • Над основным содержанием
  • Ниже основного содержания
  • Выше и ниже основного содержания
  • Через функцию
• Отображение и настройка стрелок «Далее / Назад»
• Отображение информации «Страница X из Y»
• Установить тип отображения числовой нумерации страниц:
  • Полный (1,2,3,4,5,6)
  • Короткий (1,2… 5,6)
• Скрыть нумерацию страниц для:
  • По умолчанию
    • Посты (для стандартных тем WP)
    • На постраничном посте или страницах
    • Комментарии
  • Пользовательские страницы
• Установить ширину блока пагинации
• Добавить атрибут rel = ”nofollow”
• Установить выравнивание нумерации страниц:
• Установить поля для выравнивания по левому и правому краю
• Настроить стили нумерации страниц:
  • Цвет наведения
  • Цвет фона
  • Цвет фона текущей страницы
  • Цвет текста
  • Цвет текста текущей страницы
  • Цвет рамки
  • Ширина и радиус границы
• Добавить собственный код на странице настроек плагина
• Совместимость с последней версией WordPress
• Невероятно простые настройки для быстрой настройки без изменения кода
• Подробная пошаговая документация и видео

Pro Характеристики

Включены все функции из бесплатной версии плюс:

• Выберите тип пагинации:
  • Числовой (по умолчанию)
  • Кнопка «Загрузить еще»
  • Бесконечная прокрутка
  • Кнопки Далее / Назад
• Отобразить кнопку «Загрузить еще» после загрузки страницы
• Совместимость с Divi [НОВИНКА]
• Получите ответ на свой вопрос о поддержке в течение одного рабочего дня (Политика поддержки)

Перейти на Pro сейчас

Если у вас есть предложение или идея, которую вы хотели бы включить в плагин, мы будем рады услышать об этом! Предложить функцию

Документация и видео

Справка и поддержка

Посетите наш справочный центр, если у вас есть какие-либо вопросы, наша дружная команда поддержки будет рада помочь — https: // support.bestwebsoft.com/

Перевод

• Французский (fr_FR) (спасибо Jean-Louis Cordonnier www.labosdebabel.org)
• Немецкий (de_DE)
• Португальский (pt_PT) (спасибо Антонио Каррейре www.streetdog.pt)
• Еврейский (he_IL) (спасибо Rubb)
• Русский (ru_RU)
• Украинский (Великобритания)

Некоторые из этих переводов не завершены. Мы постоянно добавляем новые функции, которые нужно переводить. Если вы хотите создать свой собственный языковой пакет или обновить существующий, вы можете отправить текст файлов PO и MO в BestWebSoft, и мы добавим его в плагин.Вы можете скачать последнюю версию программы для работы с PO и MO файлами Poedit.

Рекомендуемые плагины

• Updater — Автоматическая проверка и обновление ядра веб-сайта WordPress со всеми установленными плагинами и темами до последних версий.
• Галерея — Добавьте красивые галереи, альбомы и изображения на свой сайт WordPress за несколько кликов.
• Портфолио — Создайте и добавьте личное портфолио на свой сайт WordPress. Управляйте прошлыми проектами и демонстрируйте их, чтобы привлечь больше клиентов.

• Пользовательский блок нумерации страниц в интерфейсе — сокращенный вывод.
• Пользовательский блок разбивки на страницы во внешнем интерфейсе со всеми номерами страниц.
• Настройки плагина в админке WordPress.

1. Загрузите папку pagination в каталог / wp-content / plugins / .
2. Активируйте плагин с помощью меню «Плагины» в панели администратора WordPress.
3. Вы можете настроить необходимые параметры с помощью панели администратора WordPress в разделе «Разбивка на страницы».

Посмотреть пошаговую инструкцию по установке разбивки на страницы

Где я могу найти настройки для настройки работы плагина после активации?

В меню «Плагин» вы можете найти ссылку на страницу настроек.

Могу ли я заменить стандартную разбивку на страницы в моей теме?

Да, в блоке «Скрыть нумерацию страниц» вы можете выбрать любую пагинацию для отображения, а также скрыть стандартную пагинацию вашей темы.

Чтобы скрыть это, введите класс блока или идентификатор блока в текстовое поле в блоке «Скрыть разбиение на страницы» и установите флажок «Пользовательский».

Скорее всего, ваша тема была создана неправильно и не предоставляет необходимых функций для отображения настраиваемого блока разбивки на страницы. Обратитесь в службу поддержки (https://support.bestwebsoft.com), и мы поможем вам решить эту проблему.

Надо добавить функцию в нужное место.В этой функции укажите имя вашего пользовательского запроса к базе данных вместо $ second_query.

1. Перейдите на страницу настроек разбивки на страницы;
2. Найдите «Селектор сообщений» и установите для него значение «# content-area div».

1. Перейдите на страницу настроек разбивки на страницы;
2. Найдите «Селектор сообщений» и установите для него значение «.fusion-posts-container».

У меня проблемы с работой плагина. Какую информацию я должен предоставить, чтобы получить надлежащую поддержку?

Убедитесь, что проблема еще не обсуждалась на нашем форуме (https: // support.bestwebsoft.com). Если нет, укажите следующие данные вместе с описанием проблемы:

1. Ссылка на страницу, на которой возникла проблема
2. Название плагина и его версия. Если вы используете про версию — номер вашего заказа.
3. Версия вашей установки WordPress
4. Скопируйте и вставьте в сообщение отчет о состоянии вашей системы. Подробнее читайте здесь: Инструкция по статусу системы

Я установил этот плагин, и он не работал на моем сайте.Не было страниц.
Я пытался деактивировать, но ничего не вышло. Тем не менее, есть две страницы. Один из них используется по умолчанию для WordPress, а другой — для разбивки на страницы наполовину рабочих плагинов.

Также я создаю заявку, но до сих пор не отвечаю.

Несколько вариантов конфигурации на разных страницах.

Да, я тестировал этот плагин в бесплатной версии, он отлично работает с Firefox, но с Opera продолжают делать «выборку» сообщений на домашней странице ПОСЛЕ панели нумерации, и я не знаю, как это остановить.В любом случае, в будущем, пожалуйста, сделайте что-нибудь с этой загрузкой сообщений. За эту работу заслужили все звезды. Большое спасибо.

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

Когда я нажимаю кнопку «Сохранить изменения» в настройках плагина, у меня всегда появляется это сообщение об ошибке, и я не могу сохранить параметры.Запрещенный
У вас нет разрешения на доступ к этому ресурсу.

Спасибо!

Но. Отсутствуют дополнительные раскрывающиеся меню перед содержимым нижних кнопок пагинации

Посмотреть все 44 отзыва

«Пагинация от BestWebSoft» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов

V1.2.0 — 02.07.2021

• Обновление: обновлен раздел BWS Panel.

Обновление

• : обновлен весь функционал для WordPress 5.7.2
• PRO: добавлена ​​совместимость с темой Divi.

V1.1.9 — 03.03.2021

• Обновление: обновлен раздел BWS Panel.

Обновление

• : обновлен весь функционал для WordPress 5.6.2
• Исправление: обновлена ​​совместимость с галереей от BestWebSoft.
• Исправление: обновлена ​​совместимость с портфолио от BestWebSoft.

В1.1.8 — 20.04.2020

• Обновление: все функции были обновлены для WordPress 5.4.

Обновление

• : обновлено меню BWS.

V1.1.7 — 04.09.2019

• Обновление: изменен отзыв о деактивации. Убраны вводящие в заблуждение кнопки.

V1.1.6 — 17.06.2019

• Исправление: исправлена ​​совместимость с галереей от BestWebSoft.
• НОВИНКА: добавлен файл на немецком языке.

V1.1.5 — 15.05.2019

• Обновление: обновлено меню BWS.
• PRO: Исправлена ​​ошибка с бесконечной прокруткой и кнопкой «Загрузить еще» на постах / страницах, разбитых на страницы.

V1.1.4 — 19.03.2019

• Обновление: вся функциональность обновлена ​​для WordPress 5.1.1.
• PRO: Исправлена ​​ошибка с бесконечной прокруткой и кнопкой «Загрузить еще».

= V1.1.3 — 29.01.2019
* Обновление: обновлены все функции WordPress 5.0.3.
* Bugfix: Исправлены мелкие ошибки.
* PRO: Добавлены кнопки для нумерации страниц.

V1.1.2 — 18.09.2018

• Обновление: вся функциональность для WordPress 4.9.8 была обновлена.
• Pro: Исправлена ​​ошибка с бесконечной прокруткой.

V1.1.1 — 03.05.2018

• НОВИНКА: добавлена ​​возможность выбора цвета при наведении курсора на страницы.

Обновление

• : обновлена ​​страница настроек плагина.

Обновление

• : добавлен файл на иврите.

V1.1.0 — 28.02.2018

• НОВИНКА: добавлена ​​возможность добавления атрибута «nofollow».
• Pro: Возможность отображения кнопки «Загрузить еще» после добавления загрузки страницы.

V1.0.9 — 20.11.2017

• Исправление: исправлено отображение страницы настроек.
• Исправление: исправлено отображение разбивки на страницы.

V1.0.8 — 18.07.2017

• Обновление: обновлены все функции WordPress 4.8.

V1.0.7 — 14.04.2017

• НОВИНКА: добавлен файл на французском языке.
• НОВИНКА: добавлен файл на португальском языке.
• Исправление: исправлена ​​уязвимость, связанная с множественными межсайтовыми скриптами (XSS).

V1.0.6 — 11.10.2016

• НОВИНКА: добавлена ​​возможность автоматического отображения блока нумерации страниц в постах / страницах, разбитых на страницы.
• Pro: тип пагинации для кнопки «Загрузить еще».
• Pro: Тип бесконечной прокрутки страницы.

V1.0.5 — 20.07.2016

• НОВИНКА: Возможность отключать стили плагинов.

Обновление

• : палитра цветов обновлена.

Обновление

• : обновлен раздел панели BWS.

V1.0.4 — 19.04.2016

• НОВИНКА: возможность использовать для пользовательских типов сообщений с пользовательскими запросами к базе данных.
• НОВИНКА: Возможность добавлять собственные стили.
• Исправление: исправлен конфликт в RSS-ленте.

V1.0.3 — 30.12.2015

• Исправление: исправлено отображение блока нумерации страниц на странице архива и многостраничности.
• Исправление: исправлена ​​ошибка с дублированием меню плагина.

V1.0.2 — 30.10.2015

• Обновление: обновлен раздел плагинов BWS.

Обновление

• : обновлен весь функционал WordPress 4.3.1.

V1.0.1 — 09.07.2015

• НОВИНКА: возможность восстановления настроек по умолчанию.

V1.0.0 — 20.05.2015

• НОВИНКА: мы добавили возможность настраивать пользовательский блок нумерации страниц.
• НОВИНКА: добавлены файлы на русском и украинском языках.

Обновление

• : обновлен весь функционал WordPress 4.2.2.

10 лучших плагинов для разбивки на страницы WordPress для лучшей навигации по сайту

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

Один из способов улучшить навигацию по сайту — это разбиение на страницы, то есть переход между одной страницей и другой.

Качественная разбивка на страницы чрезвычайно важна для любого веб-сайта, поскольку она помогает сделать сайты более удобными для пользователей и предоставляет доступную для понимания информацию о странице, которая помогает повысить рейтинг SEO.

Пагинация WordPress по умолчанию с «Старыми постами» и «Новыми постами» хорошо работает для блогов с меньшим количеством статей, но если на вашем сайте много статей, вам понадобится лучшая система разбиения на страницы, чтобы пользователи могли переходить с одной страницы на другую. другой, не запутавшись и не разочаровавшись.

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

Что такое разбиение на страницы в WordPress?

Разбивка на страницы в WordPress — это способ разбить основной контент на более мелкие и удобные для просмотра части. Рассмотрим многостраничный пост в блоге, который включает диаграммы, графики и изображения. Если публикация требует от пользователей прокрутки, прокрутки и еще раз прокрутки, скорее всего, они остановятся задолго до того, как достигнут конца, даже если ваш контент в целом интересен.

Разбивка на страницы позволяет логически разделить контент на более мелкие части для облегчения чтения. WordPress предлагает базовые встроенные инструменты разбивки на страницы, которые позволяют создавать ссылки для «следующих» или «предыдущих» сообщений вместе со ссылками на странице, которые позволяют пользователям быстро перемещаться по одному фрагменту более длинного контента.

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

10 лучших плагинов для пагинации WordPress

1. WP-PageNavi

Цена: Бесплатно

Имея более миллиона загрузок, WP-PageNavi является самым популярным и широко используемым плагином для разбивки на страницы WordPress. Он заменяет ссылки «Старые сообщения» и «Новые сообщения» красивой пронумерованной навигацией.

Этот плагин очень прост в использовании. После активации вы можете перейти в «Настройки»> «PageNavi», чтобы настроить плагин в соответствии с потребностями вашего веб-сайта.

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

2. Пагинация с помощью BestWebSoft

Цена: Бесплатно, доступны премиум-планы

Pagination от BestWebSoft — это простой, оптимизированный плагин, который предлагает настраиваемую разбивку на страницы для вашего сайта WordPress.

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

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

3. WP-Paginate

Цена: Бесплатно

WP-Paginate имеет более 40 000 активных установок и регулярно обновляется для улучшения функциональности.

Этот плагин с открытым исходным кодом предлагает несколько стилей нумерации страниц и выбор цвета, а также возможность добавлять собственный CSS для ссылок нумерации страниц через вкладку Custom CSS, включенную в WP-Paginate Settings.

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

4. Ползунок Theia Post

Цена: $ 29

Theia Post Slider использует другой подход к плагинам пагинации WordPress. Вместо стандартных кнопок следующей / предыдущей страницы или пронумерованных ссылок на страницы, Theia позволяет преобразовывать многостраничные сообщения в слайд-шоу со стрелками вперед / назад вместе с нумерацией «_ of _ page», чтобы посетители знали, где они находятся в вашем содержание и сколько осталось.

Помимо совместимости с любой темой WordPress, Theia работает «из коробки» и может быть настроена с более чем 200 темами слайдера.

Вот пример того, как выглядит этот плагин.

5. Бесконечная прокрутка WooCommerce

Цена: $ 17

Этот плагин разбиения на страницы отходит от навигации вперед / назад и предлагает бесконечную прокрутку для сайтов WooCommerce.

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

Infinite Scroll — отличный подход для страниц категорий продуктов, на которых показаны похожие товары с разными ценами и функциями. Вы также можете выбрать кнопку «Загрузить больше» внизу каждой страницы, а не бесконечную прокрутку — на официальной странице плагина отмечается, что бесконечная прокрутка часто полезна на больших рабочих столах, где много места на экране, в то время как кнопки «Загрузить больше» часто являются лучший выбор для мобильных устройств.

6. Алфавитная разбивка на страницы

Цена: Бесплатно

Этот плагин разбиения на страницы делает именно то, что вы думаете — владельцы и администраторы сайтов могут упорядочивать сообщения, страницы или архивы в алфавитном порядке для облегчения навигации и справки.

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

Он также работает с плагином Chameleon WordPress для предоставления настраиваемых шаблонов и стилей разбивки на страницы.

7. Следующее сообщение Fly Box

Цена: $ 17

Next Post Fly Box использует уникальный подход к разбиению на страницы. Вместо создания ссылок или кнопок внизу или вверху страницы Next Post Fly Box предлагает навигацию по следующей / предыдущей странице с помощью всплывающего всплывающего окна слева или справа от активного окна, которое следует за пользователем при прокрутке. .

Благодаря поддержке настраиваемых типов и категорий сообщений, настроек анимации и размеров, а также бесплатных обновлений в течение всего срока службы после покупки, Next Post Fly Box — отличный способ выделить вашу разбивку на страницы WordPress.

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

8. Простое управление разбивкой на страницы

Цена: Бесплатно

Этот плагин разбиения на страницы был разработан для максимальной простоты и минимального воздействия на производительность.Он обеспечивает простую разбивку на страницы для основных сущностей WordPress и пользовательских типов через вкладку Easy Pagination Control, но работает только с хуком «pre_get_posts».

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

Проще говоря? Если вы ищете быстрый способ улучшить текущую разбивку на страницы, Easy Pagination Control — хорошее место для начала.

9.Галерея Энвира

Цена: 14 долларов в год для базового плана, 34 доллара в год для плана Plus, 49 долларов в год для плана Pro

Разработанная специально для галерей изображений, Envria Gallery позволяет отображать эскизы изображений на нескольких страницах для быстрой навигации.

Это не только облегчает посетителям поиск того, что они ищут, но и сокращает общее время загрузки за счет минимизации количества изображений на странице.

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

10. SX Нет пагинации на главной странице

Цена: Бесплатно

Последний плагин в нашем списке на самом деле делает противоположное тому, что вы ожидали, — удаляет любую разбивку на страницы с вашей домашней страницы.

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

SX No Homepage Pagination одновременно удаляет любую существующую разбивку на страницы, чтобы держать пользователей в курсе, и перенаправляет ранее разбитый на страницы контент обратно на вашу домашнюю страницу.

Максимальное увеличение потенциала разбиения на страницы

Правильная разбивка на страницы важна для любого веб-сайта. Даже с отличным контентом и привлекательными предложениями пользователи не будут беспокоиться о том, чтобы узнать больше о вашем бренде, если вашим сайтом неудобно пользоваться.Увеличьте свой потенциал разбиения на страницы с помощью плагинов WordPress, чтобы вы могли создавать, курировать и настраивать функции навигации вашего контента и продолжать развивать свой сайт.

Примечание редактора: этот пост был первоначально опубликован в январе 2020 года и был обновлен для полноты.

10 лучших плагинов для разбивки на страницы WordPress

У вашего блога огромная загрузка контента? Если вы согласно киваете, вам следует серьезно подумать о нумерации страниц своего блога, чтобы читателям было легче их просматривать.Фактически, разбиение на страницы является частью основных функций WordPress — WordPress автоматически добавляет « Next Post » или « Previous Post » в конце каждого сообщения, так что читатели могут легко переходить от одного сообщения к другому. В этом посте мы рассмотрим несколько плагинов WordPress для нумерации страниц и сообщений.

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

Почему вам следует использовать плагины для разбивки на страницы WordPress

Есть несколько причин, по которым вам следует добавлять нумерацию страниц на свои страницы блога.

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

Многие темы WordPress также включают функцию разбивки на страницы. Но если вы хотите контролировать нумерацию своих сообщений, стилизовать нумерацию без использования кода, плагины для разбивки на страницы WordPress могут быть лучшим вариантом.

Репозиторий плагинов WordPress содержит ряд бесплатных плагинов, которые помогают разбивать ваш WordPress на страницы. Некоторые даже помогают стилизовать ссылки или отображать номера страниц в слайдере. Но прежде чем мы углубимся в эти плагины, вы должны знать, что вы также можете разбивать свои страницы на страницы, добавляя некоторый код в файлы вашей темы.

Отказ от ответственности: WPExplorer является партнером одного или нескольких продуктов, перечисленных ниже. Если вы перейдете по ссылке и совершите покупку, мы сможем получить комиссию.

1. WP-PageNavi

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

Плагин добавляет новую вкладку в разделе «Настройки». Нажав на эту вкладку, вы можете установить количество отображаемых страниц и выбрать текст для текущей, первой и последней страниц. В раскрывающемся списке отображаются параметры, позволяющие внести изменения в стиль нумерации страниц по умолчанию. Вы сможете настроить индикаторы для страниц Next и Previous и установить количество страниц для отображения.

И если ваш блог действительно огромен, читатели будут рады, что вы можете настроить отображение серийных номеров кратными, например 5, 10, 15 20….Более того, если вы хотите выровнять нумерацию страниц в соответствии с темой вашего блога, это тоже возможно.

Чтобы изменить стиль нумерации страниц, вам нужно скопировать файлы CSS из каталога плагина, вставить их в свою тему и внести там необходимые изменения. Таким образом, вы не потеряете изменения при обновлении плагина.

2. WP-Paginate

WP-Paginate — еще один плагин, популярный среди пользователей WordPress. Он утверждает, что улучшает SEO, предоставляя больше ссылок на ваш контент.Кроме того, он позволяет добавить на ваш сайт несколько интересных функций навигации.

На странице настроек плагина есть вкладка CSS, где вы можете настроить ссылки для разбивки на страницы. Вы сможете настроить ярлыки для нумерации страниц, а также ссылки на сообщения Предыдущий и Следующий . После активации плагина необходимо будет заменить код в файлах темы.

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

3. Пагинация с помощью BestWebSoft

Вы можете использовать Pagination by BestWebSoft для добавления пользовательской разбивки на страницы не только к вашим сообщениям, но и к вашим тегам, категориям, результатам поиска и страницам авторов. Плагин также совместим с плагинами BestWebSoft Portfolio и Gallery, поэтому вы можете легко включить нумерацию страниц для галерей и портфолио.Вы также сможете отображать стрелки Далее и Назад и настраивать их. И, если вы хотите пропустить разбиение на страницы для выбранных страниц, это тоже возможно.

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

4. Расширенная разбивка на страницы

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

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

Плагин полностью интегрируется и совместим с Visual Composer. При желании вы можете отображать кнопки разбивки на страницы на слайдере.

Также возможно автоматически превратить Следующая страница по умолчанию в кнопку. Но для этого вам нужно будет приобрести премиум-версию. Эта версия также вставляет заголовок и описание страницы в кнопки разбивки на страницы.

5. Пагинация товара витрины

Как нетрудно догадаться, пагинация товаров на витрине предназначена для отображения нумерации страниц на страницах товаров. Однако для этого требуется, чтобы у вас была тема Storefront, а также плагин WooCommerce.

Добавляет ссылки Next и Previous на страницы отдельных продуктов. Но это еще не все, это также позволяет вам добавлять миниатюры продукта к ссылкам. Заголовок появляется при наведении курсора на эскиз. Настройщик помогает изменить отображение по своему вкусу.

С более чем 30000 активными установками этот плагин довольно популярен среди владельцев магазинов WooCommerce.

6. Следующее сообщение Fly Box

Next Post Fly Box немного отличается от других плагинов для пагинации WordPress в этом списке.Он позволяет читателям перейти к сообщению Next или Previous , щелкнув плавающее поле. Он привлекает внимание читателя, появляясь в виде плавающего окна, даже когда читатель прокручивает страницу вниз. Поле может отображаться в левой или правой части окна в зависимости от условий, выбранных на панели параметров плагина.

Этот плагин на базе jQuery поддерживает настраиваемые типы сообщений и категории сообщений. В настройках плагина можно сортировать настройки публикации и настраивать размеры коробки.

7. Простая разбивка на страницы

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

При переходе от одного слайда к другому возможны три стиля анимации — вертикальный, горизонтальный и плавный. Но это еще не все, первые два можно комбинировать с 32 эффектами смягчения jQuery. Шесть шаблонов навигации помогут вам начать работу, и вы можете настроить их все.При желании вы можете создать нижний колонтитул, который будет повторяться на всех слайдах. Стрелки навигации можно оформить четырьмя разными способами. Параметры навигации по миниатюрам доступны как вверху, так и внизу.

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

И вам не нужно беспокоиться, если ваши слайды выходят за пределы видимой области.Плагин автоматически рассчитывает высоту и ширину области просмотра. Опция Scroll to Top окажется полезной.

Несколько дополнительных плагинов для разбивки на страницы для WordPress

Если вы ищете какую-либо конкретную функцию, вам могут подойти следующие плагины для разбивки на страницы WordPress:

8. Алфавитная разбивка на страницы помогает фильтровать страницы, сообщения, продукты WooCommerce, медиа, авторов или что-либо еще в вашем контенте и отображает результаты поиска на одной странице или публикации в алфавитном порядке.Этот плагин может хорошо работать для музыкальных веб-сайтов, книжных магазинов или веб-сайтов электронной коммерции, а также для составления списка пользователей или управления профилями участников.
9. Ajax Pagination and Infinite Scroll предлагает вам на выбор три типа разбивки на страницы — нормальная разбивка на страницы, бесконечная прокрутка и Загрузить больше (с использованием Ajax). Вы можете использовать его в сообщениях, страницах, поиске, пользовательских типах сообщений и WooCommerce.
10. Page-Links Plus предлагает вариант одной страницы для веб-содержимого, позволяя читателям просматривать статью на одной странице.Версия Pro использует Ajax для улучшения пользовательского опыта и SEO.

Завершение

Для простой навигации на веб-сайте с небольшим количеством контента вы можете положиться на основные функции WordPress. Но если вы ищете привлекательные функции навигации, которые улучшают взаимодействие с пользователем, плагины для разбивки на страницы WordPress из этого списка могут оказаться полезными. Управлять страницей стало проще, и есть возможности для увеличения доходов от рекламы. Ваши результаты в результатах поиска могут улучшиться по мере увеличения количества просмотров страниц, что минимизирует показатель отказов.Вы можете узнать больше о способах улучшения взаимодействия с пользователем в нашем блоге.

Однако одно предостережение — чрезмерное разбиение на страницы может привести к тому, что поисковые системы будут рассматривать ваши страницы как имеющие тонкое или даже дублированное содержание. Итак, используйте эти плагины для разбивки на страницы WordPress с умом для лучшего UX и будьте рады любым последующим улучшениям в SEO.

Как разделить сообщения WordPress на несколько страниц (разбивка на страницы)

Вы ищете способ разделить длинные сообщения WordPress на разные страницы?

Разделение длинного контента на несколько страниц облегчает вашим посетителям чтение статей и навигацию по различным разделам.

В этой статье мы покажем вам, как разделить записи WordPress на несколько страниц, шаг за шагом.

Зачем разделять сообщения WordPress на несколько страниц?

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

Это помогает разбить статью на разные разделы и разбить их на несколько страниц. Таким образом, посетители могут легко переварить ваш контент и прочитать любой интересующий их раздел.

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

При этом давайте посмотрим, как разбить записи WordPress на несколько страниц. Мы расскажем, как разбить ваши сообщения WordPress на несколько страниц без плагина и с помощью плагина WordPress.

Метод 1. Разделение сообщений WordPress без подключаемого модуля

Самый простой способ настроить разбиение на страницы — использовать блок «Разрыв страницы» в редакторе контента WordPress.Вам не нужен плагин WordPress, чтобы разбивать статьи на несколько страниц.

Сначала отредактируйте или добавьте новую запись на свой сайт WordPress. После этого нажмите кнопку «плюс» (+) в том месте, где вы хотите разделить контент и добавить блок «Разрыв страницы».

Теперь вы должны увидеть строку разрыва страницы в своем контенте, чтобы указать, где будет отображаться разбивка на страницы.

Если вы используете классический редактор, используйте тег , чтобы разделить содержимое.

Просто отредактируйте любое сообщение в блоге и перейдите в режим просмотра «Текст», чтобы ввести тег, по которому вы хотите разделить содержание.

Вы также можете использовать клавиши Alt + Shift + P на клавиатуре для вставки разрывов страниц. Для этого перейдите в «Визуальный» вид и нажмите сочетания клавиш там, где вы хотите добавить разрыв страницы.

После этого вы можете просмотреть и опубликовать сообщение в блоге. Теперь вы увидите разбивку на страницы внизу содержимого.

Метод 2. Разделение сообщения WordPress на несколько страниц с помощью подключаемого модуля

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

Для этого метода мы будем использовать бесплатный плагин Automatically Paginate Posts, так как он прост в использовании и работает с любой темой WordPress.

Сначала установите и активируйте плагин Automatically Paginate Posts на своем веб-сайте WordPress.Для получения дополнительных сведений ознакомьтесь с нашим руководством по установке плагина WordPress.

После того, как плагин будет активен на вашем сайте, перейдите в Настройки »Чтение и прокрутите вниз до раздела« Автоматически разбивать посты на страницы ».

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

Затем нажмите кнопку «Сохранить изменение», чтобы сохранить настройки.

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

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress.Вы также можете найти нас в Twitter и Facebook.

Добавление разбивки на страницы в WordPress | WP Engine®

Размещено в Производительность от WP Engine

Последнее обновление: 23 декабря 2020 г.

Функция навигации «предыдущий / следующий» по умолчанию для записей и страниц WordPress в некоторых случаях работает хорошо. Однако это не самый интуитивно понятный метод. Это особенно актуально для веб-сайтов с большим количеством опубликованного контента.

Разбивка на страницы — функция, которая разделяет контент на отдельные страницы — это один из вариантов, который позволяет вам улучшить дизайн вашего веб-сайта и улучшить навигацию посетителей по вашему контенту.Этот метод имеет как практическую, так и эстетическую привлекательность, и он становится все более популярным в Интернете.

В этой статье мы познакомимся с разбивкой на страницы и обсудим различные способы ее добавления в WordPress. Это можно сделать с помощью плагинов, Ajax или пользовательских настроек. Давайте начнем!

Добавление разбивки на страницы в WordPress

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

Пагинация блога в WordPress

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

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

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

Плагины для разбивки на страницы

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

Сначала идет WP-Paginate. Этот плагин позволяет добавлять нумерованные кнопки практически в любом месте вашего сайта, включая страницу блога , страницу поиска и домашнюю страницу . Это помогает улучшить впечатления ваших пользователей (позволяя им переходить на нужную страницу) и улучшает внешний вид вашего веб-сайта:

Кроме того, WP-Paginate позволяет настраивать кнопки страниц и даже определенные значения (например, Page Range и Page Gap ).Это означает, что у вас есть контроль над основными элементами нумерации страниц.

Во-вторых, давайте быстро взглянем на WP-PageNavi. Подобно WP-Paginate, этот плагин позволяет добавлять номера страниц практически в любом месте вашего сайта WordPress. Однако, в отличие от предыдущего плагина, он требует небольшой настройки:

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

Пагинация Ajax в WordPress

Асинхронный JavaScript и XML (AJAX) — это набор методов программирования, который позволяет разработчикам создавать асинхронные веб-приложения. Короче говоря, Ajax отправляет и извлекает информацию с сервера, не влияя на внешний вид страницы, потому что он работает в фоновом режиме. Ajax используется для изменения динамического содержимого страницы без перезагрузки всей страницы. Это обычно наблюдается с бесконечной прокруткой, но также применимо к разбивке на страницы.

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

Пагинация Ajax без плагинов

Выше мы представили несколько вариантов плагинов, которые позволяют добавлять нумерацию страниц на ваш сайт WordPress.Однако разбиение на страницы Ajax можно выполнить без использования плагина.

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

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

1. Создать событие. Здесь вы решаете, какое действие на вашем веб-сайте (например, щелчок по номеру страницы) вызовет часть процесса JavaScript.
2. Создайте вызов Ajax. После «активации» JavaScript запрос данных будет отправлен на веб-сервер.
3. Общайтесь с WordPress. Наконец, ответ сервера определит, как работает WordPress. В этом случае он вызовет новую страницу содержимого без перезагрузки всей страницы.

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

Пользовательская разбивка на страницы

Если вы не хотите использовать Ajax, вам может быть интересно, есть ли другие способы создания пользовательской пагинации для вашего веб-сайта WordPress. Хотя плагины предлагают несколько полезных функций, вы также можете самостоятельно изменить функциональность разбивки на страницы.

Например, вы можете изменить количество сообщений, которые будут отображаться на странице.Хотя WordPress по умолчанию устанавливает значение 10, вы можете изменить его практически на любое число, которое захотите. Для этого перейдите в Настройки > Чтение > На страницах блога отображается не более . Здесь вы можете напрямую увеличить или уменьшить значение:

Еще одна особенность настраиваемой разбивки на страницы, о которой многие пользователи не знают, — это возможность разбить одно сообщение на несколько страниц. Это отлично подходит для статей-списков или других типов длинного контента. Чтобы реализовать эту функцию, все, что вам нужно сделать, это добавить nextpage -> (в текстовом редакторе ) между содержимым, которое вы хотите разделить:

Если вы более опытный пользователь, вы также можете поэкспериментировать с CSS (в рамках стилей .css ) для дальнейшей настройки разбивки на страницы. Вы можете изменять такие элементы, как фон и цвета шрифта, элементы заполнения и эффекты наведения. Немного поработав, вы можете настроить нумерацию страниц своего сайта по своему усмотрению!

Хотите узнать о других интересных элементах, которые вы можете добавить на свой сайт? Следите за WP Engine, и вы найдете множество статей о новостях WordPress и новых функциях. Чтобы получить еще больше от WP Engine, вы также можете ознакомиться с нашими планами управляемого хостинга, которые предоставляют специальную поддержку и практически все, что вам нужно для запуска эффективного веб-сайта!

.