• 搜索框高级设置


基本信息
登录站内搜索后台,在“搜索框管理”——>“搜索框列表”中您希望设置的搜索框后点击“基本信息”,如下图:

基本信息设置包括下图内容:


生效范围

此处的搜索框生效范围指的是搜索框在哪些页面展示,并非结果页能搜到的数据来源于哪些页面,请您注意区分。


*为通配符,代表一个到多个任意内容,不能为0。)

如果您填写完搜索框生效范围之后却不希望搜索框在其中的某些页面上展示,您可以点击“新增排除范围”。

生效范围与排除范围都可以建立多个。

上图所示搜索框设置为在*baidu.com/*的页面上展示,但不在zhidao.baidu.com/*的页面上展示。

在填写生效范围时请您注意:如果您希望在您网站的某个二级域名或子目录上展示与全站不一样的搜索框,您需要在全站的搜索框的生效范围中排除该二级域名或子目录的范围。

页面编码

请您务必确认您的页面的编码格式,选择适合您站点的编码格式,否则有可能会出现乱码的现象。


样式设置
基本样式修改

如需更换搜索框模板,登录站内搜索后台,在“搜索框管理”——>“搜索框列表”中您希望设置的搜索框后点击“更换模板”,如下图:


此时您可以随意更换您的搜索框类型与样式:

如果选中的搜索框模板还是无法完全满足您的要求,您可以对该模板进行样式的修改。在“搜索框管理”——>“搜索框列表”中您希望设置的搜索框后点击“编辑样式”:


您可以更改搜索框的大小、颜色、字体等基本样式,使其更匹配您页面的风格。

搜索框CSS配置指南

登录站内搜索后台,在“搜索框管理”——>“搜索框列表”中您希望设置的搜索框后点击“更换模板”,如下图:


在如下位置点击下载相应模板的CSS源文件:

不同类型的搜索框分别对应的CSS代码如下:

嵌入式搜索框:

搜索框设置:

.bdcs-container .bdcs-search-form-input {

    border-width: 1px;

    border-style: solid;

    display: inline-block;

    vertical-align: top;

    text-indent: 5px;

    float: left;

    border-color:#a6a6a6; // 边框颜色

    margin-right:10px; // 框与按钮直接的距离

    width:246px; // 框宽度

    height:26px; // 框高度

    line-height:26px;

    font-family:Arial,SimSun,sans-serif;//字体

    color:#000000;//字体颜色

    font-size:14px;//字体大小

    border-radius:0px;

    background-color:#FFFFFF; // 背景颜色

}

搜索按钮设置:

.bdcs-container .bdcs-search-form-submit {

    display: inline-block;

    cursor: pointer;

    border-width: 1px;

    border-style: solid;

    vertical-align: top;

    text-align: center;

    width: 50px;

    border-color:#a6a6a6; //按钮边框颜色

    height:26px; // 按钮高度

    background-color:#f5f5f5; // 背景颜色

    color:#000000; // 字体颜色

    font-family:Arial,SimSun,sans-serif; // 字体

    font-size:14px;

    border-radius:0px;

    *height:28px;

    *margin-top:1px;

    line-height:26px;

}

点此下载嵌入式搜索框CSS源文件

侧滑式搜索框:

搜索框设置:

#sliding-box-item input{

    width:220px; // 框宽度

    height:35px; // 框高度

    border-color:#ececec; // 边框颜色

    color:#666; //字体颜色

    font-size:12px; //字体大小

    font-family:Arial,SimSun,sans-serif; //字体

}

搜索按钮设置:

#sliding-box-item #sliding-search-form-submit{

    background-color:#1a89ed; //背景颜色

    border-color:#1a89ed; //边框位置

    color:#fff;//字体颜色

    font-family:Arial,SimSun,sans-serif;//字体

    font-size:14px;//字体大小

    font-weight:normal;

    position:relative;

    left:0px;

    height:35px; //高度

}

点此下载侧滑式搜索框CSS源文件

弹窗式搜索框:

搜索框设置:

#popup-searchbox input{

    height:35px;// 框高度

    width:250px;// 框宽度

    border-color:#ececec;// 边框颜色

    background-color:#fff;// 背景颜色

    color:#666666;//字体颜色

    font-family:Arial,SimSun,sans-serif;//字体

    font-size:12px;//字体大小

    font-weight:normal;

}

搜索按钮设置:

#popup-searchbox #popup-search-form-submit{

    background-color:#f35b5b;// 背景颜色

    border-color:#f35b5b;// 边框颜色

    color:#ffffff;//字体颜色

    font-family:Arial,SimSun,sans-serif;//字体

    font-size:14px; //字体大小

    font-weight:normal;

}

点此下载弹窗式搜索框CSS源文件

悬浮式搜索框:

搜索框设置:

#float-search-form-input{

    width:620px; // 宽度

    height:40px; // 高度

    border-color:#42455d; // 边框颜色

    background-color:#fff; //背景颜色

    color:#666;//字体颜色

    font-size:14px; //字体大小

    font-family:Arial,SimSun,sans-serif;//字体

    line-height:40px; // 行高

    border-left:none;

}

搜索按钮设置:

#float-box-detail #float-search-form-submit{

    background-color:#f35c5c; //背景颜色

    color:#fff; //字体颜色

    border-color:#f35c5c; // 边框颜色

    font-family:Arial,SimSun,sans-serif; //字体

    font-size:15px; // 字体大小

    font-weight:normal;

}

点此下载悬浮式搜索框CSS源文件

使用网站已有的搜索框样式
如果您希望使用自己的搜索框样式,您可以通过以下步骤实现:

在如下位置点击“新建搜索框”



在选择搜索框样式的位置点击下图红框区域:



点击下一步后做基本设置并保存。选用已有搜索框样式的用户可以点此查看布署搜索框代码的步骤

高级功能使用

登录站内搜索后台,在“搜索框管理”——>“搜索框列表”中您希望设置的搜索框后点击“高级功能”,如下图:


可以在如下界面选择是否开启各高级功能,在开启高级功能前请您注意:所有高级功能都必须在已经部署搜索框代码的页面才能成功开启。

热搜词

热搜词功能会在搜索框附近展示您网站上最热门的词语。同时您也可以自己设置希望展示的词语。热搜词效果如下:

点击查看页面效果)

勾选“开启热搜词功能”即可成功开启热搜词,该功能在您勾选并保存之后1小时左右在页面上生效。


您也可以选择热搜词的类别,自定义热搜词,设定基本样式。

搜索提示

搜索提示功能会在用户在搜索框中输入内容时,提示最相关的关键词。搜索提示效果如下:

点击查看页面效果)

勾选“开启搜索提示功能”即可成功开启搜索提示。


您可以选择搜索提示的类型与数量,基本样式。

关键词推荐

关键词推荐会自动提取页面正文内的核心关键词,展示在你指定的位置,点击关键词进入该关键词的站内搜索结果页。关键词推荐分为悬浮式与内嵌式,悬浮式固定出现在页面底部,不占用页面空间。嵌入式可出现在您页面的任意指定位置。

悬浮式关键词推荐效果:


点击查看页面效果)

内嵌式关键词推荐效果:

点击查看页面效果)

勾选“开启关键词推荐功能”即可成功开启关键词推荐。

(关键词推荐会在您勾选2天之后在页面生效,同时,抓取您页面的核心关键词需要一定时间,新发布页面需要等待2天时间以便正常展示关键词推荐。)


您可以自有选择内嵌式或悬浮式的关键词推荐,悬浮式关键词只需要勾选即可开启。内嵌式关键词在勾选之后还需要在页面您希望展示关键词的位置部署一行代码:<div id="bdcs-rec"></div>

内文提词

内文提词功能会自动将页面正文内的核心关键词变为超链接,用户点击后进入该关键词的站内搜索结果页。

内文提词效果:

点击查看页面效果)

勾选“开启内文提词功能”即可成功开启内文提词。

(内文提词会在您勾选2天之后在页面生效,同时,抓取您页面的核心关键词需要一定时间,新发布页面需要等待2天时间以便正常展示内文提词。)


同时您可以选择一个页面最多出现的提词数量以及屏蔽某些词语。

划词搜索

开启该功能后,用户在网站页面上用鼠标选中一段文字时,可以点击搜索按钮直接发起站内搜索。搜索范围和对应搜索框的默认搜索范围一致。划词搜索效果:

点击查看页面效果)

勾选“开启划词搜索功能”即可成功开启划词搜索。


下拉菜单

开启后,用户在搜索框发起搜索时,可以指定需要搜索的频道。下拉菜单效果:

点击查看页面效果)

勾选“开启下拉菜单功能”即可成功开启下拉菜单。

(下拉菜单中展现的是您的频道信息,即在开启下拉菜单前,您必须为您的结果页设置频道,否则无法使用该功能。)


新建搜索框
哪些情况需要新建搜索框

  • 1、当您希望在某些页面(如某个特定频道)使用和别处不同的搜索框样式时;

  • 2、当您希望在某些页面上使用搜索提示、热搜词等高级功能,而在另外的页面上不使用该功能时;

  • 3、当您希望在某些页面上指定特定的搜索范围(如只搜来自新闻频道的内容),而在另外的页面上指定其他范围时

新建搜索框注意事项
在新建搜索框时请您务必注意控制好您的搜索框生效范围。该范围决定了搜索框能在哪些页面进行展示。下面举一个例子。如想在百度全站(www.baidu.com)下显示搜索框A,而在百度贴吧(tieba.baidu.com)下显示搜索框B。



搜索框A的设置如下:



搜索框B的设置如下:



请您注意设置好搜索框A红框位置的排除生效范围。只有当一个生效范围与另一个存在包含关系的时候需要从较大的范围中将较小的范围排除出去。

此外,多个搜索框代码一致,我们会根据您设置的生效范围在不同页面分别展示不同的搜索框。

目录

关闭

用户协议  |  帮助中心  |  联系我们:zn@baidu.com   官方贴吧:百度站内搜索吧

© 2019 Baidu 使用百度前必读 京ICP证030173号