WordPress分页

当在WordPress网站上发布了长篇文章或内容时,分页功能可以帮助提高阅读体验并让访问者更轻松地浏览内容。分页功能可以将长篇文章或内容分割成多个页面,以提供更好的用户体验,访问者可以根据自己的需求选择感兴趣的部分,并且可以更轻松地导航和阅读内容。

一、手动添加分页

1、调整functions.php文件

WordPress支持分页函数(posts_nav_link() ),可以在主题的index.php文件中的主循环之前或之后插入该功能。这是代码的简化示例:

<?php if ( have_posts() ) : ?>
<!-- Add the pagination functions here、→
posts_nav_link()
<!-- Start of the main loop、-->
<?php while ( have_posts() ) : the_post(); ?>
<!-- the rest of your theme's main loop -->
<?php endwhile; ?>
<!-- End of the main loop -->
<!-- Or add the pagination functions here、-->
<div class="nav-previous alignleft"><?php previous_posts_link( 'Older posts' ); ?></div>
<div class="nav-next alignright"><?php next_posts_link( 'Newer posts' ); ?></div>
<?php else : ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>

2、添加CSS代码

要在WordPress网站中实现分页,除了使用内置的分页功能之外,还可以通过向活动主题添加HTML和CSS代码来自定义分页外观。网上有许多Web开发平台,如CodePen,提供了各种可自定义的CSS代码片段供选用。

以下是一个由Arefeh Hatami设计的自定义分页样式示例,它结合了HTML和CSS来创建一个简洁的页码导航栏。如果打算在WordPress网站上采用这段代码,可以根据个人喜好调整样式,以适应网站设计。

WordPress分页

3、管理每页内容

  • 导航WordPress仪表盘设置->阅读;

WordPress分页

  • 编辑博客页面至多显示值;

WordPress分页

  • 单击保存更改。

二、WordPress分页插件

1、WP-PageNavi

WP-PageNavi作为一个广受欢迎的免费分页插件,很可能已经得到了WordPress主题的内置支持。如果主题不支持该插件,可能需要手动调整主题代码以确保插件能够正常工作。幸运的是,插件的官方页面提供了必要的自定义代码供参考。

WP-PageNavi的设计注重用户友好性,即使是初学者也能轻松地进行设置和修改。它不仅允许自定义导航标签和页码,还提供了从“旧文章/新文章”格式切换到序号导航栏的选项,从而提供更多的控制灵活性。

一旦安装并激活了WP-PageNavi插件,一个名为“PageNavi”的新选项卡将出现在WordPress的设置菜单中,让可以轻松地调整分页设置。

WordPress分页

2、WP-Pages

WP-Paginate是一个开源的WordPress插件,旨在通过简单的配置选项简化网站分页的添加过程。它还提供了一个自定义CSS选项,允许为分页链接添加个性化代码,以更好地融入网站风格。

该插件不仅适用于文章的分页,还可以用于文章评论的分页管理,这对于拥有大量用户互动的热门博客特别有用。此外,WP-Paginate提供了包括标签、按钮及其布局在内的多种可定制元素,让能够根据自己的需求调整分页的外观和功能。

虽然免费版本已经包含了所有基础功能,但升级到Pro版本将解锁更多样式选择,并且可以获得完整的插件文档以及为期一年的专业支持服务。

类似于WP-PageNavi,WP-Paginate的设置选项卡也可以在WordPress的“设置”菜单中找到,使配置过程直观且易于访问。

WordPress分页

3、Alphabetic Pagination

Alphabetic Pagination 插件允许用户以字母顺序对WordPress网站的文章和页面进行划分和组织。这种独特的分页方式非常适合那些需要根据关键字或主题分类来优化搜索效率的场景。

该插件的核心功能包括自动化分页系统、字母分组以及DOM定位技术,确保了内容的有序呈现。它还提供了多种风格和语言选项,以满足不同用户的个性化需求。选择升级到高级版本,将获得额外的自定义简码,这些简码适用于分页、列表及用户列表,进一步提升网站的功能性。

Alphabetic Pagination 还与WooCommerce兼容,这意味着可以在商店页面和产品类别中使用这一创新的分页方式,为访问者提供更加直观和便捷的浏览体验。

WordPress分页

三、分页404错误

404错误通常出现在WordPress网站中实现分页功能时,这是由于固定链接冲突导致的。当点击下一页时,通常会发生这种错误。自定义的/%category%/%postname%/固定链接结构通常适用于首页,但附加的/page/2可能与自定义的固定链接设置产生冲突。

解决这个问题的方法有很多种,具体取决于具体情况。

1、编辑WP_Query posts_per_page值:如果从WordPress仪表盘导航到设置->阅读,会看到博客页面至多显示为10。检查自定义固定链接的WP_Query并查看posts_per_page是否具有相同的值。如果不是,请更改其中任何一个,以免它们发生冲突。

2、添加分页重写规则:此方法涉及通过创建重写规则来删除有问题的部分。在functions.php文件中包含以下代码段:

function my_pagination_rewrite() {
add_rewrite_rule('category_name/page/([0-9]{1,})/?$', 'index.php?category_name=blog&paged=$matches[1]', 'top');
}
add_action('init', 'my_pagination_rewrite');

添加代码后,从WordPress仪表盘转到设置->固定链接,然后单击保存更改以刷新规则缓存。

广告合作
QQ群号:707632017

温馨提示:

1、本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。邮箱:2942802716#qq.com。(#改为@)

2、本站原创内容未经允许不得转裁,转载请注明出处“站长百科”和原文地址。

目录