零基础建站培训教程介绍

当前位置:

如何制作wordpress 网站搜索功能

如果自己做的网站内容众多,当用户想寻找一个自己需要的内容时,一个一个查找是一件很累的事情,如果在自己的网站上做一个搜索框,提供网站搜索功能,那就事半功倍了。

其实在之前的wordpress搜索功能(search.php)模板制作课程中也讲到过如何制作网站的搜索功能,可以制作出如下图,为学做网站论坛的搜索功能。

 wordpress 网站搜索功能制作

下面讲一下 wordpress 网站搜索功能制作的方法:

  1. 新建一个搜索页面,将它命名为:searchform.php
  2. 用DW打开searchform.php,将以下代码复制到searchform.php中。
    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
    <input type="text" value="输入关键字" name="s" id="s"/>
    <input type="submit" value="搜 索" onClick="if(document.forms['search'].searchinput.value=='- Search -')document.forms['search'].searchinput.value='';" alt="Search" />
    </form>
    <script type="text/javascript">
    $(document).ready(function(){
    // 当鼠标聚焦在搜索框
    $('#s').focus(
    function() {
    if($(this).val() == '输入关键字') {
    $(this).val('').css({color:"#454545"});
    }
    }
    // 当鼠标在搜索框失去焦点
    ).blur(
    function(){
    if($(this).val() == '') {
    $(this).val('输入关键字').css({color:"#333333"});
    }
    }
    );
    });
    </script>
  3. 复制网站主题里的wordpress分类目录模板(archive.php),更名为search.php,才能实现搜索功能。
  4. 在需要显示搜索框的页面的位置放上搜索框调用代码:
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
  5. 完成之后,就可以在自己做的网站中实现搜索功能了。

相关教程:wordpress高级搜索,WordPress按分类搜索功能制作

7条回应:“如何制作wordpress 网站搜索功能”

  1. 建站小二说道:

    我通常做网站搜索功能,都使用百度搜索框功能,这种方法比较简单,可以很方法的做出搜索功能。

    搜索梦之都

  2. 杀戮说道:

    在需要显示搜索框的页面的位置放上搜索框调用代码:
    这句话的意思是在 if($(this).val() == ‘输入关键字’) {
    关键字后面加测试码吗?

  3. 学做网站讲师说道:

    不是,就是使用这个PHP调用代码放到网页上你要显示搜索框的位置,它的作用就是调用搜索框。

  4. 蚂蚁说道:

    复制网站主题里的archive.php页面,更名为search.php,才能实现搜索功能。
    这点不是很明白啊?

  5. 学做网站讲师说道:

    搜索页面必须叫做search.php

  6. 两只羊驼说道:

    请问一下,搜索出来的结果,怎么以列表的形式输出了。谢谢~~[玫瑰]

发表评论

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

学做网站论坛零基础学建网站课程