如何制作wordpress 网站搜索功能

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

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

下面讲一下?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按分类搜索功能制作

标签： 代码 搜索 网站搜索 制作网站

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。