给主题添加一个淡入淡出轮播小工具

大涵 教程攻略 140

分享一个从老版本时候为了一个广告做的轮播图小工具,支持一张图多个按钮链接,方便填写平台不同的邀请链接。现在已经直接集成在了主题后台不用再修改代码换图片。

1748246571-未标题-2

代码有点长,就放在网盘分享了,下载链接:https://pan.quark.cn/s/f23e0b22f4bf

下面是新版教程,修改前先进行备份,有问题概不负责。

 

 

第一步首先上传文件

star.slider.php上传至/wp-content/themes/onenav/inc/widgets内

star-slider.css上传至/wp-content/themes/onenav/assets/css内

star-slider.js上传至/wp-content/themes/onenav/assets/js内。

第二步需要修改代码,打开/wp-content/themes/onenav/inc/widgets文件内的functions.php
第31行下面添加一个'star.slider' 这样添加上后台才会显示。

1748247830-7ff3558129efc3ad03fcf7a8f1844ebb

需要注意的是,上图画箭头的地方要加一个逗号,不然会错误。以上步骤做完就完成了,剩下的自己到主题后台小工具中配置。

另外注意图片大小推荐800x1169,比例大概是(5:7.3)。这个是最开始留的坑,没有做自适应,对我影响不大一直懒得搞了。

1748248423-小工具-‹-星书签导航-—-WordPress

另外老版本主题修改的话有点区别,第二步需要修改/wp-content/themes/onenav/inc/widgets内的w.framework.php文件的59行下面添加loadWidget('star.slider');
另外将star.slider.php文件内第9行的IOCF改为CSF即可。

最后效果可前往www.star8.cn查看

回复

我来回复
  • 暂无回复内容

One Nav 导航主题