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

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

下面讲一下?wordpress 网站搜索功能制作的方法：

新建一个搜索页面，将它命名为：searchform.php

用DW打开searchform.php，将以下代码复制到searchform.php中。

$(document).ready(function(){

// 当鼠标聚焦在搜索框

$('#s').focus(

function() {

if($(this).val() == '输入关键字') {

$(this).val('').css({color:"#454545"});

}

}

// 当鼠标在搜索框失去焦点

).blur(

function(){

if($(this).val() == '') {

$(this).val('输入关键字').css({color:"#333333"});

}

}

);

});

复制网站主题里的wordpress分类目录模板(archive.php)，更名为search.php，才能实现搜索功能。

在需要显示搜索框的页面的位置放上搜索框调用代码：

完成之后，就可以在自己做的网站中实现搜索功能了。

相关教程：wordpress高级搜索，WordPress按分类搜索功能制作

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com

特别注意：本站所有转载文章言论不代表本站观点！

本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。