2016年1月11日

検索バーをGoogleカスタム検索に変更する方法、WordPressの検索フォーム。

スポンサードリンク

 検索バーは、元々WordPressにあります。
それを使っても良いのですが(私はそのまま)
Googleカスタム検索に変更することもできます。

Stinger5検索フォームをカスタム検索に変える


 前提としては、カスタム検索の設定がされているものとします。

まだ出来ていない方は、これまた結構な作業なので、
心してググッてチャレンジしてみて下さい。


参考にどうぞ。

【Stinger5】超簡単!Googleカスタム検索に変更する方法
http://ryotoku.com/searchform-google-custom-search/


 Googleで、カスタム検索の設定が出来上がったら、
以下をどうぞ。


 Stinger5では、

searchform.php

というフォルダがあります。
この子テーマを作って下さい。

親テーマのコードが記入されていた(コピーされていた)ら、
以下のコードに変更。

子テーマ内はまだ未記入なら、以下のコードを追加します。


(このままコピーしないで下さい。UTF-8Nに変換して下さい。)


<div id="search">
<form action="http://www.google.co.jp/cse" id="cse-search-box" id="searchform">
  <div>
    <label class="hidden" for="s">
      <?php _e('', 'kubrick'); ?>
    </label>

    <input type="hidden" name="cx" value="partner-pub-****************:**********" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="10" id="s" />
    <input type="image" src="<?php echo get_template_directory_uri(); ?>/images/search.png" alt="検索" id="searchsubmit"  value="<?php _e('Search', 'kubrick'); ?>" />

  </div>
</form>
<script type="text/javascript" src="http://www.google.co.jp/coop/cse/brand?form=cse-search-box&amp;lang=ja"></script>
</div>


 赤字の箇所は、
ご自身のコードに置き換えます。

Googleカスタム検索でCSSの設定は出来ますが、
微妙な大きさの調整などは、WordPressのCSSでやります。

そのへんについてはこちらのサイトを参考にどうぞ。


STINGER5の検索をGoogleカスタム検索に変更する
http://8wired.jp/blog/3195



 こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。


 当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。

必ずデータは最新のバックアップを取っておいて下さい。


 WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。

当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。

詳細はWordPressヘルプを参照下さい。


 ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)


スポンサードリンク