Пагинация комментариев в WordPress цифрами

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

Как сделать пагинацию в комментариях WordPress

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

Добавляем пагинацию

Для начала, откройте файл comments.php, который находится внутри вашей установленной темы. Найдите строки навигации, они выглядят примерно так:

<div class="alignleft"><?php previous_comments_link() ?></div>
<div class="alignright"><?php next_comments_link() ?></div>

Замените их на следующий код:

<div class="comm-nav">
<?php paginate_comments_links( array('prev_text' => '&lsaquo; Предыдущая', 'next_text' => 'Следующая &rsaquo;'));
?>
</div>

Теперь осталось добавить стили в файл style.css:

.comm-nav {
    margin: 15px 0 20px;
    padding: 5px 10;
    text-align: center;
}

.comm-nav a {
    background: none repeat scroll 0 0 #2ea2cc;
    border: 1px solid #0478a6;
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    margin: 3px;
    padding: 5px 10px;
    text-decoration: none;
}

.comm-nav a:hover {
    background: #1e8cbe;
    border-color: #0074a2;
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
}
.comm-nav .current {
    background: -moz-linear-gradient(center top, #38362e, #2e2d26);
    border: 1px solid #222;
    color: #fff;
    font-weight: bold;
    margin: 3px;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #000;
}

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