使用wordpress默认搜索框搜索内容时,会显示全文搜索结果,这样并不利于用户体验,如果一个网站有很多栏目,用户只会对特定栏目感兴趣。所以这里给大家分享下怎么利用wordpress的默认搜索框实现特定分类目录下的文章搜索。
先看下制作效果:
在下拉框中可以任意选择需要搜索的特定分类目录下的文章,制作方法如下:
1、打开wordpress主题找到搜索框调用代码,这里以wordpress默认模版twentyeleven为例说明:
打开主题文件夹searchform.php,找到以下代码:
- <form method=“get” id=“searchform” action=“<?php echo esc_url( home_url( ‘/’ ) ); ?>”>
- <label for=“s” class=“assistive-text”><?php _e( ‘Search’, ‘twentyeleven’ ); ?></label>
- <input type=“text” class=“field” name=“s” id=“s” placeholder=“<?php esc_attr_e( ‘Search’, ‘twentyeleven’ ); ?>” />
- <input type=“submit” class=“submit” name=“submit” id=“searchsubmit” value=“<?php esc_attr_e( ‘Search’, ‘twentyeleven’ ); ?>” />
- </form>
在<form></form标签中加入以下下拉按钮代码:
- <select name=“cat” class=“search-option”>
- <option value=“11” selected=“selected”>wordpress</option>
- <option value=“22”>视频教程</option>
- <option value=“22”>SEO知识</option>
- <option value=“22”>建站流程</option>
- </select>
注解:代码中的value=”数字”即为特定分类目录的ID,分类ID可以在后台》文章》分类目录看到,后面是分类名称,可以自由修改。分类栏目可以自己任意添加,以下是修改过后的代码形式:
- <form method=“get” id=“searchform” action=“<?php echo esc_url( home_url( ‘/’ ) ); ?>”>
- <label for=“s” class=“assistive-text”><?php _e( ‘Search’, ‘twentyeleven’ ); ?></label>
- <input type=“text” class=“field” name=“s” id=“s” placeholder=“<?php esc_attr_e( ‘Search’, ‘twentyeleven’ ); ?>” />
- <input type=“submit” class=“submit” name=“submit” id=“searchsubmit” value=“<?php esc_attr_e( ‘Search’, ‘twentyeleven’ ); ?>” />
- <select name=“cat” class=“search-option”>
- <option value=“11” selected=“selected”>wordpress</option>
- <option value=“22”>视频教程</option>
- <option value=“22”>SEO知识</option>
- <option value=“22”>建站流程</option>
- </select>
- </form>
如果你不想专研,也可以直接把这段代码复制到你的searchform.php种直接替换之前的代码,即可实现上图展示效果了。
声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。
评论(3)
博主最近是不是很忙了…我的站:西安搬家公司http://www.shsheji.com想和博主换个链接
老师,你第二个代码框里的结束代码错了,提醒一下。
多谢提醒,已修正.