Quick Tip: Berikutnya dan sebelumnya posting dengan thumbnail

Konten media yang kaya terlibat konten, kanan? Dan memberikan pembaca kesempatan untuk menelusuri posting linear adalah salah satu cara yang baik untuk menjaga mereka di situs Anda membaca lagi, kan? Jadi mengapa hanya memberi mereka judul? Tip cepat ini akan memberi Anda pemrograman Anda perlu menyertakan post thumbnail dan tanggal posting berikutnya dan sebelumnya. Styling yang tersisa Anda.

Memeriksa posting sebelumnya dan berikutnya

$prevPost = get_previous_post(true);
$nextPost = get_next_post(true);

Ini kedua variabel ini akan mendapatkan posting sebelumnya dan berikutnya jika mereka ada. Sekarang kita dapat memeriksa untuk melihat apakah mereka ada dan menggunakan ID dengan get_posts() untuk menampilkan informasi apapun yang kita ingin tentang setiap posting.

Output thumbnail dan hal-hal lain

<div id="post-nav">
  <?php $prevPost = get_previous_post(true);
		if($prevPost) {
			$args = array(
				'posts_per_page' => 1,
				'include' => $prevPost->ID
			);
			$prevPost = get_posts($args);
			foreach ($prevPost as $post) {
				setup_postdata($post);
	?>
		<div class="post-previous">
			<a class="previous" href="<?php the_permalink(); ?>">&laquo; Previous Story</a>
			<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a>
			<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
			<small><?php the_date('F j, Y'); ?></small>
		</div>
	<?php
				wp_reset_postdata();
			} //end foreach
		} // end if
		
		$nextPost = get_next_post(true);
		if($nextPost) {
			$args = array(
				'posts_per_page' => 1,
				'include' => $nextPost->ID
			);
			$nextPost = get_posts($args);
			foreach ($nextPost as $post) {
				setup_postdata($post);
	?>
		<div class="post-next">
			<a class="next" href="<?php the_permalink(); ?>">Next Story &raquo;</a>
			<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a>
			<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
			<small><?php the_date('F j, Y'); ?></strong>
		</div>
	<?php
				wp_reset_postdata();
			} //end foreach
		} // end if
	?>
</div>

Kode ini akan masuk ke template single.php Anda. Jika ada posting, kita menggunakan ID untuk mendapatkan satu pos dan kemudian membuat foreach loop untuk memberikan output sebagai berikut:

• Link umum berlabel "Sebelumnya/berikutnya"
• Thumbnail pos dibungkus dalam tautan ke pos
• Judul di h2 dan dibungkus dalam sebuah link ke posting
• dan tanggal

Kesimpulan

Setelah Anda memiliki ini diatur dengan styling yang bahwa Anda lebih suka Anda dapat melakukan banyak hal dengan posting informasi. Anda mungkin memiliki sesuatu seperti ini: