<?php $categories = get_categories(); foreach ( $categories as $category ) { }?>
这使用 get_categories() 函数来获取博客中的类别列表。默认情况下,这将按字母顺序获取,并且不会包含任何空类别。这对我有用,所以我不会添加任何额外的参数。
然后我使用 foreach ( $categories as $category ) {} 告诉 WordPress 依次运行每个类别并运行大括号内的代码。下一步将创建一个针对每个类别运行的查询。
定义查询参数
现在您需要定义查询的参数。在大括号内添加以下内容:
$args = array( 'cat' => $category->term_id, 'post_type' => 'post', 'posts_per_page' => '1',);
这只会获取当前类别中的一篇帖子。
运行查询
接下来,使用 WP_Query 类插入查询:
$query = new WP_Query( $args );if ( $query->have_posts() ) { ?> <section class="<?php echo $category->name; ?> listing"> <h2>Latest in <?php echo $category->name; ?>:</h2> <?php while ( $query->have_posts() ) { $query->the_post(); ?> <article id="post-<?php the_ID(); ?>" <?php post_class( 'category-listing' ); ?>> <?php if ( has_post_thumbnail() ) { ?> <a href="<?php the_permalink(); ?>"> <?php the_post_thumbnail( 'thumbnail' ); ?> </a> <?php } ?> <h3 class="entry-title"> <a href="<?php the_permalink(); ?>"> <?php the_title(); ?> </a> </h3> <?php the_excerpt( __( 'Continue Reading <span class="meta-nav">→</span>', 'twentyfourteen' ) ); ?> </article> <?php } // end while ?> </section><?php } // end if// Use reset to restore original query.wp_reset_postdata();
这将输出每篇文章的特色图片、标题和摘录,并且每一个都包含在一个链接中。
让我们看看现在的样子:
如您所见,存在问题。我的页面显示每个类别中的最新帖子,但它是重复的帖子,因为有时一个帖子会是多个类别中的最新帖子。让我们解决这个问题。
避免重复帖子
在添加 get_categories() 函数的行上方,添加以下行:
$do_not_duplicate = array();
这会创建一个名为 $do_not_duplicate 的空数组,我们将用它来存储每个帖子输出的 ID,然后检查稍后查询的任何帖子的 ID 是否在其中该数组。
接下来,在查询选项下方添加一个新行,因此前两行如下所示:
<?php while ( $query->have_posts() ) { $query->the_post(); $do_not_duplicate[] = $post->ID; ?>
这会将当前帖子的 ID 添加到 $do_not_duplicate 数组。
最后,向查询参数添加一个新参数,以避免输出此数组中的任何帖子。您的论点现在如下所示:
$args = array( 'cat' => $category->term_id,'post_type' => 'post','posts_per_page' => '1','post__not_in' => $do_not_duplicate);
这使用 'post__not_in' 参数来查找帖子 ID 数组。
保存您的 index.php 文件并再次查看您的博客页面:
这样更好了!现在您的帖子不再重复。
添加样式
目前,内容有点分散,特色图片位于帖子标题和摘录上方。让我们添加一些样式以使图像向左浮动。
在主题的 style.css 文件中,添加以下内容:
.listing h2 { margin-left: 10px;}.category-listing img { float: left; margin: 10px 2%;}.category-listing .entry-title { clear: none;}
现在内容更适合页面并且布局更好:
使此技术适应不同的内容类型
您可以调整此技术以处理不同的内容类型或分类法。例如:
摘要
有时,以其他方式(而不是简单地按时间顺序)显示博客上的最新帖子会很有帮助。在这里,我演示了一种技术,用于显示博客上每个类别中的最新帖子,确保帖子在多个类别中不会重复。