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

来自:互联网
时间:2018-10-20
阅读:

一般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{这里加样式}

效果如图:

长文章内容分页

返回顶部
顶部