如何添加 WordPress 分页
已发表: 2020-10-24我们的一位读者最近问我们如何添加 WordPress 分页。
通过在 WordPress 存档页面的底部插入旧帖子和新帖子链接,您可以显示分页链接。 但是,许多 WordPress 页面都使用数字分页。 我们的经验表明,数字分页易于使用、更具吸引力、简单且对 SEO 友好。
在本文中,我们将教您一些启用 WordPress 分页和精确数字分页的最简单方法。
什么是分页?
分页是 WordPress 中许多博客共有的功能。 这非常重要,因为它是 WordPress 中心对于许多网站所有者来说的一个重要功能。分页是一种简单而标准的做法,它可以阻止您同时加载所有项目。 许多主题也被开发成分页。
但是,如果他们不这样做,您可以在您的网站上使用几行代码方便地配置分页。 在本文中,我们将探讨处理您网站上的分页的几种不同方法。
如何手动添加 WordPress 分页?
如果您创建自己的主题或想为您的主题添加分页,则可以使用内置的 WordPress 功能和几行代码。 实际上,有两种不同的插入方法。
页面底部附有“Previous Posts”和“Next Posts”或(<< Prev 1 … 3 4 5 6 7 … 9 Next >> )。
方法 1:附加上一个和下一个帖子链接
要为您的主题添加分页支持,大多数代码应包含在主题的 functions.php 文件或儿童主题中。 在使用高级主题时,我建议使用自定义功能创建儿童问题。
为了向 WordPress 主题添加分页,我们需要创建在列表底部为您提供前后链接的功能。

话虽如此,我们还必须确保仅在特定连接到帖子时才显示某些连接。 第一步是有效地构建功能。 您可以通过打开您的 functions.php 文档、向下滚动并插入以下代码来执行此操作:
function pagination_nav() { global $wp_query; if ( $wp_query->max_num_pages > 1 ) { ?> <nav class="pagination" role="navigation"> <div class="nav-previous"><?php next_posts_link( '← Older posts' ); ?></div> <div class="nav-next"><?php previous_posts_link( 'Newer posts →' ); ?></div> </nav> <?php } }
然后,当应用于模板时,此功能将产生一个前一个和下一个连接,包装在 HTML5 导航标记中。 该功能的第一个组件验证当前是否有超过 1 页的帖子可用。 如果没有,则不需要该代码。
之后,组织 HTML 标记。 我们从一个基本的 nav 标签开始,然后在 div 标签中使用 next posts link 和 previous posts link 功能。 这两个函数都支持 HTML 的第一个参数,可用于自定义输出文本。 在每个(<-New Post)中,我们都有一点 Javascript 和一个 Javascript 箭头,以便稍后使用 CSS 设置样式。
添加后,您只需将此功能应用于真实模板。 因此,请转到 index.php 文件通常分页的模板并向下滚动到循环的末尾。 这跟在句子“endwhile”之后,但在循环内有一些语句“then”。 添加这一行,然后:

<?php pagination_nav(); ?>
这将在您的内容下方显示指向您页面的链接,并且仅在必要时显示链接。
方法二:附加页码分页

设置有点接近我们配置基本分页的方式,但我们将使用 WordPress 分页链接功能,而不是以下和以前的邮政链接。 这将在模型的任何位置显示总分页栏。 可以再次放置我们主题或子主题functions.php文件中的第一段代码。 我们可以使用分页链接来衡量可用页面的数量并显示链接列表。
function pagination_bar() { global $wp_query; $total_pages = $wp_query->max_num_pages; if ($total_pages > 1){ $current_page = max(1, get_query_var('paged')); echo paginate_links(array( 'base' => get_pagenum_link(1) . '%_%', 'format' => '/page/%#%', 'current' => $current_page, 'total' => $total_pages, )); } }
同样,添加了一个 $wp 查询全局对象以允许我们查看所有文章。 然后,通过使用 max num pages 功能,我们计算页面上可用的页面数并执行条件检查以确保有超过 1 个页面,需要分页。 否则不会显示任何内容。 最后,要搜索我们现在所在的页面,我们使用 get_query_var。
最后一步是使用分页链接功能来制作页面列表以及上一个和下一个按钮。
还请访问该网站(通常为 index.php)并在我们的循环结束之前粘贴以下代码,在“endif”之后但在“endwhile”之前。
<nav class="pagination"> <?php pagination_bar(); ?> </nav>
您现在可以看到已连接网站的完整列表,如上图所示,而不是基本的下一个或上一个链接。
使用插件添加 WordPress 分页
如果您不喜欢手动添加 WordPress 分页,您也可以使用一些 WordPress 插件轻松添加这些分页。 以下是您可以使用的一些插件:
WP-PageNavi

如果您正在寻找一些自定义分页或者您不想手动执行它,那么有一些插件可能会有所帮助。 也许 WP-PageNavi 是最常见的,因为它必须方便设置、可定制和时尚。 我们描述过,Elegant 主题中的主题设置为自动开始使用具有内置 PHP 功能和 CSS 样式的 WP-PageNavi,因此您只需触发插件即可。
要使用此插件为您的页面添加分页,您需要添加以下功能:
<?php wp_pagenavi(); ?>
然后,您可以使用插件的“设置”页面来个性化分页的各个方面。 选择分页时要显示的文本以及下一个和上一个链接的每个页面区域的格式。
WP-分页

WP Paginate 与 WP-Page Navi 非常相似,但您可能会发现一些有用的附加功能。 例如,如果您希望稍后使用 CSS 进行自定义或选择要在分页上显示的确切页码,那么您可以控制分页的标记,这样它就不会变得太不可行。 例如 WP-PageNavi,一个函数将页码添加到您的页面,替换您现有的分页。

<?php if(function_exists('wp_paginate_comments')) { wp_paginate_comments(); } ?>
您的主题将有一个完整的页面列表,可以通过插件的设置进行更改。 如果您正在寻找一个没有太多选项的简单解决方案,那么 WP-Paginate 工作得很好并且只能自动化工作。
总结
恭喜,您终于学会了如何添加 WordPress 分页。 此外,一些访问者还向我们询问了如何修复更新失败的 WordPress 。 请检查有关此的专门文章。
如果您需要有关 WordPress 分页错误的帮助,请联系我们的帮助人员。 对于任何 WordPress 问题,我们的支持团队将为您提供帮助。
我们接受访问者的任何类型的建议,因为它总是激励我们改进。 欢迎在下方发表评论。