WordPress 无需插件实现文章列表分页导航
要在WordPress中实现文章列表的分页导航而无需插件,您可以使用WordPress的核心功能和一些自定义代码。以下是一些步骤,帮助您完成这个任务:
-
在您的WordPress主题中打开主题文件,通常是位于wpcontent/themes/yourtheme/目录下的一个PHP文件(如index.php或archive.php)。
-
查找您想要分页的文章循环的代码。通常,这是一个
while
循环,用于显示文章列表的部分。例如:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<! 在这里显示文章内容 >
<?php endwhile; endif; ?>
- 在文章循环之前,添加以下代码来设置分页:
<?php
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array(
'post_type' => 'post', // 您的文章类型
'posts_per_page' => 5, // 每页显示的文章数量
'paged' => $paged,
);
$custom_query = new WP_Query($args);
?>
<?php if ($custom_query>have_posts()) : while ($custom_query>have_posts()) : $custom_query>the_post(); ?>
<! 在这里显示文章内容 >
<?php endwhile; ?>
<! 添加分页导航 >
<div class="pagination">
<?php
echo paginate_links(array(
'total' => $custom_query>max_num_pages,
));
?>
</div>
<?php
wp_reset_postdata();
endif;
?>
这段代码首先获取当前页面的页码(通过get_query_var('paged')
),然后使用WP_Query
创建了一个新的查询,包括所需的文章类型和每页显示的文章数量。然后,在循环中显示文章内容,并在循环后添加分页导航。
- 最后,您可以自定义分页导航的样式,以适应您的主题。可以使用CSS样式来美化导航部分,例如:
.pagination {
textalign: center;
}
.pagination a {
display: inlineblock;
padding: 5px 10px;
margin: 0 5px;
backgroundcolor: #333;
color: #fff;
textdecoration: none;
}
.pagination .current {
backgroundcolor: #0073e6;
}
通过以上步骤,您就可以在WordPress主题中实现文章列表的分页导航,而无需使用插件。确保根据您的需求自定义代码中的参数,例如文章类型和每页显示的文章数量。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
仍然有问题? 我们要如何帮助您?