今回は滅多に書かないWordpress関連について書いてみようかと思います。
今週末はまとまった時間が出来たので、前々からやろうと思っていたGoogleのカスタム検索をWordpressに組み込んでみようかと思います。
やっぱね、検索慣れしているGoogle検索でね、このサイト全体をね、マッハで検索したいんです！。あれ？何処に書いたっけ？とかって探すの面倒くさいし、Wordpressのデフォの検索ではいまいちなので、Googleカスタム検索を使うことにします。
Googleカスタム検索には２種類（企業向け：有料で広告表示なし。個人向け：無料で広告表示あり）があるけれど、僕は個人向けの無料のヤツを使う。
前提
・WordpressのテーマはModern Styleを利用
今回やること
・サイトのサイドバーに「カスタム検索」を設置
・固定ページとして「Brokendish内検索」ページを設置
・「カスタム検索」の検索結果を固定ページの「Brokendish内検索」に表示
・ウエブ検索とイメージ検索を出来るようにしておく
こんな感じのを作る
Googleカスタム検索の設定————–
Googleカスタム検索にアクセスして各設定を行う
http://www.google.com/cse/?hl=ja
●基本設定
ここはそれとなく設定しておく
●デザインを選択
レイアウトの選択：「今回やることを」を実現するために「2ページ」を選択する
画像検索結果：ここは好みでいい
スタイル：ここも好みでいい
●コードを取得
WordPressの設定———————-
●サイトのサイドバーに「カスタム検索」を設置
WordPress：外観：ウイジェット：サイドバー
にテキストを追加してGoogleから取得したコード「検索ボックスを表示するページに・・・」のやつを貼り付ける
●検索結果表示先の固定ページを作成
・・/wp-content/themes/ModernStyle/page.php
をコピーして
・・/wp-content/themes/ModernStyle/searchGoogle.php
を作成する
●searchGoogle.phpをいじる
・searchGoogle.phpがテンプレートとして使用できるように先頭に下記を追加
<?php
/*
Template Name: GoogleSearch
*/
?>
・Googleから取得したコード「検索結果を表示するhttp://・・・」のやつをsearchGoogle.phpの適切な場所※1に貼り付ける
※1 下記ソースの
<?php //——————————ここにGoogleから取得した「Custom Search Element のコード」を書くよ！————S ?>
<?php //——————————ここにGoogleから取得した「Custom Search Element のコード」を書くよ！————E ?>
の位置にぶち込む。あと、不要な部分はコメントアウトする
下記がsearchGoogle.phpのソース（全部載せ）
————————————-
————————————-
●Wrodpressに固定ページを登録
「searchGoogle.php」ができたので、これを固定ページのテンプレートとして登録する
以上で完了
こんな感じになるはず
サードバー
ウエブ検索タブ
イメージ検索タブ
検索固定ページ
https://brokendish.org/search-2/
