又一个WordPress站点

当前位置:DMD主题演示 > 未分类 > 正文

wordpress给当前主题文章页面分页,添加分页符按钮!

重要:本文最后更新于2021-02-27 13:46:59,某些文章具有时效性,若有错误或已失效,请在下方留言或联系代码狗

有需求的童鞋可以自己整一个,两步即可!

第一步,在当前主题的文章页面(一般情况下都是 single.php)找到内容 <?php the_content(); ?> 在下面添加如下代码内容;

<!--分页符-->
<br/>
<div class="vanfenye">
<?php wp_link_pages(array('before' => '<div class="vfenye">', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '<span>上一页</span>', 'nextpagelink' => "")); ?>
<?php wp_link_pages(array('before' => '', 'after' => '', 'next_or_number' => 'number', 'link_before' =>'<span>', 'link_after'=>'</span>')); ?>
<?php wp_link_pages(array('before' => '', 'after' => '</div>', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "<span>下一页</span>")); ?>
</div>
<!--分页符结束-->

第二步,在当前主题的样式表 style.css 添加如下样式;

/*测试分页*/
.vanfenye{border:1px dashed #f0f0f0;border-radius:10px;}
.vfenye{text-align: center;margin: 0px 10px;padding-right:20px;font-size: 14px;font-weight:600;line-height: 50px;}
.vfenye span{background: #0ae; color: #fff; margin: 2px; line-height: 30px; cursor: pointer; padding: 0 12px; display: inline-block; border-radius: 2px;}
.vfenye a{text-decoration:none;}
.vfenye a span{background-color:#F6F6F6;font-weight:600;color: #000;text-decoration: none;}
.vfenye a span:hover{background-color:#0ae;color: #fff;}

嗯,大功告成,我们在写文的时候在需要分页的地方插入分页符即可!(编辑栏中分页符的位置!)

赶紧测试一下吧,觉得不错的小伙伴可以给我点个赞哦!

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《wordpress给当前主题文章页面分页,添加分页符按钮!》
文章链接:https://dmd.5afxw.com/24.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

感觉很棒!可以赞赏支持我哟~

赞(5) 打赏

评论1

  1. #1

    【摄影-美女】我想起那天夕阳下的奔跑,那是我嘴角上扬的弧度!【9P】

    test1年前 (2021-01-06)回复