AI摘要
茉莉小栈
在搭建网站时，一个精致且实用的搜索工具能显著提升用户体验。子比主题（尤其是 WordPress 子比主题）提供了强大的自定义 HTML 功能，让我们可以轻松嵌入个性化组件。今天就以一个「高颜值百度搜索组件」为例，聊聊如何通过自定义 HTML 在子比主题中添加实用小工具
![图片[1]-子比主题美化 – 高颜值百度搜索组件-茉莉小栈](https://www.5iml.com/wp-content/uploads/2025/10/QQ20251028-215822.png)
代码部署
子比主题中使用教程
- 进入子比主题后台，找到「自定义小工具」（通常在「外观 – 小工具」）
- 添加一个「自定义 HTML」小工具，粘贴完整代码（CSS+HTML+JavaScript）
- 调整小工具位置（如侧边栏、首页模块），保存后刷新页面即可看到效果
个性化修改建议
- 换搜索引擎：将
https://www.baidu.com/s?wd=改为谷歌 (https://www.google.com/search?q=) 或必应 (https://www.bing.com/search?q=) - 改默认关键词：修改
placeholder="茉莉小栈"和 JavaScript 中的'茉莉小栈' - 调颜色风格：修改
.shadow__input中的渐变颜色（如#ff8fa0换为#ff6b6b） - 删动画：移除
@keyframes和对应的animation属性即可简化样式
© 版权声明
本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。
如果用于其他用途，请购买正版支持作者，谢谢！若您认为「茉莉小栈」发布的内容若侵犯到您的权益，请联系站长邮箱: 858585857@qq.com 进行删除处理。
本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。
THE END
暂无评论内容