如何制作wordpress 网站搜索功能| 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. 完成之后，就可以在自己做的网站中实现搜索功能了。

Tags：wordpress主题制作   搜索   网站

转载：感谢您对Jerbo个人博客网站平台的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源Jerbo个人博客”。/web/wordpress/421.html

很赞哦！ ()