首页 > wordpress主题功能 > 为WordPress主题添加文章内容页面左右翻页功能
摘要:一个提升网站用户体验的小功能介绍给大家,之前鸟哥的主题上已经添加到,那大挖的免费主题上也有过类似的功能,网络上也有一些相...

一个提升网站用户体验的小功能介绍给大家,之前鸟哥的主题上已经添加到,那大挖的免费主题上也有过类似的功能,网络上也有一些相关的介绍文章,原理都是大同小异的,现在分享出来同时添加了前端的显示效果。

显示在左右两侧的上一篇和下一篇真实的使用场景中其实利用率是很底的,就算在按钮上加了一些内容的备注,对于访客来讲也只是一个无目的的未知操作,会无形中增加跳出率,那大挖先简单介绍一下功能实现的原理通过

获取文章上一页和下一页的链接,然后通过样式来实现不同的效果。
我们需要手动调整下你的wordpress主题当前的single.php文件,将以下代码添加到主题的 single.php 文件中去。

以以下针对下面css属性的美化样式表
需要将下面的代码添加进你当前的wp主题style.css文件中,

需要注意,不同的主题主体结构的宽度是不同的,大家可以按自己的主题宽度数值进行修改,大挖提供给的参考为1200px。同时呢,这里的左右翻页按钮使用的是Font Awesome字体图标,关于字体图标的使用方法大挖在之前有讲过,怎样在worpdress中使用Font Awesome字体图标当然如果你不喜欢这组图标你也可以修改上面代码中的对应部分进行替换。

分享到:
赞(0) 打赏

作者: 大挖酱

挖主题团队自2014年开始专注于WordPress企业主题设计开发,致力于为更多用户打造出更漂亮、更易用、更专业的网站。距今已累计开发近50款WP主题,付费客户超过5千人。挖主题,是您可以长期信赖的合作伙伴。

付款后联系作者QQ 2243748

支付宝扫一扫

微信扫一扫