我要投稿 | 网站地图 专注WordPress建站学习
WordPress教程网
热门标签: wordpress教程 wordpress wordpress函数 WordPress建站 wordpress插件

教程

当前位置:首页> 教程

如何制作wordpress 网站搜索功能

来源(作者):互联网   发布时间: 2019-12-03  游览次数:7次

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

其实在之前的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教程网 感谢您的支持!

本文链接: http://www.wpabc.net/1021.html

WordPress教程网
WordPress教程网
相关内容