在很多网站上看到这种搜索效果，感觉不错就从网上找了下教程，今天分享跟大家，感谢原作者的分享，其他主题也可以参考代码，修改一下就能用！

WordPress添加动态视频搜索模块 第5张插图

使用教程

1.添加搜索模块

将以下代码放至主题模块中（主题设置-模块管理-自定义代码），自己改动一下里面的视频网址和url主页的路径

2.CSS美化搜索模块

将下列CSS代码放入WP额外CSS中（WP后台-外观-自定义-额外css），子主题的css也可以

3.引入jquery

在主题设置-常规设置-头部html加入以下代码（header.php文件的head标签之前也可以）。这个B2主题好像自带，大家如果上面设置了不生效，那就引用一下，生效就不管了。

<script type='text/javascript' src='https:/你的网址/js/jquery.min.js'></script>

4.放置附件

把这个JS文件夹放置在你网站的根目录下，注意，是根目录，而不是你主题目录。