WordPress整合Google自定义搜索

04-16 | 夜光 | IT记录

(1)到 用谷歌账户登录,创建新的搜索引擎。创建完毕后进入控制面板“外观”进行设置。

(2)“选择一个托管选项”那里勾选“IFRAME”。

(3)“搜索控件”那里选右列第一个,“结果”那里根据网站样式设定颜色,点击“保存”。

(4)“业务设置”那里勾选“不在搜索结果页上展示广告”。

(5)创建一个Custom Search Engine模板,用它新建一个别名“cse”的页面,通过wp_list_pages函数exclude=页面ID 来屏蔽这个页面。

(6)代码部分

搜索表单代码:

<?php bloginfo('url'); ?>/cse/

代表创建的那个搜索页面地址

<?php echo($options['cse_content']); ?>

代表自定义搜索ID

11代表广告显示在顶部和底部,若为10代表显示在顶部和右侧,若为9代表显示在右侧

<form action="<?php bloginfo('url'); ?>/cse/" id="cse-search-box">
    <input type="hidden" name="cx" value="<?php echo($options['cse_content']); ?>" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input class="inputarea" type="text" name="q" />
    <input class="searchmenu" type="submit" name="sa" value="<?php _e('S', 'YLife'); ?>" />
</form>

显示搜索结果的代码:

646代表显示结果的页面宽度

<div id="cse-search-results"></div>
<script type="text/javascript">
	var googleSearchIframeName = "cse-search-results";
	var googleSearchFormName = "cse-search-box";
	var googleSearchFrameWidth = 646;
	var googleSearchDomain = "";
	var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="/afsonline/show_afs_search.js"></script>
本文标签: ,
本文链接: wordpress-integration-of-google-custom-search/
版权所有: 玻璃泉, 转载请注明本文出处。