零基础学做网站培训介绍

当前位置:

wordpress搜索功能(search.php)模板制作

本课程视频是VIP会员课程,学习请进入VIP学习区

搜索功能是任意网站都必须的功能,通过搜索功能,用户可以快速的在我们的网站上找到自己需要的内容。在wordpress模板制作教程中,搜索功能也需要制作出来,这就是搜索功能模板(search.php)。

wordpress搜索功能(search.php)模板制作

wordpress搜索功能(search.php)模板制作步骤

第一步:复制分类目录模板(archive.php),直接重命名为search.php。用于显示用户的搜索结果内容;

第二步:在主题文件夹里新建一个searchform.php,放入以下代码,这是一个独立的搜索框的代码。

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input class="searchInput" 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>

第三步:在需要显示搜索框的位置,使用以下的代码去调用这个搜索框。

 <?php include (TEMPLATEPATH . '/searchform.php'); ?>

第四步:网站搜索框可以被任意其它模板调用,用户通过搜索框搜索某个词时,搜索结果就会通过search.php模板展示出来。

相关知识:wordpress实战搜索,WordPress按分类搜索功能制作

3条回应:“wordpress搜索功能(search.php)模板制作”

  1. 学习建网站学员 莉君说道:

    <?php include (TEMPLATEPATH . '/searchform.php')
    放在那段代码里面

  2. 学习建网站学员 莉君说道:

    放了网站访问会出错,代码很多随便放吗

  3. 学做网站论坛讲师 学做网站讲师说道:

    将搜索框调用代码< ?php include (TEMPLATEPATH . '/searchform.php'); ?>放在你需要显示搜索框的位置

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (18343 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • (特别全)网站收录提交链接及各大搜索引擎站长工具百度网站收录提交http://www.baidu.com/search/url_submit.html百度自动提交百
  • 以图搜图,顾名思义就是上传一张图片,网站搜索并显示与之类似的图片。对于我们草根站长来说,特别实用,怎么利用好它,就需要发挥你的想象力。1、T
  • wordpress评论功能可以让用户在我们自己的网站上进行对文章的评论,发表自己的观点,很好的增强了网站与用户之间的交互性。还有的网站还添加了邮件功
  • 纯代码Wordpress前台投稿功能制作方法,很多建网站学员学习了Wordpress教程后,使用Wordpress 程序建了网站。但如果每天都是自己更新文章,感觉会有点
  • 自己做的模板阁网站 图文教程 (15173 次浏览)
    这是我学习了论坛课程后自己做的一个模板阁网站,这款自己做网站的主题个人DIY成纯主题下载站,可以通过填加自定义字段demo、down、thumbnails来分别
  • 仿站长网admin5主题模板 图文教程 (15718 次浏览)
    这是一款模板站长网admin5的wordpress主题模板,这个模板综合了门户和企业网站所有特点,内容特别丰富,而且有大量的广告位可供站长放广告图片,实现网站
  • 零基础新手要学习网站建设,以下的网站建设教程是零基础新手必须学习的网站制作教程。只有将以下的基础知识学会了,才能为以后建网站打下坚实的基础。
  • 这是一家上海电气公司网站,网站制作时采用传统企业网站制作方法与布局结构。网站顶部使用大尺寸的LOGO,网站导航制作使用全屏宽度菜单,每个菜单项宽