ガイドメニュー

wordpress

STINGER7でGoogleカスタム検索の導入

STINGER7でのテーマ標準の検索があるかとおもいますが
Google AdSenseを貼っている人は是非ともGoogleカスタム検索を導入したいところ

そこで、標準の検索ではなく、Googleカスタム検索のやりかたについてのやり方を説明していきます
また、STINGER7の親テーマのphpファイルを子テーマにコピーする作業もあります

子テーマにsearchform.phpをコピーする

「STINGER7」の「searchform.php」を子テーマである「STINGER7chilled」にコピーします
コピーしたのであれば、書き込み権限のをお忘れることなく

デフォルトではこのようのになっていますが

<div id="search">
	<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
		<label class="hidden" for="s">
			<?php _e( '', 'affinger' ); ?>
		</label>
		<input type="text" placeholder="検索するテキストを入力" value="<?php the_search_query(); ?>" name="s" id="s" />
		<input type="image" src="<?php echo get_template_directory_uri(); ?>/images/search.png" alt="検索" id="searchsubmit" />
	</form>
</div>
<!-- /stinger -->

 

上記のコードを以下のコードにするだけで簡単にできる

<div style="padding-top:10px;">
<form action="http://www.google.co.jp/cse" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="ここにはカスタム検索のID" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="20" />
    <input type="submit" name="sa" value="検索" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.co.jp/coop/cse/brand?form=cse-search-box&amp;lang=ja"></script>
</div>
<!-- /stinger -->

IDに関しては各自AdSenseにログインし取得してきてください

という感じで、簡単に標準の検索から、Googleカスタム検索にすることができましたー
お手軽で簡単なので是非是非

配信はTwitch(ツイッチ)で行っています。フォローよろしくお願いします

サイト管理者のプロフィール

ReinyaN

ストリーマー活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

関連記事とスポンサーリンク

  • この記事を書いた人
  • 最新記事

ReinyaN

ストリーマー活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

-wordpress
-, , , , , , ,