WordPress 搜索框添加文字提示的方法


本文整理自网络,侵删。

如在 Nicky 的博客中, 我发现了下图中的搜索栏.

在搜索栏中添加这样的提示信息, 可以引导访客对网站进行搜索, 对技术类, 分享类网站尤其有效.

为了保持良好的用户体验, 我们一般会在搜索之后保留上次搜索的关键字, 如下图是搜索 'WordPress' 关键字之后搜索栏的状态.

关于搜索框,我认为有以下几点需要注意

(1) 在建立搜索框的时候, value 的值应该是关键字传值, 而不是搜索栏提示. 或许你会说, 很多人都将提示作为搜索栏的初始内容, 但我认为是不好的. 而 Google 和百度都是将上次搜索的关键字作为搜索栏初始化内容的. 所以我建议在有关键字的时候显示关键字, 没关键字的时候显示提示.

(2) 如果输入框没有关键字内容, 当鼠标点击搜索输入框的时候, 我们要让提示信息消失; 而当鼠标离开输入框时, 重新显示提示. 这就要求对输入信息进行判断, 如何判断? 最简单的方法是对比字符串, 所以这要求我们用一些不常用的文字串作为提示, 切记使用 "Search" 和 "搜索" 这些可能成为关键字的文字串作为提示.

阅读剩余部分

相关阅读 >>

wordpress中非插件实现嵌套回复效果的方法

wordpress 显示文章日期的方法

wordpress中强大的调用文章函数query posts 用法

wordpress中限制非管理员用户在文章后只能评论一次

wordpress更换主题之后出错的解决方法

在daocloud的docker容器中搭建wordpress及绑定域名的教程

如何制作wordpress主题语言包(汉化主题)

nginx rewrite重写规则与防盗链配置方法教程详解

实现wordpress主题侧边栏切换功能的php脚本详解

wordpress网站访问慢解决方案细图文教程

更多相关阅读请进入《wordpress》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...