orioa

今使っているテーマが、iNoveというテーマになりますが、コノテーマ結構な人気で使われている人をよく見かけます。
もとは、をかもとさんが日本語訳をされているのを機に使用するようになったのですが、なかなか機能も良くてデザインも素敵です。
（最近ではよく見かけるようになったので、変更するかデザインをいじるか悩んでます。。。）

で、このテーマでは検索窓が標準で付いてくるのですが、これを管理画面からGoogle のカスタム検索に変更させることが可能です。

と、ここまでは特に難しくなく、コードも変更する必要も無いのですが、カスタム検索を自分のサイト内で表示させる方法がありました。

こっちのほうが、デザイン的にもいいですよね。きっとｗ

では方法

1. まずは当然Google カスタム検索に登録する
2. 以下のコードを書いたcse.phpというファイルを作る。

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

   <?php /* Template Name: cse */ ?>   <?php get_header(); ?> <div id="cse-search-results"></div> <script type="text/javascript"> var googleSearchIframeName = "cse-search-results"; var googleSearchFormName = "cse-search-box"; var googleSearchFrameWidth =600; var googleSearchDomain = "www.google.com"; var googleSearchPath = "/cse"; </script> <script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script> <?php get_footer(); ?>

3. このテンプレートを使って新しくページを作りましょう。
4. 次に、iNove の templates/header.php を編集します。34行目付近の

   34	wp_list_pages('title_li=0&sort_column=menu_order');

   を、

   34	wp_list_pages('title_li=0&sort_column=menu_order&exclude=41');

5. さらに、46行目付近

   46 47 48 49 50 51 52 53

   <form action="http://www.google.com/cse" method="get"> <div class="content"> <input type="text" class="textfield" name="q" size="24" /> <input type="submit" class="button" name="sa" value="" /> <input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" /> <input type="hidden" name="ie" value="UTF-8" /> </div> </form>

   を、

   46 47 48 49 50 51 52 53 54

   <form action="<?php bloginfo('wpurl') ?>/cse" id="cse-search-box"> <div class="content"> <input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" /> <input type="hidden" name="cof" value="FORID:11" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" class="textfield" id="searchtxt" name="q" size="24" /> <input type="submit" class="button" id="searchbtn" name="sa" value="" /> </div> </form>

   に書き換えて完了です。

と、かなり不親切な書き方ですが、美化iNove的Google自定义搜索 – Let’s whisperを参考にしました。