如果自己做的網(wǎng)站內(nèi)容眾多，當(dāng)用戶想尋找一個自己需要的內(nèi)容時，一個一個查找是一件很累的事情，如果在自己的網(wǎng)站上做一個搜索框，提供網(wǎng)站搜索功能，那就事半功倍了。

其實在之前的wordpress搜索功能(search.php)模板制作課程中也講到過如何制作網(wǎng)站的搜索功能，可以制作出如下圖，為學(xué)做網(wǎng)站論壇的搜索功能。

下面講一下?wordpress 網(wǎng)站搜索功能制作的方法：

1. 新建一個搜索頁面，將它命名為：searchform.php
2. 用DW打開searchform.php，將以下代碼復(fù)制到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(){
   // 當(dāng)鼠標(biāo)聚焦在搜索框
   $('#s').focus(
   function() {
   if($(this).val() == '輸入關(guān)鍵字') {
   $(this).val('').css({color:"#454545"});
   }
   }
   // 當(dāng)鼠標(biāo)在搜索框失去焦點
   ).blur(
   function(){
   if($(this).val() == '') {
   $(this).val('輸入關(guān)鍵字').css({color:"#333333"});
   }
   }
   );
   });
   </script>
3. 復(fù)制網(wǎng)站主題里的wordpress分類目錄模板(archive.php)，更名為search.php，才能實現(xiàn)搜索功能。
4. 在需要顯示搜索框的頁面的位置放上搜索框調(diào)用代碼：
   <?php include (TEMPLATEPATH . '/searchform.php'); ?>
5. 完成之后，就可以在自己做的網(wǎng)站中實現(xiàn)搜索功能了。

相關(guān)教程：wordpress高級搜索，WordPress按分類搜索功能制作

標(biāo)簽： 代碼 搜索 網(wǎng)站搜索 制作網(wǎng)站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。