子比文章页顶部小卡片+会员高速线路 教程

子比文章页顶部小卡片+会员高速线路 教程-EksanBlog
子比文章页顶部小卡片+会员高速线路 教程
此内容为付费阅读,请付费后查看
500积分
付费阅读
图片[1]-子比文章页顶部小卡片+会员高速线路 教程-EksanBlog
图片[2]-子比文章页顶部小卡片+会员高速线路 教程-EksanBlog
图片[3]-子比文章页顶部小卡片+会员高速线路 教程-EksanBlog
图片[4]-子比文章页顶部小卡片+会员高速线路 教程-EksanBlog

效果图如上,也可以去本站任意一篇软件文章中查看效果。电脑与移动端自适应。适合资源下载站使用。可设置在指定分类中不展示。当前效果并非插件,而是通过html+css代码实现,所以需要改动文件代码,这意味着每一次的子比主题升级后都要重新改动。

教程开始

1.找到 /wp-content/themes/zibll/functions.php 最下方加入如下代码(子比更新这个文件不会被覆盖)

2.网站后台找到【zibll主题设置】-【文章&列表】-【文章页面】-【在文章内容后-插入内容】
填入 这是识别滚动到下方下载区域的代码。


以下所有修改 子比更新后都需要重新修改。

3./wp-content/themes/zibll/inc/functions/zib-single.php
找到 echo $cover ? $cover : zib_get_breadcrumbs(); 在这段下一行插入如下代码

4./wp-content/themes/zibll/zibpay/functions/zibpay-post.php
搜 //判断是否有演示地址 对比代码覆盖如下代码 直到代码 case 5: 上方结束。

完成上述修改后就可以正常显示内容和使用了,但我对子比原下载按钮做了样式排版优化,如需照搬可以继续往下操作。
5./wp-content/themes/zibll/css/main.min.css

搜删 min-width:50% 按钮距离
搜padding:10px 10px 5px 10px; 删除 按钮间距
搜mr10{margin-right:10px} 中10改成5 下载按钮的间距
搜 min-width:130px 改成93px 按钮宽度
搜margin-right:1em 改成0.5em 下载图标和文字更近
搜padding:10px;margin:20px 把10px改成0px 下载按钮往前靠

© 版权声明
THE END
喜欢就支持一下吧
点赞9
评论 抢沙发

请登录后发表评论

    暂无评论内容