wordpress wp_link_pages 函数分页文章

最新推荐文章于 2021-03-21 09:52:32 发布

weixin_33834910

最新推荐文章于 2021-03-21 09:52:32 发布

阅读量145

点赞数

文章标签： php

本文详细介绍了如何使用WordPress内置的wp_link_pages()函数来创建自定义的链接页面，并通过CSS来美化页面样式，包括设置链接前后的文本、边框、颜色等属性，同时提供了实际应用案例及效果展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：

wp_link_pages('before=<div class="post-pagenavi">&after=</div>&next_or_number=next&link_before=<span >&link_ofter=</span>');

Css;

.post-pagenavi{ text-align:right;}
.post-pagenavi span {padding: 2px 7px; margin:0 1px; border: 1px solid #aaa;text-decoration: none;-moz-border-radius: 5px;-webkit-border-radius: 5px; color: #565656;background-color:#aaa;font-weight: bold;}
.post-pagenavi a {padding: 2px 7px; margin:0 5px; border: 1px solid #aaa;text-decoration: none;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.post-pagenavi a span {color:#2F63B3;border: none; background: none; padding: 0; margin: 0;}
.post-pagenavi a:hover {color: #222;border-color: #aaa !important;border-color: #fff;text-decoration: none;background-color:#aaa;}

效果