欢迎来到站长天空!

WordPress

当前位置: 主页 > CMS教程 > WordPress

wordpress长文章内容分页及通用分页样式

时间:2025-10-22 17:04:39|栏目:WordPress|点击:

一般wordpress对长文章内容分页可以在文本html编辑器状态下,在需要分页的位置加入

 <!--nextpage-->

即可,这是wordpress本身内置的功能,但某些主题却无法实现,说明你所使用的主题不支持这个功能,

要实现也很简单,需要先在主题的single.php内找到下面这行代码:

<?php the_content(); ?>

然后在它后面再添加启用分页功能的代码即可,下面是我使用的代码:

<?php wp_link_pages(array('before' => '<div class="jv_nextpage" style="text-align:center;margin:0px auto 5px;">分页阅读:', 'after' => '', 'next_or_number' => 'next','previouspagelink' => '上一页', 'nextpagelink' => "")); ?><?php wp_link_pages(array('before' => '', 'after' => '', 'next_or_number' => 'number','link_before' =>'<span style="backgroud-color:#fff;color:#2279A9;font-weight: bold;margin:0px 1px;padding:1px 3px;text-decoration:none;border:1px solid #bbb;border-radius:2px;">', 'link_after'=>'</span>')); ?>
<?php wp_link_pages(array('before' => '', 'after' => '</div>','next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一页")); ?></div>

上面这段代码直接附带了CSS样式,如果不喜欢可以自己在主题的style.css下添加修改
涉及到几个修改的地方:

.jv_nextpage{这里加样式}
.jv_nextpage span{这里加样式}
.jv_nextpage a{这里加样式}
.jv_nextpage a span{这里加样式}
.jv_nextpage a:hover span{这里加样式}

效果如图:

长文章内容分页


上一篇:wordpress安全-防暴力破解终极方法

栏    目:WordPress

下一篇:Win10系统IE图标无法删除如何解决?Win10系统IE图标无法删除的解决方法

本文标题:wordpress长文章内容分页及通用分页样式

本文地址:https://121.40.58.76/CMSjiaocheng/25235.html

广告投放 | 联系我们 | 版权申明

申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:257218569 | 邮箱:257218569@qq.com

Copyright © 2018-2025 站长天空 版权所有 Powered by EyouCms冀ICP备14023439号