如何在您的 WordPress 主题中手动添加数字分页！

admin • • 电脑技巧

如何在您的 WordPress 主题中手动添加数字分页！

一种选择是使用代码在 WordPress 主题中手动添加数字分页。

许多 WordPress 主题带有内置的“较旧”和“较新”链接，或默认的数字分页。例如，流行的Astra 主题会自动将其自己的数字分页添加到您的存档页面，如下图所示。

e16a712c4c511f4dfc57ea6f8925fe51您可以使用此方法自定义主题的内置分页。例如，您可以更改样式以更好地适合您的网站。

要手动添加数字分页，请打开主题的functions.php 文件。在这里，您可以使用 FTP 客户端或WordPress 托管cPanel 的文件管理器。如果您使用的是 FTP，那么您可以查看我们关于如何使用 FTP 连接到您的站点的完整指南。

成功连接到站点后，打开 functions.php 文件并添加以下代码：

function wpbeginner_numeric_posts_nav() {
if( is_singular() )
return;
global $wp_query;
/** Stop execution if there's only 1 page */
if( $wp_query->max_num_pages <= 1 )
return;
$paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
$max   = intval( $wp_query->max_num_pages );
/**Add current page to the array */
if ( $paged >= 1 )
$links[] = $paged;
/**Add the pages around the current page to the array */
if ( $paged >= 3 ) {
$links[] = $paged - 1;
$links[] = $paged - 2;
}
if ( ( $paged + 2 ) <= $max ) {
$links[] = $paged + 2;
$links[] = $paged + 1;
}
echo '<div class="navigation"><ul>' . "\n";
/**Previous Post Link */
if ( get_previous_posts_link() )
printf( '<li>%s</li>' . "\n", get_previous_posts_link() );
/**Link to first page, plus ellipses if necessary */
if ( ! in_array( 1, $links ) ) {
$class = 1 == $paged ? ' class="active"' : '';
printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( 1 ) ), '1' );
if ( ! in_array( 2, $links ) )
echo '<li>…</li>';
}
/**Link to current page, plus 2 pages in either direction if necessary */
sort( $links );
foreach ( (array) $links as $link ) {
$class = $paged == $link ? ' class="active"' : '';
printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $link ) ), $link );
}
/**Link to last page, plus ellipses if necessary */
if ( ! in_array( $max, $links ) ) {
if ( ! in_array( $max - 1, $links ) )
echo '<li>…</li>' . "\n";
$class = $paged == $max ? ' class="active"' : '';
printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $max ) ), $max );
}
/**Next Post Link */
if ( get_next_posts_link() )
printf( '<li>%s</li>' . "\n", get_next_posts_link() );
echo '</ul></div>' . "\n";
}

此代码获取页数，准备好在您的 WordPress 主题中显示。

接下来的步骤将根据您的主题而有所不同。

如果您的主题没有内置某种形式的默认分页，那么您只需在 index.php、archive.php、category.php 或您想要显示数字分页的任何其他页面中添加以下模板标签.

1 <?php wpbeginner_numeric_posts_nav(); ?>

请注意，您添加此代码的位置将影响数字分页在您网站上的显示位置。

通常，您会希望在存档页面的底部显示分页，因此您通常会希望将模板标签添加到页脚代码中。

您的主题是否已经有某种形式的分页，例如“旧帖子”和“较新帖子”链接？

在这种情况下，您需要找到分页代码并将其替换为上面的代码片段。

例如，Ashe 是最好的免费 WordPress 博客主题之一，并且已经将“第一页”和“最后一页”分页链接添加到您的存档页面。

要用数字分页替换这些内置链接，您需要编辑主题的 templates/grid.php 和 templates/blog-pagination.php 文件。

在每个文件中，只需找到以下部分：

1 <?php get_template_part( 'templates/grid/blog', 'pagination' ); ?>

然后您可以继续将这一行替换为以下代码片段：

1 <?php wpbeginner_numeric_posts_nav(); ?>

添加代码后，不要忘记保存更改。

下一步是设置自定义数字分页的样式。

为了帮助访问者浏览档案，我们将用不同的颜色突出显示当前页码。为此，请打开主题的 style.css 文件，然后将以下代码粘贴到该文件中：

.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled { color: #fff; text-decoration:none;} .navigation li { display: inline;} .navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled { background-color: #6FB7E9; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem;} .navigation li a:hover,.navigation li.active a { background-color: #3C8DC5;}

毕竟，只需单击“更新文件”按钮即可保存您的更改。

现在，如果您访问存档页面，您将在您的网站上看到实时的数字分页。

d426abc73ae0643ddd8cda7d982803be

学习资料见知识星球。

以上就是今天要分享的技巧，你学会了吗？若有什么问题，欢迎在下方留言。

快来试试吧，小琥 my21ke007。获取 1000个免费 Excel模板福利​​​​！

更多技巧， www.excelbook.cn

欢迎 加入 零售创新 知识星球，知识星球主要以数据分析、报告分享、数据工具讨论为主；

电商数据分析360°实战攻略！

你将获得：

1、价值上万元的专业的PPT报告模板。

2、专业案例分析和解读笔记。

3、实用的Excel、Word、PPT技巧。

4、VIP讨论群，共享资源。

5、优惠的会员商品。

6、一次付费只需99元，即可下载本站文章涉及的文件和软件。

文章版权声明 1、本网站名称：Excelbook
2、本站永久网址：http://www.excelbook.cn
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长王小琥进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END
分享
二维码
< <上一篇
下一篇>>