Делаем пагинацию как у Dribbble в WordPress

Многие из вас видели сервис Dribbble? Когда вы зайдете в свой профиль на Dribbble там будут 2 изображения, выведенные справа, которые служат навигацией по страницам от предыдущего к следующему изображению, загруженному пользователем. Ниже небольшой сниппет, который копирует этот функционал на ваш сайт на WordPress.

Просто вставьте следующий код в конце вашего файла single.php темы, в том месте, где вы хотите вывести dribbble-пагинацию:

<?php $prev = get_previous_post(); $next = get_next_post();
						
	<div class="float--left folio">
		<a href="<?php echo get_permalink($prev->ID); ?>" title="<?php echo esc_attr($prev->post_title); ?>">
			<?php echo get_the_post_thumbnail($prev->ID, 'thumbnail'); ?>
		</a>
	</div>
						
	<div class="float--right folio">
		<a href="<?php echo get_permalink($next->ID); ?>" title="<?php echo esc_attr($next->post_title); ?>">
			<?php echo get_the_post_thumbnail($next->ID, 'thumbnail'); ?>
		</a>
	</div>

Результат будет примерно следующим (скрин с Дрибббла):
How-to-paginate-WordPress-like-Dribbble[1]

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Об авторе ADv

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