Веб-Денис
Помогаем создавать лучшее
  • Ответы WP
  • HTML-CSS
  • Фон сайта
  • Блог DM
Главная › Wordpress › Дизайн

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

2022-03-18
Источник: dimox

Всем советы и приветы!

И сегодня мы будем создавать на сайте Вордпресс постраничную навигацию, да ещё и без плагина!

И для этого, надо в файл:

— index.php
— category.php
— page.php
— search.php

установить вот такой PHP код:

PHP

<?php if (function_exists('wp_corenavi')) wp_corenavi(); ?>

А чтобы всё заработало, необходимо в файл под названием functions.php установить следующий PHP код:

PHP

function wp_corenavi() {
global $wp_query;
$total = isset( $wp_query->max_num_pages ) ? $wp_query->max_num_pages : 1;
$a['total'] = $total;
$a['mid_size'] = 3; // сколько ссылок показывать слева и справа от текущей
$a['end_size'] = 1; // сколько ссылок показывать в начале и в конце
$a['prev_text'] = '«'; // текст ссылки "Предыдущая страница"
$a['next_text'] = '»'; // текст ссылки "Следующая страница"
if ( $total > 1 ) echo '<div class="pagination">';
echo paginate_links( $a );
if ( $total > 1 ) echo '</div>';
}

И не забудем прописать в файле под названием style.css вот такой код:

CSS

.navigation {
display: block;
text-align: center;
margin: 20px auto;
}
.pages {
padding: 5px 7px;
color: #fff;
background: #333;
}
.page-numbers {
background: #333;
padding: 5px 7px;
color: #fff !important;
}
.page-numbers.current {
text-decoration: underline;
}
.page-numbers:hover {
text-decoration:none;
opacity: 0.8;
}

Он стилизует данный HTML код в тёмный вариант:

Тёмные переключатели страниц на Вордпресс

На этом у меня всё!

Удачных решений!

С уважением, Денис Мехедов
→Как на Wordpress изменить логотип на странице входа?→Как изменить иконку favicon в админке сайта на Вордпресс?→Как в WordPress вывести текст только на главной?

А Вы оставите комментарий первым?

    Отменить ответ
    Автор Денис Мехедов
    Привет!

    Я Денис Мехедов.

    И я даю ответы на темы:

    Ответов - 160
    • CSS стили 5
    • functions.php 2
    • htaccess 13
    • JavaScript 5
    • RSS лента 9
    • Sitemap.xml 4
    • wp-config.php 9
    • Админка 12
    • Верхняя панель 5
    • Дизайн 9
    • Доступ 3
    • Записи 18
    • Записи выводим 9
    • Комментарии 15
    • Метки 2
    • Миниатюры 7
    • Обновления 6
    • Отключаем код 5
    • Поиск 5
    • Пользователи 2
    • Рубрики 8
    • Статистика 2
    • Страницы 2
    • Шорткоды 3

    • О проекте
    • Автор
    • Контакты
    • Комментарии
    • © Web-Denis 2022
    • Дизайн © ДМ
    • Хостинг Timeweb
    При копировании материалов, ссылка на сайт обязательна.
    Политика конфиденциальности
    Мы cохраняем файлы cookie.