Ripro美化之节日灯笼+集成后台代码

本套节日灯笼美化集成到后台，无需每次修改代码更改节日名称，实乃居家旅行之营销必备美化！

图文教程开始：

1.首先打开ripro/子主题的/parts/navbar.php文件，在最底部<div class=”header-gap”></div>上面一行添加

2.样式添加diy.css里面，文件都在附件中自助下载

3.实现鼠标滑动到一定像素隐藏灯笼，添加在footer.php 的</body>上面一行添加以下代码，不喜欢的同学可以不添加！

// 灯笼1
$(function () {
//绑定滚动条事件
$(window).bind(“scroll”, function () {
var sTop = $(window).scrollTop();
var sTop = parseInt(sTop);
if (sTop <= 300) {
if (!$(“.deng-box”).is(“:visible”)) {
try {
$(“.deng-box”).slideDown();
} catch (e) {
$(“.deng-box”).show();
}
}
}
else {
if ($(“.deng-box”).is(“:visible”)) {
try {
$(“.deng-box”).slideUp();
} catch (e) {
$(“.deng-box”).hide();
}
}
}
});
})

// 灯笼2
$(function () {
//绑定滚动条事件
$(window).bind(“scroll”, function () {
var sTop = $(window).scrollTop();
var sTop = parseInt(sTop);
if (sTop <= 200) {
if (!$(“.deng-box1”).is(“:visible”)) {
try {
$(“.deng-box1”).slideDown();
} catch (e) {
$(“.deng-box1”).show();
}
}
}
else {
if ($(“.deng-box1”).is(“:visible”)) {
try {
$(“.deng-box1”).slideUp();
} catch (e) {
$(“.deng-box1”).hide();
}
}
}
});
})

4.后台添加/wp-content/themes/ripro/inc/codestar-framework/options/diy-options.php里面/或者复制到自己定义的二开文件中

最后完成以后刷新缓存/cdn/检查css文件里的图片路径是否正确，打开前台显示安装成功，付费用户也可以联系客服帮忙安装！