B2主题网址导航- WordPress教程

效果展示

教程开始

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

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

Expand

Assets

archive-sites.php

functions.php

single-sites.php

taxonomy-favorites.php

child.js 文件代码

1. //首页搜索条
2. var jsonData = ["百度一下","权重查询(不带http/https)","知乎","花瓣"]
3. 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"]
4. $('.search-tmenu li').click(function(){
5. var _index = $(this).index();
6. $(this).addClass("active").siblings().removeClass("active");
7. $('.subnav').each(function(){
8. $(this).find('div').eq(_index).addClass("active").siblings().removeClass("active");
9. })
10. console.log(_index)
11. })
12. $(".subnav-item").on("shown",function(){
13. $("#searchForm").attr("action",jsonDataUrl[$(this).index()]);
14. $("#searchinput").attr("placeholder",jsonData[$(this).index()]);
15. })
16. $(".search-item").on("click",function(){
17. $("#searchForm").attr("action",$(this).attr("url"));
18. $("#searchinput").attr("placeholder",$(this).html());
19. $(this).addClass("on").siblings().removeClass("on");
20. })
22. $("#searc-submit").click(function(){
23. window.open($("#searchForm").attr("action")+$("#searchinput").val())
24. })
26. $('#searchForm').keydown(function(e) {
27. if (e.keyCode == 13) {
28. window.open($("#searchForm").attr("action")+$("#searchinput").val())
29. return false;
30. }
31. });

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

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