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

給博客添加一個Google自定義搜索是十分必要的,用戶搜索時高亮顯示了關(guān)鍵詞,提升了搜索的準(zhǔn)確度,給WordPress添加Google自定義搜索很簡單,甚至有些WordPress主題已經(jīng)提供了Google自定義搜索,你只要填寫上Google自定義搜索的CX值即可
給博客添加一個Google自定義搜索是十分必要的,用戶搜索時高亮顯示了關(guān)鍵詞,提升了搜索的準(zhǔn)確度,使用Google高速Ajax加載,大大減輕了主機(jī)負(fù)擔(dān),甚至你還可以自定義CSS,自定義顯示結(jié)果,同時還可以在Google自定義搜索中集成Adsense與Analytics。
給WordPress添加Google自定義搜索很簡單,甚至有些WordPress主題已經(jīng)提供了Google自定義搜索,你只要填寫上Google自定義搜索的CX值即可。但顯示搜索結(jié)果的頁面都是在單獨的窗口中打開,沒有了原窗口的樣式,所以我們可以將Google自定義搜索整合到博客中。
由于各種主題的添加方法不同,這里只說一下比較簡單的方法:網(wǎng)上大多數(shù)是自己創(chuàng)建一個cse.php文件來單獨的控制CSS和填寫Google自定義搜索代碼,但我覺得直接把Google自定義搜索代碼添加到搜索頁模板中,要更加簡單,大多數(shù)情況下你你基本不需要在去定義CSS。
1、用 Google帳號登錄 http://www.google.com/cse/
2、創(chuàng)建一個 自定義搜索引擎,填寫相關(guān)信息,選擇標(biāo)準(zhǔn)版,搜索網(wǎng)站 獲得自定義搜索代碼,添加在你的主題搜索頁中,一般是search.php 。(把search.php中原文件刪除,因為一般是調(diào)用存檔頁,不然你添加后會同時顯示原來搜索的內(nèi)容和Google自定義搜索的內(nèi)容,可能導(dǎo)致頁面錯位)
注意:把Google自定義代碼添加在這里,但要刪除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(); ?>
相比而言,這種方法要簡單多了,有興趣的朋友可以試試看。
給WordPress添加Google自定義搜索很簡單,甚至有些WordPress主題已經(jīng)提供了Google自定義搜索,你只要填寫上Google自定義搜索的CX值即可。但顯示搜索結(jié)果的頁面都是在單獨的窗口中打開,沒有了原窗口的樣式,所以我們可以將Google自定義搜索整合到博客中。
由于各種主題的添加方法不同,這里只說一下比較簡單的方法:網(wǎng)上大多數(shù)是自己創(chuàng)建一個cse.php文件來單獨的控制CSS和填寫Google自定義搜索代碼,但我覺得直接把Google自定義搜索代碼添加到搜索頁模板中,要更加簡單,大多數(shù)情況下你你基本不需要在去定義CSS。
1、用 Google帳號登錄 http://www.google.com/cse/
2、創(chuàng)建一個 自定義搜索引擎,填寫相關(guān)信息,選擇標(biāo)準(zhǔn)版,搜索網(wǎng)站 獲得自定義搜索代碼,添加在你的主題搜索頁中,一般是search.php 。(把search.php中原文件刪除,因為一般是調(diào)用存檔頁,不然你添加后會同時顯示原來搜索的內(nèi)容和Google自定義搜索的內(nèi)容,可能導(dǎo)致頁面錯位)
注意:把Google自定義代碼添加在這里,但要刪除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(); ?>
相比而言,這種方法要簡單多了,有興趣的朋友可以試試看。
相關(guān)文章
CyberPanel安裝WordPress并配置偽靜態(tài)規(guī)則
下面教你如何在 CyberPanel安裝WordPress以及配置偽靜態(tài),需要的朋友可以參考下2023-12-27- 這篇文章主要介紹了wordpress無法安裝更新主題插件的解決辦法,需要的朋友可以參考下2020-12-27
WordPress必備數(shù)據(jù)庫SQL查詢語句整理
發(fā)現(xiàn)幾條比較實用的,適合 WordPress 實用的SQL語句。于是就趕緊收集分享出來了,需要的朋友可以參考下2017-09-23wordpress在安裝使用中出現(xiàn)404、403、500及502問題的分析與解決方法
wordpress是很多新手站長搭建個人博客最喜愛的程序,但是最近在使用WordPress的時候遇到了一些問題,所以想著將遇到問題總結(jié)分享出來,下面這篇文章主要給大家介紹了關(guān)于wo2017-08-11WordPress取消英文標(biāo)點符號自動替換中文標(biāo)點符號的優(yōu)雅方法
這篇文章主要介紹了WordPress取消英文標(biāo)點符號自動替換中文標(biāo)點符號的優(yōu)雅方法,需要的朋友可以參考下2017-04-04- 這篇文章主要給大家介紹了wordpress自定義上傳文件類型的方法,如WordPress默認(rèn)允許上傳 .exe 后綴名的可運(yùn)行文件,那么我們怎么禁止用戶在WordPress后臺發(fā)表文章時上傳 .e2016-12-19
- 大家可能發(fā)現(xiàn)了當(dāng)實現(xiàn)了前端用戶中心,后臺控制面板就失去了作用,那么限制其他用戶進(jìn)入后臺控制面板就很有必要了!那么我們要怎么做呢?通過下面這篇文章分享的方法后,只2016-12-19
WordPress實現(xiàn)回復(fù)文章評論后發(fā)送郵件通知的功能
這篇文章主要介紹了WordPress實現(xiàn)回復(fù)文章評論后發(fā)送郵件通知的功能,涉及wordpress針對評論與郵件的相關(guān)操作技巧,需要的朋友可以參考下2016-10-11WordPress使用自定義文章類型實現(xiàn)任意模板的方法
這篇文章主要介紹了WordPress使用自定義文章類型實現(xiàn)任意模板的方法,可通過自定義文章類型來實現(xiàn)任意模版的使用,具有一定參考借鑒價值,需要的朋友可以參考下2016-10-11WordPress后臺地址被改導(dǎo)致無法登陸后臺的簡單解決方法
這篇文章主要介紹了WordPress后臺地址被改導(dǎo)致無法登陸后臺的簡單解決方法,簡單分析了后臺無法登陸的原因與相應(yīng)的解決方法,涉及針對wordpress配置項的簡單修改,需要的朋友2016-10-11