昨日はほぼ1日中、WordPressとにらめっこしておりました。
自分のブログに「Google AJAX Search API」を導入してみたいと思い立ち、テーマファイルをちょこちょこといじっていたのでした。
はじめ、WordPressプラグイン「Google Ajax Search」を導入しようかと思い、実際導入してみたのですが、自分のやりたいことを実現できないので即撤去してしまいました。
そう。自分がやりたかったのは、とりあえずは次の2つです。
検索結果画面に、検索キーワードに関連するWebサイトの情報を表示させる。
投稿の単体表示画面に、記事の「タグ」に関連するWebサイトの情報を表示させる。
まずは前者、検索結果画面に追加するコードから。
お使いのテーマに含まれる、検索結果表示用のモジュール(テーマにもよるけど「search.php」という名前になっていることが多いだろう)の、Google検索の結果を表示させたいところに、次のようなコードを埋め込んであげればよいでしょう。
PLAIN TEXT
JavaScript:
<!-- Google <abbr title="Asynchronous JavaScript and <abbr title="eXtensible Mark-up Language">XML">AJAX Search API -->
<div id="webSearch">Loading...</div>
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAXTvzW8EEIrSVZ__2qTBdmRQZBCryXXxktWmnRJoljTey2MGq8RSmAnoN8R7RLf9oPu0-huUOEdrTfA" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var webSearch;
function gasLoad() {
// Create a search control
var searchControl = new GSearchControl();
var gsearch = new GSearch();
searchControl.setResultSetSize(GSearch.LARGE_RESULTSET);
// Add in a full set of searchers
[...]