从零搭建WordPress网站，分页代码怎么写才不拖进度

改个需求建站公司拖一周，这不是个别现象，而是整个行业长期存在的问题。很多人以为建站就是选个模板、买个域名、装个CMS，结果上线后才发现分页、SEO、响应式这些细节没处理好，网站直接被搜索引擎拉黑。尤其是WordPress分页代码，看似简单，实则暗藏玄机，搞不好网站分页就失效，搜索引擎抓取不到内容，流量自然就没了。

这篇文章就从【从零搭建】的视角，给你讲清楚WordPress分页代码到底该怎么写，避免踩坑，也避免被外包团队拖进度。内容包括分页代码的定位、不同分页方式的核心差异、代码写法对比、适用场景分析，以及选型建议，全是实战经验，直接上干货。

你了解的WordPress分页和你实际需要的分页，可能差了100倍

很多人以为分页就是加个“上一页”“下一页”按钮，或者在末尾放个“页码1/20”，但这在SEO上是致命的。搜索引擎抓取网页时，会优先抓取首页，但如果内容全部堆在首页，后续分页没写好，搜索引擎就抓不到了，导致内容缺失、排名下降。

根据中国互联网络信息中心(CNNIC) 2023年发布的《第52次中国互联网络发展状况统计报告》，超过60%的建站公司没有规范的分页处理流程，其中近40%因此导致网站SEO效果差。而分页代码的写法，直接影响了网站结构和内容抓取效率。

WordPress分页方式对比：从基础到高级

不同分页方式适用于不同的场景，以下是几种常见的分页方式及其核心差异：

分页方式	适用场景	优点	缺点
WordPress内置分页	企业官网、博客类网站	零配置，代码简单	分页样式固定，自定义困难
自定义分页函数	需要个性化设计的网站	样式和逻辑灵活，支持插件	需要开发人员配合，开发周期长
前端分页插件	大型商城、内容较多的网站	支持分页缓存、SEO优化	插件依赖强，容易导致冲突
响应式分页	移动端优先的网站	适应手机端显示，用户体验好	开发成本高，维护复杂

1. WordPress内置分页：零配置，但不够灵活

WordPress默认的分页使用的是paginate_links()函数，适用于企业官网或博客类网站，不需要做太多开发。代码如下：

<?php
if ( function_exists('paginate_links') ) {echo '<div class="pagination">';echo paginate_links( array('base' => str_replace( '999999999', '%#%', esc_url( get_pagenum_link( 999999999 ) ) ),'format' => '?paged=%#%','current' => max( 1, get_query_var('paged') ),'total' => $wp_query->max_num_pages,'prev_text' => '上一页','next_text' => '下一页','type' => 'list') );echo '</div>';
}
?>

这种方式适合内容不多的官网或博客，但样式和逻辑无法自定义，如果你想要一个和品牌调性完全一致的分页样式，这种方式不够用。

2. 自定义分页函数：灵活但需开发配合

如果你的网站需要自定义分页逻辑，比如支持Ajax加载、自定义分页样式、分页跳转到指定页数等，建议使用自定义分页函数。以下是自定义分页的代码示例：

function custom_pagination() {global $wp_query;$big = 999999999; // 一个不会出现在实际页码的数字$args = array('base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),'format' => '?paged=%#%','current' => max( 1, get_query_var('paged') ),'total' => $wp_query->max_num_pages,'prev_next' => true,'prev_text' => '«','next_text' => '»','type' => 'list','show_all' => false,'end_size' => 1,'mid_size' => 2,'add_args' => false,'add_fragment' => '','before_page_number' => '<span class="page-number">','after_page_number' => '</span>');echo paginate_links( $args );
}

这段代码使用了WordPress的paginate_links()函数，但通过参数控制了分页的样式和逻辑，适合需要灵活控制分页的网站。

3. 前端分页插件：适合大型网站和内容多的项目

如果你的网站内容很多，比如电商商城、新闻门户等，建议使用前端分页插件，如“WP-PageNavi”或“Custom Post Type Pagination”。这些插件支持分页缓存、SEO优化，而且对搜索引擎更加友好。

以下是一个使用“WP-PageNavi”插件的示例代码：

if ( function_exists('wp_pagenavi') ) {wp_pagenavi();
}

插件安装后，直接调用wp_pagenavi()函数即可。这种方案适合大型网站，但缺点是依赖插件，一旦插件出现问题，分页功能就可能受影响。

4. 响应式分页：移动端优先的网站必备

随着移动互联网的普及，越来越多的网站需要支持移动端访问。如果你的网站是响应式设计，分页也要支持移动端，比如使用滑动式分页、折叠式分页等。这种分页方式虽然开发成本高，但用户体验更好。

以下是一个响应式分页的CSS示例：

.pagination {display: flex;justify-content: center;gap: 10px;
}.pagination a {padding: 8px 12px;background-color: #f1f1f1;text-decoration: none;border-radius: 4px;
}.pagination a:hover {background-color: #ddd;
}

配合前端框架（如Bootstrap）使用，可以实现更复杂的响应式分页功能。

WordPress分页代码写法对比：一目了然

为了帮助你更快理解分页代码，下面对比几种常见的分页写法和代码差异：

分页方式	代码复杂度	需要开发	SEO友好	是否依赖插件	适用场景
内置分页函数	低	否	中	否	企业官网、博客
自定义分页函数	中	是	高	否	个性化网站
前端插件	高	否	高	是	大型商城、内容多
响应式分页	高	是	高	否	移动端优先网站

WordPress分页代码示例汇总

内置分页代码

if ( function_exists('paginate_links') ) {echo '<div class="pagination">';echo paginate_links( array('base' => str_replace( '999999999', '%#%', esc_url( get_pagenum_link( 999999999 ) ) ),'format' => '?paged=%#%','current' => max( 1, get_query_var('paged') ),'total' => $wp_query->max_num_pages) );echo '</div>';
}

自定义分页函数代码

function custom_pagination() {global $wp_query;$big = 999999999; // 一个不会出现在实际页码的数字$args = array('base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),'format' => '?paged=%#%','current' => max( 1, get_query_var('paged') ),'total' => $wp_query->max_num_pages);echo paginate_links( $args );
}

插件调用代码

if ( function_exists('wp_pagenavi') ) {wp_pagenavi();
}

响应式分页代码

<div class="pagination"><a href="#" class="prev">« 上一页</a><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#" class="next">下一页 »</a>
</div>