WordPress添加动态视频搜索模块

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

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

使用教程

1.添加搜索模块

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

WordPress添加动态视频搜索模块 第3张插图
此处内容已隐藏,评论后刷新即可查看!

2.CSS美化搜索模块

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

WordPress添加动态视频搜索模块 第3张插图
此处内容已隐藏,评论后刷新即可查看!

3.引入jquery

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

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

4.放置附件

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

WordPress添加动态视频搜索模块 第5张插图文件下载
首页全宽动态搜索样式.zip
PHP/HTML
39K
蓝奏云
更新时间:2023-12-28 08:44:43
免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
如若转载,请注明出处:https://www.zxki.cn/8543.html

上一篇 2023-12-28 08:41
下一篇 2023-12-28 09:00

相关推荐

发表评论

为了防止灌水评论,登录后即可评论!

已有 3 条评论