效果展示
![[7B2主题美化]首页动态搜索模块(超级改良版)](/wp-content/uploads/2025/10/01/d0e9b3a94e9b5bd45ba1b549639a1216.webp)
具体效果可以在电脑端看我的网站主页:https://www.aioscn.com/
美化教程
第一步:在后台>>B2主题设置>>常规设置>>头部HTML标签 添加代码:
那个背景的动态视频大家可以上传到自己服务器去引用。这里是引入阿里矢量图标,如果链接失效后请自行修改自己想要的图标。
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_3290918_bwveur0fle.css" />
<script src="//at.alicdn.com/t/font_3290918_bwveur0fle.js"></script>
如下面这个图片所示
![[7B2主题美化]首页动态搜索模块(超级改良版)](/wp-content/uploads/2025/10/01/bdfa0a1faa9c29264760bdfb9b38e55a.webp)
第二步:后台>>B2主题设置>>模块管理>>首页>>添加自定义模块>>放入以下代码
上面这些代码放入自定义HTML里面
后台设置方法:关闭小工具,可见性就选桌面吧(电脑端)可见,这个模块太大了!手机也显示不好。宽度选:铺满窗口
![[7B2主题美化]首页动态搜索模块(超级改良版)](/wp-content/uploads/2025/10/01/f7196af6090a6d54daf049bee5d062ed.webp)
第三步:在主题目录b2/Assets/fontend/style.css 这个文件里面加上以下代码:
第四步,加载jquery-3.6.0.min.js
没加载这个jquery-3.6.0.min.js,导致搜索框右边的 百度 Bing 站内搜索那些选项点击不了!
就是在后台常规 头部HTML标签 (就是跟上面引入阿里图标库那个框里面)添加代码:再引入这个jquery-3.6.0.min.js
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
最后保存,强制刷新浏览器缓存就可以看到效果了哦
重要提示
如有解压密码: 看下载页、看下载页、看下载页。
源码工具资源类具有可复制性: 建议具有一定思考和动手能力的用户购买。
请谨慎考虑: 小白用户和缺乏思考动手能力者不建议赞助。
虚拟商品购买须知: 虚拟类商品,一经购买打赏赞助,不支持退款。请谅解,谢谢合作!








![[7B2主题优化]代码高亮一键复制美化-源码资源网](/wp-content/uploads/2025/10/01/2080c56638b7cedc0ebe9b4701a494da.webp)
![[7B2主题优化] WordPress后台经典编辑器(文本框)添加功能按钮-源码资源网](/wp-content/uploads/2025/10/01/a77b15f4bcd2318fd3d4b3b5cc24c19c.webp)


![[7B2主题美化]登录界面美化教程-源码资源网](/wp-content/uploads/2025/10/01/b8df92e28c1b77d0bbf0c56088a6563c.webp)




![[7B2主题优化]在文章页面头部添加一个当前位置-源码资源网](/wp-content/uploads/2025/10/01/67a6f2c81ce97d1941af176678ac9f66.webp)
![[7B2主题优化]在文章底部加个模块(自动获取文章链接+标题+一些说明)-源码资源网](/wp-content/uploads/2025/10/01/51c53eaeb7ff91804bf028838f7a12ad.webp)


暂无评论内容