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
下一篇:Win10系统IE图标无法删除如何解决?Win10系统IE图标无法删除的解决方法
本文地址:https://121.40.58.76/CMSjiaocheng/25235.html
您可能感兴趣的文章
- 10-23WordPress取消英文标点符号自动替换中文标点符号的优雅方法
- 10-23如何手动将本地WordPress站点迁移到主机/服务器?
- 10-23利用WordPress移动设备判断函数wp_is_mobile()进行差异化的广告投放
- 10-23两行代码禁用 WordPress 5.0 的 Gutenberg(古腾堡) 编辑器
- 10-23WordPress小工具在指定页面显示的插件:AH Display Widgets
- 10-23给WordPress旧文章增加自定义提示内容
- 10-23WordPress回复已有评论自动添加“@原评论者昵称”
- 10-23WordPress删除文章多余的自定义字段及值
- 10-23实现WordPress文章展开/收缩的效果
- 10-23实现WordPress文章输入密码可见隐藏内容


阅读排行
- 1WordPress取消英文标点符号自动替换中文标点符号的优雅方法
- 2如何手动将本地WordPress站点迁移到主机/服务器?
- 3利用WordPress移动设备判断函数wp_is_mobile()进行差异化的广告投放
- 4两行代码禁用 WordPress 5.0 的 Gutenberg(古腾堡) 编辑器
- 5WordPress小工具在指定页面显示的插件:AH Display Widgets
- 6给WordPress旧文章增加自定义提示内容
- 7WordPress回复已有评论自动添加“@原评论者昵称”
- 8WordPress删除文章多余的自定义字段及值
- 9实现WordPress文章展开/收缩的效果
- 10实现WordPress文章输入密码可见隐藏内容
推荐教程
- 09-22wordpress如何添加描述
- 10-19纯代码给WordPress网站添加独立下载页面功能
- 10-18wordpress无插件调用随机文章的方法
- 10-18WordPress 技巧:WordPress 后台也使用七牛云存储
- 10-19WordPress上传图片HTTP错误的解决方法
- 10-18让注册用户可以上传自己的头像的WordPress插件-WP User Avatar v2.
- 10-23Win10蓝牙无法连接设备怎么办?Win10蓝牙无法连接设备的解决方法
- 10-18WordPress禁用自动更新检测的方法
- 10-18#WordPress小技巧#纯代码为自己博客添加支付宝/微信打赏功能
- 10-22WordPress自动拒绝敏感字评论的方法





