wordpress增加bootstarp自适应搜索功能

作者: admin 分类: wordpress主题制作教程 发布时间: 2018-04-08 08:47

wordpress增加bootstarp自适应搜索功能的方法很简单,方法:

1,新建一个searchform.php的文件,文件里面是下面内容:

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div class="form-group">
		<label class="screen-reader-text" for="s"></label>
        <input type="text" class="form-control" value="<?php the_search_query(); ?>" name="s" id="s" />
         </div>
         <button type="submit" class="btn btn-default" id="searchsubmit" value="搜索" >搜索内容</button>
</form>

上面的样式,我进行了修改,基本弄成了自适应的状态,是在bootstrap框架下的自适应。

文件下载地址:下载文件  密码:2uy9

2,在你要添加搜索的边栏或其他为止添加代码:

<?php get_search_form(); ?>

 

 

相关文章

发表评论

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

Powered by 草根站长笔记 © 2015-2020 草根站长笔记 Inc.版权所有,禁止转载