这个美化效果Rizhuti-V2主题、RiPro-V2主题通用,因为主题模板的文件结构类似,演示以Rizhuti-V2主题为例,如果使用的是RiPro-V2主题,也是可以参考的,我们美化时尽量使用子主题,方便后期的升级维护,下面我们来看看怎么美化吧。

Rizhuti-V2主题添加三合一幻灯美化模块
Rizhuti-V2主题添加三合一幻灯美化模块

美化教程:

1.添加设置核心代码,可在子主题的functions.php文件添加,或者用二开文件里添加,如果使用的是二开文件,则需要在functions.php文件里引入,我们这里美化时采用的是父级主题的文件结构。

2.打开“rizhuti-v2-child/inc/options/widget-options.php”文件添加如下代码:

隐藏内容

此处内容需要权限查看

  • 普通用户购买价格:2积分
  • 会员用户购买价格:免费
  • 永久会员用户购买价格:免费推荐

4.新建“kongzhi.js”文件,添加下面的控制代码,然后上传至“rizhuti-v2-child/assets/js/”文件夹下

$(".owl-2").owlCarousel({
    animateOut: "fadeOut",
    autoplay: 1,
    autoplaySpeed: 300,
    loop: !0,
    dots: !0,
    items: 1,
    nav: 1,
    navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>']
})

5.最后去小工具里设置相应的设置,保存即可看到效果!

喜欢 1

发表评论

后才能评论