WordPress添加并整合Google自定義搜索實(shí)現(xiàn)步驟及代碼
發(fā)布時(shí)間:2013-01-14 09:41:44 作者:佚名
我要評(píng)論

給博客添加一個(gè)Google自定義搜索是十分必要的,用戶搜索時(shí)高亮顯示了關(guān)鍵詞,提升了搜索的準(zhǔn)確度,給WordPress添加Google自定義搜索很簡(jiǎn)單,甚至有些WordPress主題已經(jīng)提供了Google自定義搜索,你只要填寫(xiě)上Google自定義搜索的CX值即可
給博客添加一個(gè)Google自定義搜索是十分必要的,用戶搜索時(shí)高亮顯示了關(guān)鍵詞,提升了搜索的準(zhǔn)確度,使用Google高速Ajax加載,大大減輕了主機(jī)負(fù)擔(dān),甚至你還可以自定義CSS,自定義顯示結(jié)果,同時(shí)還可以在Google自定義搜索中集成Adsense與Analytics。
給WordPress添加Google自定義搜索很簡(jiǎn)單,甚至有些WordPress主題已經(jīng)提供了Google自定義搜索,你只要填寫(xiě)上Google自定義搜索的CX值即可。但顯示搜索結(jié)果的頁(yè)面都是在單獨(dú)的窗口中打開(kāi),沒(méi)有了原窗口的樣式,所以我們可以將Google自定義搜索整合到博客中。
由于各種主題的添加方法不同,這里只說(shuō)一下比較簡(jiǎn)單的方法:網(wǎng)上大多數(shù)是自己創(chuàng)建一個(gè)cse.php文件來(lái)單獨(dú)的控制CSS和填寫(xiě)Google自定義搜索代碼,但我覺(jué)得直接把Google自定義搜索代碼添加到搜索頁(yè)模板中,要更加簡(jiǎn)單,大多數(shù)情況下你你基本不需要在去定義CSS。
1、用 Google帳號(hào)登錄 http://www.google.com/cse/
2、創(chuàng)建一個(gè) 自定義搜索引擎,填寫(xiě)相關(guān)信息,選擇標(biāo)準(zhǔn)版,搜索網(wǎng)站 獲得自定義搜索代碼,添加在你的主題搜索頁(yè)中,一般是search.php 。(把search.php中原文件刪除,因?yàn)橐话闶钦{(diào)用存檔頁(yè),不然你添加后會(huì)同時(shí)顯示原來(lái)搜索的內(nèi)容和Google自定義搜索的內(nèi)容,可能導(dǎo)致頁(yè)面錯(cuò)位)
注意:把Google自定義代碼添加在這里,但要?jiǎng)h除Google自定義搜索代碼的后三行,如圖所示:
<?php
/*
google seach
*/
?>
<?php get_header(); ?>
<div>
<div>   Google自定義搜索代碼   var match = location.search.match(/s=([^&]*)(&|$)/);//正則傳參
if(match && match[1]){
var search = decodeURIComponent(match[1]);
customSearchControl.execute(search);
}
});
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
</div>
</div>
<?php get_footer(); ?>
相比而言,這種方法要簡(jiǎn)單多了,有興趣的朋友可以試試看。
給WordPress添加Google自定義搜索很簡(jiǎn)單,甚至有些WordPress主題已經(jīng)提供了Google自定義搜索,你只要填寫(xiě)上Google自定義搜索的CX值即可。但顯示搜索結(jié)果的頁(yè)面都是在單獨(dú)的窗口中打開(kāi),沒(méi)有了原窗口的樣式,所以我們可以將Google自定義搜索整合到博客中。
由于各種主題的添加方法不同,這里只說(shuō)一下比較簡(jiǎn)單的方法:網(wǎng)上大多數(shù)是自己創(chuàng)建一個(gè)cse.php文件來(lái)單獨(dú)的控制CSS和填寫(xiě)Google自定義搜索代碼,但我覺(jué)得直接把Google自定義搜索代碼添加到搜索頁(yè)模板中,要更加簡(jiǎn)單,大多數(shù)情況下你你基本不需要在去定義CSS。
1、用 Google帳號(hào)登錄 http://www.google.com/cse/
2、創(chuàng)建一個(gè) 自定義搜索引擎,填寫(xiě)相關(guān)信息,選擇標(biāo)準(zhǔn)版,搜索網(wǎng)站 獲得自定義搜索代碼,添加在你的主題搜索頁(yè)中,一般是search.php 。(把search.php中原文件刪除,因?yàn)橐话闶钦{(diào)用存檔頁(yè),不然你添加后會(huì)同時(shí)顯示原來(lái)搜索的內(nèi)容和Google自定義搜索的內(nèi)容,可能導(dǎo)致頁(yè)面錯(cuò)位)
注意:把Google自定義代碼添加在這里,但要?jiǎng)h除Google自定義搜索代碼的后三行,如圖所示:

復(fù)制代碼
代碼如下:<?php
/*
google seach
*/
?>
<?php get_header(); ?>
<div>
<div>   Google自定義搜索代碼   var match = location.search.match(/s=([^&]*)(&|$)/);//正則傳參
if(match && match[1]){
var search = decodeURIComponent(match[1]);
customSearchControl.execute(search);
}
});
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
</div>
</div>
<?php get_footer(); ?>
相比而言,這種方法要簡(jiǎn)單多了,有興趣的朋友可以試試看。
相關(guān)文章
CyberPanel安裝WordPress并配置偽靜態(tài)規(guī)則
下面教你如何在 CyberPanel安裝WordPress以及配置偽靜態(tài),需要的朋友可以參考下2023-12-27- 這篇文章主要介紹了wordpress無(wú)法安裝更新主題插件的解決辦法,需要的朋友可以參考下2020-12-27
WordPress必備數(shù)據(jù)庫(kù)SQL查詢語(yǔ)句整理
發(fā)現(xiàn)幾條比較實(shí)用的,適合 WordPress 實(shí)用的SQL語(yǔ)句。于是就趕緊收集分享出來(lái)了,需要的朋友可以參考下2017-09-23wordpress在安裝使用中出現(xiàn)404、403、500及502問(wèn)題的分析與解決方法
wordpress是很多新手站長(zhǎng)搭建個(gè)人博客最喜愛(ài)的程序,但是最近在使用WordPress的時(shí)候遇到了一些問(wèn)題,所以想著將遇到問(wèn)題總結(jié)分享出來(lái),下面這篇文章主要給大家介紹了關(guān)于wo2017-08-11WordPress取消英文標(biāo)點(diǎn)符號(hào)自動(dòng)替換中文標(biāo)點(diǎn)符號(hào)的優(yōu)雅方法
這篇文章主要介紹了WordPress取消英文標(biāo)點(diǎn)符號(hào)自動(dòng)替換中文標(biāo)點(diǎn)符號(hào)的優(yōu)雅方法,需要的朋友可以參考下2017-04-04- 這篇文章主要給大家介紹了wordpress自定義上傳文件類型的方法,如WordPress默認(rèn)允許上傳 .exe 后綴名的可運(yùn)行文件,那么我們?cè)趺唇褂脩粼赪ordPress后臺(tái)發(fā)表文章時(shí)上傳 .e2016-12-19
- 大家可能發(fā)現(xiàn)了當(dāng)實(shí)現(xiàn)了前端用戶中心,后臺(tái)控制面板就失去了作用,那么限制其他用戶進(jìn)入后臺(tái)控制面板就很有必要了!那么我們要怎么做呢?通過(guò)下面這篇文章分享的方法后,只2016-12-19
WordPress實(shí)現(xiàn)回復(fù)文章評(píng)論后發(fā)送郵件通知的功能
這篇文章主要介紹了WordPress實(shí)現(xiàn)回復(fù)文章評(píng)論后發(fā)送郵件通知的功能,涉及wordpress針對(duì)評(píng)論與郵件的相關(guān)操作技巧,需要的朋友可以參考下2016-10-11WordPress使用自定義文章類型實(shí)現(xiàn)任意模板的方法
這篇文章主要介紹了WordPress使用自定義文章類型實(shí)現(xiàn)任意模板的方法,可通過(guò)自定義文章類型來(lái)實(shí)現(xiàn)任意模版的使用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-10-11WordPress后臺(tái)地址被改導(dǎo)致無(wú)法登陸后臺(tái)的簡(jiǎn)單解決方法
這篇文章主要介紹了WordPress后臺(tái)地址被改導(dǎo)致無(wú)法登陸后臺(tái)的簡(jiǎn)單解決方法,簡(jiǎn)單分析了后臺(tái)無(wú)法登陸的原因與相應(yīng)的解決方法,涉及針對(duì)wordpress配置項(xiàng)的簡(jiǎn)單修改,需要的朋友2016-10-11