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

Для перемещения между новыми и старыми записями в WordPress по-умолчанию используются ссылки Предыдущая/Следующая запись, что позволяет только вернуться на одну страницу за раз. Если вы хотите использовать постраничную навигацию, то функция paginate_links поможет вам. Ранее мы уже описывали один способ, однако в текущем предлагается другая стилизация и архитектура кода.

paginaton[1]

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

// Постраничная навигация с номерами страниц
function wplift_pagination() {
	global $wp_query;
		$big = 999999999; 
			echo paginate_links( array(
			'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
			'format' => '?paged=%#%',
			'current' => max( 1, get_query_var('paged') ),
			'total' => $wp_query->max_num_pages
		) );
}

Затем, в том месте, где нужно вывести навигацию, например в файле archives.php или index.php нужно поместить этот код:

<?php wplift_pagination(); ?>

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

/* Постраничная навигация */
.page_nav .page-numbers{
        background:#BCBCBC;
	color:#fff;
	display:block;
	width:auto;
	float:left;
	margin: 4px 4px 4px 0;
	padding:15px 18px 14px 18px;
	text-decoration:none;
}

.page_nav .page-numbers:hover{
	background: #24221D;
	color:#fff;
	text-decoration: none;
}

.page_nav .current{
        background: #24221D;
	color:#fff;
        padding:15px 18px 14px 18px;
}

Надеемся, что эта статья помогла вам добавить циферную навигацию по страницам в WordPress

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]
Rating: 3.3/5 (3 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
  • Sergey Lav.

    Здравствуйте!

    Спасибо за статью!

    У меня небольшая проблемка — добавил код, отображение страниц появилось. Добавил стили в style.css, но вид не меняется. Не подскажите что может быть и как проверить?

Scroll To Top