WordPress 搜索框增加语音输入功能

作者:     目录: WordPress     发表: 2012年12月01日

HTML5 支持 Speech Input 语音输入功能,具体可参见:http://renniaofei.com/code/html5-speech-input.html。默认情况下 WordPress 的搜索框是没有 语音输入功能,但只需要添加几行代码即可实现WordPress语音输入,具体样式请参考本博客右边栏的搜索框(注意目前只有Google Chrome 11版本以上才支持此功能)。

1. 在主题的functions.php 中增加下面的代码

function renniaofei_search_form( $form ) {

    $form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
    <div><label for="s">' . __('Search for:') . '</label>
    <input type="text" value="' . get_search_query() . '" name="s" id="s" x-webkit-speech="x-webkit-speech" />
    <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
    </div>
    </form>';

    return $form;
}
add_filter( 'get_search_form', 'renniaofei_search_form' );

2. 确认主题使用的搜索框是WordPress默认的搜索框,即使用 <?php get_search_form(); ?> 代码显示的搜索框。

♥阿里云服务器♥

云服务器,性价比高,建站首选。

阿里云服务器

♥支付宝现金红包♥

支付宝现金红包,每天可领,红包金额最高 99元,使用无门槛,支付宝扫码付、还信用卡、充话费都可以使用。

支付宝现金红包 每天可领

♥淘宝现金红包♥

淘宝粉丝福利,金额随机,使用无门槛,手机淘宝扫码直接领取现金红包。

淘宝现金红包

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据