DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> WordPress無縫集成Google自定義搜索引擎
WordPress無縫集成Google自定義搜索引擎
編輯:SEO優化集錦     

google ces WordPress無縫集成Google自定義搜索引擎

前幾天突然發現本站的搜索功能出現了點問題,索性直接更改為Google自定義搜索引擎。可在折騰搜索功能的時候經歷了一些坎坷,所以整理了下內容分享給大家。

1、創建搜索引擎

登入https://accounts.google.com/ServiceLogin?continue=http://www.google.com/cse/all&service=cprose&hl=zh-CN&gl=us&passive=true,若沒有Google的帳號可去簡單注冊一個。登入後,我們開始創建一個“定制Google搜索引擎“,如下圖:

#FormatImgID_0#

在輸入框內輸入要搜索的網站,這裡需要注意的是索引整個網站還是只是文章部分。若是整個網站直接按照圖中的提示填寫即可,若是單純搜索全部文章頁面就可能會麻煩些。

若只想讓Google搜索網站的文章頁面,首先要確定WordPress固定鏈接的設置。

默認:http://www.domain.com/?p=123 在輸入框中填入http://www.domain.com/?p=*

日期和名稱型:http://www.domain.com/2013/03/19/sample-post/ 在輸入框中填入http://www.domain.com/年份/月份/天/*

月份和名稱型以此類推

數字型:http://www.domain.com/archives/123 在輸入框中填入http://www.domain.com/archives/*

文章型:http://www.mywpku.com/sample-post/ 在輸入框中填入http://www.mywpku.com/*/

偽靜態HTML型:http://www.mywpku.com/sample-post.html 在輸入框中填入http://www.mywpku.com/*.html

其余可以此類推。

可別忘了選擇網站語言哦!完成後下一步吧。

#FormatImgID_1#

2、更改搜索外觀 更改原主題文件

接下來可以根據需要來更改Google搜索頁面的背景顏色,按鈕顏色等等。不過最重要的一點是將布局更改為全寬:

#FormatImgID_2#

接下來我們對主題的搜索頁面進行修改。在WordPress中輸入一個搜索詞,它將會顯示出搜索頁面,並按照搜索詞來顯示內容。不過現在我們需要變一下:顯示出搜索頁面後按照輸入的內容來調用Google搜索引擎幫你搜索。

在主題目錄中找到類似於search.php這樣的文件,以我的主題來做個示例:

<?php get_header(); ?>

<div id=“content” class=“group”>

<div id=“content_main”>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<?php $fmimg = get_post_meta($post->ID, “fmimg_value”, true); ?>

<article <?php post_class() ?> id=“post-<?php the_ID(); ?>” data-posttime=“<?php the_time(‘Y-m-d H:i:s’); ?>”><header>

<figure class=“post_category”><?php the_category(‘ ’); ?></figure>

<a href=“<?php the_permalink(); ?>” rel=“bookmark” title=“<?php the_title(); ?>” target=‘_blank’><?php has_post_thumbnail(); if ( has_post_thumbnail() ){ the_post_thumbnail(‘fmimg’); } elseif($fmimg) { ?><img src=“<?php echo $fmimg; ?>” /><?php } else { ?><img src=“<?php echo catch_that_image(); ?>” /><?php } ?></a><strong><h4 class=“post_t

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved