公告:123目录网为广大站长提供免费收录网站服务,我们将免费进行到底,如需快审服务(10元/站)请联系站长QQ,可自助充值发布。

点击这里在线咨询客服
新站提交
  • 网站:315
  • 待审:0
  • 小程序:12
  • 文章:35791
  • 会员:69

 

网站制作过程中,在网站中需要添加搜索功能,我们一般会制作一个wordpress搜索功能(search.php)模板,这种搜索功能是直接搜索网上站的内容。例如学做网站论坛的搜索功能(https://www.xuewangzhan.net/search/),如下图。

但在实际自己建网站过程中,需要制作wordpress实战搜索功能,让用户可以按分类进行搜索,效果图如下:

wordpress实战搜索制作方法

实战搜索之按分类进行搜索制作

第一步:新建一个HTML页面,取名为searchform.php(搜索框模板),将下面的HTML代码粘贴进去。

<form id="searchform" name="searchform" method="get" action="<?php bloginfo(home); ?>

/" >

<ul> <li> <p> <?php $select =wp_dropdown_categories(class=search_select&show_option_all=全站搜索&orderby=name&hierarchical=0&selected=-1&hide_empty=0&depth=1);?> </p> </li> <li> <input type="text" name="s" id="s" maxlength="34" value=""/> </li> <li> <input type="submit" value="搜 索" /> </li> </ul> </form>

第二步,在自己网站的style.css的特别下方粘贴以下的CSS样式代码,来控制搜索框样式。

.search_select{height:35px;line-height:35px;width:180px}

.sck{height:33px;width:528px;border:1px solid #999;padding:0 10px;background:#FFF;font-size:16px;}

.sckal{height:34px;width:100px;border:1px solid #999;line-height:34px;text-align:center; background-color:#36F;color:#FFF;font-size:15px;font-weight:bold}

第三步:在需要显示搜索框的位置,放上以下的PHP调用搜索框代码即可。(更多wordpress调用标签,见wordpress程序开发手册

 <?php include (TEMPLATEPATH . /searchform.php); ?>

wordpress还有另外一种方法实现实战搜索,选项框选择的实战搜索,如下图:

这个需要wordpress设计者手动填写分类的ID,这种搜索的源代码如下:(安装方法与第一个功能一样)

全站

主题

插件

主机

经验

</div>

还有一种下拉式实战搜索功能代码:(安装方法与第一个功能一样)

宝贝

问答

品牌

</form>

标签:

下一篇:WordPress调用某个分类下文章数量的四种方法(wordpress 调用其他网站api)

上一篇:如何将wordpress英文版转成中文版(wordpress英文版)

相关文章

  admin95360564zxm

注册时间:

网站:1 个   小程序:3 个  文章:12 篇

  • 315

    网站

  • 12

    小程序

  • 35791

    文章

  • 69

    会员

赶快注册账号,推广您的网站吧!
最新入驻小程序

数独大挑战2018-06-03

数独一种数学游戏,玩家需要根据9

答题星2018-06-03

您可以通过答题星轻松地创建试卷

全阶人生考试2018-06-03

各种考试题,题库,初中,高中,大学四六

运动步数有氧达人2018-06-03

记录运动步数,积累氧气值。还可偷

每日养生app2018-06-03

每日养生,天天健康

体育训练成绩评定2018-06-03

通用课目体育训练成绩评定