当前位置:网站首页 > WordPress教程 > 正文
WordPress网站顶部添加联系方式和搜索框的插件
作者:98wpeu发布时间:2026-03-19分类:WordPress教程浏览:310
导读:对于一些外贸网站或者企业网站,当用户通过搜索引擎搜索到你网站发表的资讯文章进入网站后,你肯定是希望他能够联系你,而产生订单。通常来说,使用的是付费外贸或者公司主题,那么顶上都有联系...
对于一些外贸网站或者企业网站,当用户通过搜索引擎搜索到你网站发表的资讯文章进入网站后,你肯定是希望他能够联系你,而产生订单。
通常来说,使用的是付费外贸或者公司主题,那么顶上都有联系方式,但是也会碰到有些主题没有联系方式或者联系方式不会浮动显示的情况。
那么你就可以使用本文推荐的这款插件来实现联系方式所有页面顶部浮动显示。
Search Top Bar介绍
从插件名字上就可以看出,这款插件是一个顶部搜索框,但是同时支持显示联系方式,电话和邮件信息。
搜索框的样式分为椭圆形和方形两种,bar的颜色和高度,文字大小等这些都可以自己调整。
Search Top Bar支持响应式布局,不管你是电脑还是手机端访问,效果都非常好。
Search Top Bar使用方法
安装并激活插件后,在左边菜单栏里面可以找到设置入口。
状态选择Active就是启用顶部bar栏,Inactive就是不启用Bar栏。
Top Bar Background是背景颜色
可以设置是否显示搜索框,Show显示、Hidden隐藏。
Search Bar Style是选择显示风格。
手机和邮箱设置处都带有图标,所以不用介绍你也知道怎么填写内容。
最终的效果参见本文特色图片。
插件下载地址
你可以直接在WordPress后台搜索Search Top Bar进行安装,或者使用下面的链接进入下载后上传到网站上使用。
下载地址
如果你想在顶部bar上面显示一句话,然后显示一个按钮的话,可以使用top bar这款插件。
下载地址
效果演示
相关推荐
- 表单中输入时自动配置后缀功能插件mailAutoComplete - Web前端
- 我们曾经经历过的“移动网站”设计排版误区 - Web前端
- 分享Visual Studio Code的开发过程中常用的插件 - Web前端
- 22个用于Web开发的最佳Visual Studio代码扩展插件 - Web前端
- 介绍JS里一款强大的评分插件:raty - Web前端
- 网站程序搬家在phpMyAdmin上传mysql的时候报错:#1046 - No database selected - Web前端
- 介绍2020年6款常用且最佳免费的字体网站 - Web前端
- 前端开发:如何实现“移动设备访问PC域名的时候跳转到移动网站”的应用 - Web前端
- 使用图像处理优化网站媒体的4个理由 - Web前端
- Microsoft将在Edge中强制打开某些网站,而不是Internet Explorer - Web前端
- WordPress教程排行
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


