Постраничную навигацию на сайте можно настроить без плагина и с плагином. Мы будем настраивать навигацию с плагином 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 и не отпуская обновите страничку браузера или очистите кэш браузера.
На этом все. Удачи вам!
Это интересно
0
|
|||
Последние откомментированные темы:
-
Обзор смартфона LG Optimus L9
(1)
hobert
,
01.03.2022
-
Антивирусные приложения Android для защиты устройства
(1)
Наталья_ласточка
,
27.02.2022
-
Как отключить уведомления от Сбербанк за 60 рублей через приложение Сбербанк онлайн и ещё 5 методов!
(1)
bbob
,
15.02.2022
-
Обходим блокировку сайтов.
(3)
Евгений_к
,
07.02.2022
20250206091811