微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

wordpress主题开发搜索页面的创建

开发wordpress主题搜索页面是必不可少的,一般的搜索页面样式展示和分类页面一样就可以了,当然你可以按照自己的需求定制页面,这是前端的事情了,这里不展开说
这里要说的是创建搜索页面方法

一、HTML部分

在需要添加搜索的地方,增加HTML代码

<form report-submit="false" id="search-form" action="<?PHP echo esc_url( home_url('/'))?>">
<input type="search" placeholder="搜索。。。" name="s" id="search-input" value="">
<input class="screen-reader-text" type="submit" id="search-submit" value="Search">
</form>

注意:表单中的 name=”s” 这个是必须的,而且不能更改。

二、创建search.PHP文件

添加完html后,在主题目录中创建search.PHP文件,然后添加以下代码

<?PHP
if(have_posts()) :
while(have_posts()) : the_post();
get_template_part('parts','list'); //列表页面,根据自己的主题定义
endwhile;
wp_reset_query();
else :
get_template_part('parts','none'); //搜索结果为空的情况
endif;
?>

这样简单的搜索就做完了,复杂的或者自定义的接下来会探讨。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐