提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其它

当前栏目

B2主题内置网址导航功能

功能 主题 内置 导航 网址 b2
2023-06-13 09:15:15 时间

B2主题内置网址导航功能

教程开始

因为代码过多的原因我这边会给你一个压缩包，备份好自己的子主题（被覆盖了我不负责），当然子主题没有开启或者开启了没做文件修改直接把我这个压缩包解压即可，然后固定连接重新保存下即可

访问地址是：你的域名/sites   演示地址：http://……/sites 当然如果你要放到菜单上也行，想必大家都知道怎么设置菜单的自定义链接，这边我就不做多说了

文件分析     B2子主题根目录 解压压缩包后可以看到以下文件

Expand

Assets

archive-sites.php

functions.php

single-sites.php

taxonomy-favorites.php

child.js 文件代码

//首页搜索条
var jsonData = ["百度一下","权重查询(不带http/https)","知乎","花瓣"]
var jsonDataUrl = ["https://www.baidu.com/s?wd=","http://rank.chinaz.com/all/","https://www.zhihu.com/search?type=content&q=","https://www.huaban.com/search"]
$('.search-tmenu li').click(function(){
var _index = $(this).index();
$(this).addClass("active").siblings().removeClass("active");
$('.subnav').each(function(){
$(this).find('div').eq(_index).addClass("active").siblings().removeClass("active");
})
console.log(_index)
})
$(".subnav-item").on("shown",function(){
$("#searchForm").attr("action",jsonDataUrl[$(this).index()]);
$("#searchinput").attr("placeholder",jsonData[$(this).index()]);
})
$(".search-item").on("click",function(){
$("#searchForm").attr("action",$(this).attr("url"));
$("#searchinput").attr("placeholder",$(this).html());
$(this).addClass("on").siblings().removeClass("on");
})
$("#searc-submit").click(function(){
window.open($("#searchForm").attr("action")+$("#searchinput").val())
})
$('#searchForm').keydown(function(e) {
if (e.keyCode == 13) {
window.open($("#searchForm").attr("action")+$("#searchinput").val())
return false;
}
});

这些文件就是实现内置网址导航功能的文件缺一不可。

备份好自己的子主题 备份好自己的子主题 备份好自己的子主题  解压压缩包后 记得重新保存下固定连接

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

相关文章