WP Paginate
Расширение WP Paginate предоставит посетителям вашего сайта лучшую навигацию. Создатели плагина хорошо разбираются в SEO оптимизации. Также они работают над улучшением пользовательского опыта, поэтому расширение имеет большие перспективы.
Перейти к плагину
Если говорить о характеристиках дополнения, то вот они:
- плагин использует простой и не требовательный к ресурсам способ навигации;
- возможность добавления собственного CSS для ссылок. Реализовать это можно при помощи вкладки Custom CSS, которая находится в настройках WP Paginate;
- после релиза WP Paginate 1.1 появилась возможность делать разбивку комментариев к постам;
- используя PHP функции, вы можете переопределять глобальные настройки. Подробнее об этом можно прочитать на странице дополнения;
- стилизацию разбивки комментариев можно проводить отдельно от разбивки постов.
Разработчики утверждали, что они старались сделать расширение максимально удобным для пользователей. Их слова может подтвердить один из отзывов: “это один из тех плагинов WordPress, которые вам нужны. Можно просто активировать расширение, пробовать настройки и наслаждаться результатами. Дополнение очень хорошо работает с разными темами. Я использую большое количество плагинов и только WP Paginate не вызывает проблем. Спасибо разработчикам за их труд”.
Как и многие бесплатные расширения, WP Paginate – проект с открытым исходным кодом. Это значит, что в его разработке и доработке могут принимать участие разные разработчики. В этот плагин внесли вклад 3 разработчика. Расширение имеет более 40 тысяч продаж и 4,5 звезды рейтинга.
Где и как искать функции next_posts_link и previous_posts_link
Добавить постраничную навигацию на сайт WordPress
Если поиск из консоли не приносит быстрых результатов, а попросту вы не видите эти функции, делаем следующее:
- Через FTP соединение, копируем файлы рабочей темы к себе на компьютер.
- Открываем все скачанные файлы в текстовом редакторе, например Notepadd++.
- Далее, используем поиск редактора «Найти во всех файлах» ищем названия наших функций: next_posts_link и previous_posts_link .
Найдя их, заменяем на:
После замены, отредактированный файл заливаем обратно в каталог сайта и проверяем появление кнопок постраничной навигации на сайте.
Пагинация на архивный страницах
Например я хочу сделать так, чтобы на странице поиска отображались записи только с конкретной категории
Тут важно понимать, что пагинация из примера выше работать не будет т.к. страница поиска является архивной страницей и имеет свою пагинацию
На архивных страницах можно изменить глобальный с помощью хука .
Пагинация
Для архивных страниц можно использовать функцию .
if ( have_posts() ) {
while( have_posts() ) {
the_post();
the_title();
echo '<br>';
}
wp_reset_postdata();
the_posts_pagination();
}
Важно, что данная функция работает только с глобальным
Изменяем результат запроса с помощью pre_get_posts
Добавляем в :
add_action( 'pre_get_posts', 'customize_search_query' );
function customize_search_query( WP_Query $wp_query ) {
if ( $wp_query->is_main_query() && ! $wp_query->is_admin() && $wp_query->is_search() ) {
$wp_query->set( 'cat', 10 );
}
}
С данным хуком нужно быть осторожным. Для начала нужно проверить, что данный запрос является основным с помощью метода . Так же проверить, что данных запрос вызывается на фронте с помощью и то, что данный запрос является поиском . Затем устанавливаем конкретную категорию
Постраничная навигация 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, это выглядит так:
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentyten' ) ); ?></div>
Может в других темах выглядеть и так:
<?php next_posts_link('« Вперед') ?>
<?php previous_posts_link('Назад »') ?>
Ищите, что то похожее и вам надо заменить эти строчки этим:
<?php wp_pagenavi(); ?>
Все. Готово. Теперь будет плагин работать. Если вам стиль навигации не подходит под дизайн вашего блога и Вы хотите придать особенный вид для неё, тогда вам надо читать статью далее.
Плагин WP PageNavi Style добавляет больше цветовых вариантов для Wp-PageNavi
Плагин WP PageNavi Style
Да, Вы не ошиблись, для того, чтобы можно было воспользоваться готовыми стилями для постраничной навигации WP-PageNavi, надо установить дополнительный плагин WP PageNavi Style от этого же разработчика. Установите таким же образом этот модуль, активируйте его и у вас появится пункт WP PageNavi Style в боковой колонке админки. Нажмите её для настроек и выбора стиля для вашей новой навигации:
Настройка плагина WP PageNavi Style
Как видно из скриншота, можно выбирать различные красивые панельки и расположение её. Набор стилей плагина:
Набор стилей плагина Плагин WP PageNavi Style
Какой большой выбор. Если не хотите использовать готовые стили, установите — Custom и настройте стиль по своему:
Custom и настройте стиль по своему
Все. Еще один момент. Если Вы готовы установить постраничную навигацию в ручную, то есть без плагина, тогда читаем далее.
Установка темы с поддержкой пагинации
Функции, которые поддерживаются одной темой, не всегда доступны в другой. Сложность заключается в том, чтобы найти ту тему, которая содержит необходимые вам функции, а затем настроить ее с помощью плагинов или редактирование кода.
Чтобы добавить тему, поддерживающую пагинацию:
В поле поиска введите «pagination
». WordPress
автоматически фильтрует темы и находит те, в описании, которых присутствует данный термин.
Найдите тему, которая вам нравится, установите и активируйте ее. Если не уверены, подходит ли она, нажмите на кнопку «Предварительный просмотр
».
Примечание
. Предварительный просмотр представляет собой простую систему и не учитывает многие элементы, такие как изображение заголовка, виджеты и общий макет сайта.
WP-PageNavi не работает
Сталкивался я и с тем, что плагин WP-PageNavi не работает.
1. Плагин WP-PageNavi не активируется. Скорее всего вы используете особо продвинутую тему, в которой уже используется нумерованная постраничная навигация. Добавьте на блог несколько статей, чтобы увидеть используемую по умолчанию навигацию на блоге. Скорее всего она выполнена в стили используемой темы и менять в ней ничего не надо. Если не понравилась — почистите шаблоны темы от кода постраничной навигации, тогда плагин WP-PageNavi должен активироваться.
2. WP-PageNavi на главной странице работает некорректно — не переключаются страницы, выдаются ошибки или содержание страниц не изменяется. Это опять же связано с используемой темой WordPress.
Откройте на редактирование шаблон index.php и найдите код, который отвечает за вывод записей:
|
<?php if(have_posts()) : while (have_posts()) : the_post(); ?>
|
Замените его на следующий код:
|
<?php query_posts($query_string.’&cat=1′); ?>
|
Проверьте работоспособность WP-PageNavi.
3. Если и это не помогло, то можно воспользоваться альтернативным плагином — WP Page Numbers.
Что такое навигация и зачем она нужна на блоге.
Для начала решила узнать историю слова НАВИГАЦИЯ. Слово произошло от латинского navigo, что в переводе значит хождение по морю. И исторически слово навигация связано с мореплаванием. Синонимами являются в основном «морские слова»(мореплавание, мореходство, судовождение, судоходство, кораблевождение).
В одной из энциклопедий нашла такое определение: «Навигация — раздел науки о способах передвижения морских, воздушных судов и космических летательных аппаратов из одной точки пространства в другую».
По другому слово НАВИГАЦИЯ это путь, маршрут, перемещение. Постраничная навигация wordpress это путь от одной страницы до другой. Конечно же уже из вступления понятно, что удобно просматривать страницы с небольшим количеством анонсов, максимум 10.
Настроить количество записей на странице можно в Панели администратора в разделе Настройки — в пункте Чтение
указываем сколько записей будет выводиться на странице. В нашем случае это 5 записей.
И внизу страницы мы увидим ссылку на предыдущую страницу со следующими пятью анонсами.
Может встретиться и такой вариант
Это и есть постраничная навигация wordpress, т. е. ссылки на следующие или предыдущие 5 постов. И выводиться постраничная навигация внизу под анонсами.
Почему постраничная навигация важна для блога?
Но такая навигация неудобна. Читателю необходимо каждый раз нажимать Раньше или Следующая страница, чтобы просмотреть все ваши страницы. А захочет он вернуться на какую-нибудь (именно на какую-нибудь, ведь нет нумерации страниц) «заблудиться» и уйдет с сайта.
А если у вас уже 100, 200, 300 статей, то сколько у вас выходит страниц. Как читатель узнает сколько на вашем блоге таких страниц. Повторюсь читатели ленивые и нетерпеливые, не найдут правильный путь, зато быстро найдут ВЫХОД.
Ответ простой — на блоге все должно быть прекрасно: и контент, и внешний вид(по одежке встречают), и главное УДОБСТВО для посетителя. И все это улучшает поведенческие факторы. Для настройки постраничной навигации рассмотрим два варианта: с применением плагина и вставка кода в файлы шаблона.
Как установить постраничную навигацию WordPress без плагина
Этот код настолько распространен, что на какой блог ставить ссылку не известно. Поэтому обойдемся без неё.
Откройте файл «Функции темы» (functions.php), прокрутите страницу вниз и перед закрывающим тегом ?>
вставьте такой код (не забудьте на всякий сделать резервную копию, если пойдет, что не так:
Function navigation() {
global $wp_query, $wp_rewrite;
$pages = «»;
$max = $wp_query->max_num_pages;
if (!$current = get_query_var(«paged»)) $current = 1;
$a = str_replace(999999999, «%#%», get_pagenum_link(999999999));
$a = $max;
$a = $current;
$total = 0; //1 — выводить текст «Страница N из N», 0 — не выводить
$a = 3; //сколько ссылок показывать слева и справа от текущей
$a = 5; //сколько ссылок показывать в начале и в конце
$a = «« Предыдущая «; //текст ссылки «Предыдущая страница»
$a = «Следующая »»; //текст ссылки «Следующая страница»
if ($max > 1) echo «
«;
if ($total = 1 && $max > 1) $pages = «Страница » . $current . » из » . $max . «».»\r\n»;
echo $pages . paginate_links($a);
if ($max > 1) echo »
Затем, меняем стандартный код вывода во всех файлах, где есть навигация — index.php, category.php, archive.php и так далее. Меняем вместо:
Next_posts_link(«« Вперед»);
previous_posts_link(«Назад »»);
<?php navigation(); ?>
Navig {
padding:15px 0 25px 0;
overflow:hidden;
font-size:13px;
color:#000;
clear:both;}
.navig a{background: #fff;
border: 1px solid #DDDDDD;
color: #000000;
font-size: 13px;
padding:5px;
text-decoration: none;}
.navig span.pages {padding: 3px 5px;
background:#f1f8f9;
border: 1px solid #C6D2D4;}
.navig a:hover{background: #fff;
border: 1px solid red;
color:red;
font-size: 13px;
text-decoration: none;}
.navig span.pages {padding: 3px 5px;
background:#f1f8f9;
border: 1px solid #C6D2D4;}
.navig span.current {background: #fff;
border: 1px solid #111;
font-size: 13px;
padding:5px;
text-decoration: none;}
.navig span.extend {padding: 3px 5px;
background:#f1f8f9;
border: 1px solid #C6D2D4;}
.str{background: #fff;
color: #000000;
font-size: 13px;
padding: 5px;
text-decoration: none;}
Готово. Если вам не очень понятно, как сделать навигацию в ручную, лучше воспользуйтесь плагином. А у меня на этом все. До встречи.
Чтобы добавить постраничную навигацию на сайт WordPress, а вернее, чтобы поменять стандартную навигацию на порядковые кнопки постраничного перемещения, используем плагин WP-pagenavi и еще 5 других плагинов тестированных на 4.9.5.
Page Links Plus
Иногда записи получаются слишком большими. Такие записи стоит разбить на отдельные блоки и сделать из них страницы. Сделать это поможет расширение Page Links Plus. Этот плагин разбивает запись на страницы и показывает связь между ними. Расширение используют более 2 тысяч человек. Средний рейтинг Page Links Plus – 4,5 звезды.
Перейти к плагину
Основные характеристики плагина:
- дополнение позволяет делать нумерацию страниц и записей;
- вы можете добавить опцию, позволяющую просматривать запись целиком;
- расширение имеет большое количество настроек. Они позволят сделать пагинацию, которая будет идеально вписываться в дизайн сайта;
- плагин совместим со всеми версиями WordPress, начиная от 3.0 и выше;
- установка расширения происходит за пару минут.
К сожалению, разработчики не оставили полного описания своего продукта. Но один из пользователей достаточно подробно описал этот плагин: “я долго ломал голову из-за одной проблемы. Я не знал, нужно ли разбивать длинные сообщения на страницы или нет. Я пробовал множество расширений. Все сводилось к одному – приходилось оставлять длинные сообщения на странице. Такое решение я принимал из-за того, что мне нужны была опция просмотра всего сообщения. Но ни одно расширение не могло ее предоставить. Однажды я просто искал расширения по ключевым словам и случайно наткнулся на Page Links Plus. Это было именно тем, что я так долго искал. На то, чтобы установить и активировать расширение ушло меньше 2 минут. Плагин работает прямо из коробки. Поэтому он определенно заслуживает 5 звезд. Спасибо разработчикам за этот невероятный продукт”.
Это дополнение на самом деле предоставляет уникальные функции. Многие пользователи даже писали о том, что они хотят купить премиальную версию. Поэтому если вам нужна функция разбивки записей на страницы – стоит использовать этот плагин.
Полезно: тема Ohio – бестселлер декабря 2020
Другие плагины
Для WordPress доступно много плагинов, которые предоставляют различные параметры настройки пагинации.
WP-PageNavi
Плагин дает возможность изменять текст раздела пагинации, а также количество ссылок на записи, которые будут отображаться. Одной из причин, почему так много людей используют плагин, является то, что он имеет собственный файл CSS
. Это позволяет разработчикам задавать уникальное отображение пагинации.
WP-Paginate
Плагин предоставляет возможность гибкой настройки. Он также поддерживает возможность добавления пользовательского кода CSS
. Этот плагин содержит несколько базовых параметров, в том числе отображение ссылок и использование синих или серых кнопок.
Pagination by HocWP
Простой плагин пагинации записей WordPress
, который не содержит большого количества параметров настройки. Тем не менее, он позволяет эффективно добавить ссылки пагинации в нижней части записей.
Автонаполняемый сайт на WordPress
После создания ресурса необходимо наполнить его контентом, который будет раскрывать тематику и заинтересовывать посетителей. Требуется постоянная периодическая публикация нового материала, новых статей.
Обновление информации самостоятельно занимает немало времени, поэтому иногда целесообразно настроить и запустить автонаполнение сайта.
Автоматически наполняемый ресурс на WordPress получает новые статьи за счет перепубликации информации с других ресурсов.
Если происходит размещение чужого контента на сайте, то следует указывать ссылку, чтобы автор не подавал в суд за нарушение его прав.
jPages Pagination For WordPress
Плагин jPages Pagination For WordPress был основан на jQuery. Основное, что выделяет это дополнение – разбивка страниц галерей, комментариев и т.д. То есть можно сделать из галереи полноценные страницы с постраничной навигацией. Чтобы добавить разбивку на страницы, нужно добавить идентификатор “comment-list” в код сайта. Этот идентификатор будет содержать все команды и параметры пагинации. Также можно добавлять разбивку для таблицы и нумерацию страниц. Чтобы сделать разбивку для таблицы, нужно добавить “jpages-table ” в таблицу, а затем “jpages-table-body” в “tbody”. Если вы хотите сделать нумерацию страниц, это можно быстро реализовать. Для этого вы должны добавить “jpages-list” в html-код страницы.
Перейти к плагину
Основные характеристики дополнения:
- jPages Pagination предоставляет адаптивную разбивку по страницам. Поэтому ваш сайт будет безупречно смотреться на любом экране;
- файлы плагина имеют минимальный вес, что экономит место на хостинге;
- расширение поддерживается большинством современных браузеров. В их число также входят Safari, а также IE7+ и выше.
Пользователи расширения оценивают его работу на 5 звезд. Разработчики не только предоставляют обычную поддержку. Также вы можете еще нанять сотрудника, чтобы он работал с вами индивдуально. Последнее обновление расширения было 6 лет назад. Поэтому есть вопросы о его совместимости с новыми версиями WordPress. Вам все равно стоит попробовать использовать этот плагин на своем веб-сайте.
Что такое постраничная навигация на блоге
Что имеется ввиду под страничной навигацией (иногда эту штуку называют еще «Пагинация») — это числовое отображение страниц блога.
Вот как это может выглядеть.
Принцип действия прост:
(там где у меня цифра 6 на скриншоте)
И в блоке пагинации будут красиво показаны цифры «1» и «2». Чтобы сразу было понятно что у вас на блоге две страницы со списком статей.
Как видите, на сегодня у меня аж 22 страницы.
cms wordpress
Ну вот нет и всё.
Пагинацию нужно «Достраивать» руками, потому что по-умолчанию, это выглядит вот так:
Так вот, мы здесь сегодня собрались для того, чтобы установить красивую пагинацию (постраничную навигацию) на блоге. Давайте начнём, пожалуй.
Использование плагинов пагинации
В этой статье я расскажу о плагине Pagination by BestWebSoft
. С его помощью можно добавить пагинацию для различных разделов WordPress-сайта
.
Чтобы установить плагин Pagination by BestWebSoft
сделайте следующее:
В панели администрирования WordPress
перейдите в раздел «Плагины
» и нажмите на кнопку добавления нового плагина.
Найдите плагин «Pagination by BestWebSoft
». Установите и активируйте его.
В меню панели администрирования будет добавлена новая функция. Нажмите на новый пункт меню, чтобы открыть панель BWS
. Все инструменты BestWebSoft
содержатся в этом разделе. Если у вас установлены другие инструменты, нажмите ссылку Pagination
.
В настройках плагина пагинации WordPress
можно настроить пагинацию для различных частей сайта: для главной страницы, для страниц архива, блога и так далее.
Перейдите на вкладку «Внешний вид
». В этом разделе можно изменить способ отображения пагинации на сайте. А также изменить цвет фона и текста, границы и другие параметры. После того, как внесли изменения, нажмите на кнопку «Сохранить
» в нижней части страницы.
Перейдите на вкладку «Пользовательский код
». Здесь можно задать собственные CSS-стили,
чтобы настроить отображение пагинации. После того как завершите редактирование кода, нажмите на кнопку «Сохранить изменения
», расположенную в левом нижнем углу.
После этого все остальное плагин сделает автоматически. После вывода пагинации WordPress
вам останется только добавить контент.
Сайт готов: Что делать дальше?
4. Продвижение сайта (блога).
1. НАСТРОЙКА БЕЗОПАСНОСТИ — ЗАЩИТА САЙТА ОТ ВЗЛОМА. Следующим шагом, я бы сказала прямо сейчас (!) или в крайнем случае, завтра, Вам нужно выполнить настройки по безопасности, защите сайта от взлома. Как это выполнить технически, подробно
2. НАПОЛНЕНИЕ САЙТА КОНТЕНТОМ
Касательно наполнения сайта статьями: теперь Вы готовы к публикации своей первой статьи. Но в этот момент важно понять вот что
Как ПРАВИЛЬНО писать статьи для сайта, как публиковать картинки, фото и видео Вы узнаете из этих статей с подробными пошаговыми инструкциями:
- ТЕОРИЯ: Как правильно писать статьи на сайт или блог
- ПРАКТИКА: Как правильно писать статьи на сайт или блог — Техническая инструкция
- ПРАКТИКА: Как опубликовать статью на сайт WordPress. Инструкции + Видео
3. МОНЕТИЗАЦИЯ САЙТА (БЛОГА). О монетизации своего проекта читайте в статьях:
- ТЕОРИЯ: Как заработать на своём сайте новичку. Заработок на сайте – 10 самых популярных способов. Сколько зарабатывают владельцы сайтов
- ПРАКТИКА: Как начать зарабатывать на своем сайте или блоге. ТЕХНИЧЕСКАЯ ИНСТРУКЦИЯ размещения всех видов рекламы на своем сайте или блоге
Еще несколько ценных советов и список работ, которые нужно выполнять в 1-й год работы над блогом, читайте в этой полезной статье Как увеличить посещаемость сайта, стать блоггером тысячником? Мой результат. Что нужно делать в 1-й год после начала ведения блога?
4. ПРОДВИЖЕНИЕ САЙТА (БЛОГА)
Важно! Не думайте в 1-й год о продвижении. Занимайтесь только наполнением сайта статьями
Если будете правильно писать статьи, выполнять их сео оптимизацию (как указано в статьях по написанию статей), то это и обеспечит хорошее продвижение Вашего сайта. На 1-й год Вашей главной целью будет ПРОДВИЖЕНИЕ САЙТА СТАТЬЯМИ. И только через полгода-год можно будет приступить к продвижению сайта при помощи ссылок. И другими способами.
Как продвигать свой сайт ссылками, читайте в этих статьях:
- ПРАКТИКА: Продвижение своего сайта статьями на бирже MiraLinks.
- ПРАКТИКА: Покупка ссылок для продвижения сайта в Яндексе и Гугле – пошаговая инструкция, видео.
Постраничная навигация в WordPress без использования плагина
Первым делом давайте разберемся, как будет происходить реализация постраничной навигации без использования плагина и как она будет выглядеть, а затем приступим к самой реализации, по пунктам разбирая каждое действие. Итак, план действий:
Подготавливаем нужные файлы. Для этого скачиваем с сервера таблицу стилей темы (style.css), файл functions.php и файлы, отвечающие за вывод списка заметок. В нашем случае это index.php и archive.php. Если у вас какая-то необычная тема и в ней используются другие файлы для вывода заметок на главной странице и на странице категорий и т.д и т.п, то вам придется изменять их. В данном случае мы рассмотрим пример создания постраничной навигации для главной страницы и для страницы категорий (архивов и т.д).
- Добавляем код в конец файла functions.php до закрывающего тега «?>».
- Добавляем код в файлы index.php и archive.php.
- Добавляем правила в таблицу стилей темы style.css
- Закачиваем файлы style.css, functions.php, index.php и archive.php на сервер заменяя при этом старые.
- При необходимости правим правила CSS для постраничной навигации, если в этом есть необходимость.
- Пользуемся готовой постраничной навигацией для сайта на WordPress без использования плагина.
По завершении всех пунктов навигация примет примерно следующий вид.
Естественно внешний вид будет зависеть от того, как вы настроите его в таблице стилей. По желанию вы можете создать их в виде кнопок или чего-то в этом роде. В данном же примере будет рассмотрена технология создания постраничной навигации такой же, как и при помощи плагина WP-PageNavi. Также хочу заметить, что в коде, приведенном в этой статье, навигация сделана таким образом, что по возможности выводится по 2 значения с каждой стороны от текущей страницы. Например, если у вас много страниц, и вы перейдете на пятую, то слева от нее будут значения 4, 3 и две стрелочки для перехода в начало и на предыдущую страницу, а справа будут значения 6 и 7, ну и кончено стрелочки перехода в конец и на одну страницу вперед. Ну, думаю, смысл понятен.
Теперь приступаем к делу. Первым делом открываем файл functions.php. Находим внизу закрывающий тег «?>» и прямо перед ним добавляем следующий код:
После этого сохраняем данный файл и переходим к следующему. Открываем на редактирование файл index.php и добавляем в него код:
Код нужно добавлять в конец страницы, а точнее после строки:
Но до строки:
Если в вашей теме есть место под плагин WP-PageNavi либо он уже был у вас установлен, то находим код:
И заменяем его на:
После этого проделываем те же действия с файлом archive.php.
Проделав все это, приступаем к созданию внешнего вида нашей постраничной навигации для сайта на WordPress. Для этого открываем таблицу стилей темы и где-то в конце добавляем следующие правила CSS.
После этого как обычно сохраняем файл и приступаем к завершающей части создания постраничной навигации – обновлению файлов на сервере. Для этого открываем FTP-клиент и закачиваем файлы style.css, functions.php, index.php и archive.php на сервер, подтверждая замену файлов. При этом не забываем после обновления зайти в административную панель и очистить кэш, если вы используете кэширование на своем сайте на WordPress.
Теперь заходим на свой сайт, обновляем страницу и любуемся новой постраничной навигацией, которая выглядит почти так же, как и при использовании плагина, но потребляет при этом намного меньше ресурсов.
Настройка плагина WP PageNavi: отображение списка страниц
Что теперь? Плагин загрузили, активировали, интегрировали в файлы темы – что-то еще? Да. Теперь нужно настроить внешний вид постраничной навигации. Для этого переходим в настройки плагина WP PageNavi в админке wordpress. Находится нужная нам страница по адресу: Админка/Параметры/Список страниц. Здесь можно настроить структуру отображения страниц. А можно все оставить как есть – дело ваше. Коротко расскажу, что здесь что.
Настройки разделены на две части: «Шаблоны списка страниц» и «Настройки списка страниц».
WP Page Navi – шаблоны списка страниц
Вот первая часть настроек
Элемент №1
(первая строка) – это вид вот этой части списка:
Здесь можно сделать окошко пустым, если считаете, запись «5 страница из 14» портит внешний вид. Можно убрать слово «страница». Я, наверное, вообще уберу эту запись. Мне кажется, она лишняя.
Элемент №2
– «Текущая страница». Этим элементом как-то (рамочкой, цветом) выделяется страница, на которой открыт блог. Если это поле оставить пустым, внешний вид текущей страницы в ряду других ничем не будет выделяться.
Элемент №3
– «Страница». Если оставить это поле пустым, в навигации будет виден только номер текущей страницы – список остальных страниц будет скрыт.
Элемент №4
– «Первая страница». Здесь можно поставить «первая», «в начало» или что-то в этом роде. Когда на вашем блоге будет много страниц (100-200) и вы будете просматривать какую-нибудь 130-ю страницу и захотите вернуться на первую, слева от списка страниц и будет кнопочка со словом «первая», «в начало».
Элемент №5
– «Последняя страница». Все то же самое, только для последней страницы.
Элемент №6 – «Предыдущая страница» и «Следующая страница». Стрелочки, перехода на страницу вперед или назад. Я другие знаки пробовал вставить – либо не то, либо они просто не работают.
Элемент №7
– «Предыдущие…» и «Следующие…». Как я понял, это не кнопки, а просто информационный элемент. Сейчас объясню.
Как видно из рисунка, в настройках я поставил в поле «Количество страниц для показа» (об этих настройках я расскажу чуть ниже) значение «3». И у меня отображается ряд только из трех страниц. А белый квадратик (как раз он и есть элемент №7) показывает, что и дальше (или ближе) есть еще страницы, которые сейчас не отображены. Вроде понятно.
Настройки списка страниц
Переходим ко второй части настроек плагина WP Page Navi.
Элемент №8
– «Использовать стиль pagenavi-css.css». Если вы не поставите (или уберете, если она стояла) здесь галочку, то, во-первых, отображение страниц станет таким:
А во-вторых, вы не сможете изменить стиль отображения списка путем редактирования файла стилей плагина. Так что лучше с галочкой.
Элемент №09
– «Стиль списка страниц». Обычный или выпадающий. Мне выпадающий категорически не понравился, поэтому оставил обычный.
Элемент №10
– «Всегда показывать список страниц». Довольно бессмысленная функция.
Элемент №11
– «Количество страниц для показа». Рад страниц, который будет отображаться. Поставите 3 – будет «1,2,3… последующие», поставите 10 – будет «предыдущие… 4,5,6,7,8,9,10,11,12,13…последующие». Понятно, думаю.
Элемент №12
– «Диапазон страниц для показа». Какую вы цифру поставите в это окошко, столько страниц, не вошедших в список непрерывных страниц (элемент №13) и будет отображаться. Например, поставите 5, список будет выглядеть так:
«первая … 4,5,6,7,8 … 21,22,23,24,25 … последняя»
Элемент №13
–« Коэффициент для диапазонов страниц». Это шаг для станиц из элемента №14. Если в окошках №№13, 14 и 15 поставить, например, 5, все будет смотреться так:
«первая … 4,5,6,7,8 … 20,25,30,35,40 … последняя»
Все, наконец-то мы разобрались с настройками плагина постраничной навигации
по имени WP
PageNavi
.
Все да не все. Можно еще кое-что сделать полезное и красивое.
Вкладка «Настройки»
Изначально мы находимся во вкладке «Настройки». Здесь можно найти php-код для решения вывода пагинации в нужной части сайта:
Меня полностью устраивает пагинация WordPress реализована плагином, о которой мы поговорим немного позже, поэтому php-код я оставил в покое. Тем более моя тема настолько часто обновляется, что я не хочу интегрировать код в шаблон постов, страниц и т.д. И лишь с этих соображений я не предлагаю вам интегрировать код, а советую пользоваться плагином, котором специально создан для того, чтобы пагинация WordPress имела адекватный вид.
Блок «Отображать навигацию на»
Далее, обратите внимание на блок «Отображать навигацию на»:
Если вам не нужна постраничная навигация, например, на домашней странице (на главной), то снимите галку.
Второй блок «Отображать навигацию на»
Спускаемся ниже ко второму блоку «Отображать навигацию на»:
Здесь вы можете выбрать где именно на странице должна выводиться навигация:
Блок «Отобразить блок ‘Страница __ из __’»
Далее, идёт блок «Отобразить блок ‘Страница __ из __’»:
Я снял галку возле этой опции по причине нежелания видеть дополнительную надпись:
Блок «Отображать стрелки Предыдущая/Следующая»
Следующий блок «Отображать стрелки Предыдущая/Следующая»:
Вы можете написать вместо стандартного текста что угодно, например, далее/вперёд.
Блок «Тип вывода»
Далее, идёт блок «Тип вывода»:
Я бы отнёс его к «опциям украшательства», но разработчики решили добавить эту настройку именно в эту вкладку. В любом случае эта настройка влияет через сколько номеров страниц отображать троеточие:
Блок «Скрыть стандартную навигацию»
Следующий блок «Скрыть стандартную навигацию»:
Эти настройки работают лишь в стандартных темах со стандартными стилями пагинации WordPress, и отвечают за вывод стандартной навигации. Например, если в первом блоке «Отображать навигацию на» вы убрали галку возле опции «многостраничных записях», то следует установить галку в блоке «Скрыть стандартную навигацию» возле «на многостраничных записях или страницах».
Если в первом блоке «Отображать навигацию на» у вас установлены галки везде, то в блоке «Скрыть стандартную навигацию» можете отметить все пункты.
Блок «Скрыть дополнительную навигацию»
Далее, рассмотрим блок «Скрыть дополнительную навигацию»:
Этот блок помогает скрыть блок навигации, блокируя идентификаторы и классы CSS. Пользуясь подсказкой от разработчиков плагинов даны следующие примеры:
- #nav_block
- .pagination
- #nav_block, .pagination
В случае необходимости введите один или несколько, разделённых запятыми, идентификаторов и классов CSS, которые вы хотели бы скрыть.
Блок «Атрибут rel=»nofollow»»
Дальше идёт блок «Атрибут rel=»nofollow»»:
Значение nofollow атрибута rel закрывает постраничную навигацию от индексации. Закрывать или нет? Все технические элементы WordPress желательно скрыть от индексации, чтобы в поиске было меньше мусора от вашего драгоценного сайта. Поэтому рекомендую установить галку возле этой опции.
После настроек не забываем сохраняться:
