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. });

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

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

提示： 本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报，会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络，如有侵权烦请发送邮件至：522552094@qq.com