如今，越來越多的網(wǎng)站都開始注重用戶體驗，而當自己網(wǎng)站內(nèi)容或信息量比較大的時候，用戶難以快速查找到想要獲取的內(nèi)容，這就需要在自己網(wǎng)站上提供一個搜索功能，那么對于wordpress網(wǎng)站應(yīng)該怎么制作搜索功能呢?

如圖為億恩科技IDC資訊的wordpress 網(wǎng)站搜索功能，它是怎么實現(xiàn)的呢？

1、需要大家新建一個搜索頁面，將它命名為：searchform.php

2、直接用DW打開searchform.php，將以下代碼復制到searchform.php中。

   <form method="get" id="searchform"  action="<?php bloginfo('url'); ?>/">
   <input type="text" value="輸入關(guān)鍵字" 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() == '輸入關(guān)鍵字') {
                                        $(this).val('').css({color:"#454545"});
                                }
                        }
                // 當鼠標在搜索框失去焦點
                ).blur(
                        function(){
                                if($(this).val() == '') {
                                        $(this).val('輸入關(guān)鍵字').css({color:"#333333"});
                                }
                        }
                );
        });

</script>

3、復制添加網(wǎng)站主題里邊的wordpress 分類模板目錄，可以是文章的列表目錄，也可以是產(chǎn)品圖片列表目錄，然后更名為search.php，才能實現(xiàn)搜索功能。

4、選擇搜索框顯示的頁面位置，并在相應(yīng)的位置添加搜索框調(diào)用代碼：

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

按照以上步驟全部完成之后，就可以在自己的網(wǎng)站上實現(xiàn)搜索功能了。