新規記事の投稿を行うことで、非表示にすることが可能です。
2015年05月05日
FANBLOGにGoogleカスタム検索設置
WordpressにGoogleカスタム検索設置と大差ないけど、貼り付けるコードは FANBLOG のテンプレートに合わせてちょっとだけ変える:
以下
部分がないと他のパーツとの統一感がなくなるので入れておく。
同様に、
の
の
こんな感じで貼り付け:
<div class="sidetitle">検索</div>
<div id="search-box" class="side">
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="ここに貴方が取得した検索エンジンID" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" />
<input type="submit" name="sa" value="検索" class="input-submit"/>
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=ja"></script>
</div>
以下
<div class="sidetitle">検索</div>
部分がないと他のパーツとの統一感がなくなるので入れておく。
同様に、
<div id="search-box" class="side">
の
class="side"
と、<input type="submit" name="sa" value="検索" class="input-submit"/>
の
class="input-submit"
も。こんな感じで貼り付け:
WordpressにGoogleカスタム検索設置
なんてネタは競合しまくりであって、「親切な」説明みたければ他をあたって下さい。これは自分用メモ。
1. Googleアカウントを持っていない場合は取る。
2. カスタム検索にいく
3. 「Add」して作成
とすると、「詳細」で「コードの取得」で「貼り付けられるコード」または「検索エンジンID」で「自作コードに貼り付けられるID」が取れるようになる。自分のサイトに貼り付けるのに柔軟にカスタマイズしたければ、後者の方が楽。
こんな感じ:
上で紹介したコードはサイドバーとか向けで、「
それよりあれだ、カスタム検索で「設定」出来る画像検索とか音声検索って、どうやってコードに書けばいいんだろうか…?
1. Googleアカウントを持っていない場合は取る。
2. カスタム検索にいく
3. 「Add」して作成
とすると、「詳細」で「コードの取得」で「貼り付けられるコード」または「検索エンジンID」で「自作コードに貼り付けられるID」が取れるようになる。自分のサイトに貼り付けるのに柔軟にカスタマイズしたければ、後者の方が楽。
<div id="search-box">
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="ここに貴方が取得した検索エンジンID" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" />
<input type="submit" name="sa" value="検索" />
</div>
</form>
</div>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=ja"></script>
こんな感じ:
上で紹介したコードはサイドバーとか向けで、「
target="_blank"
」によって、今読者がみてるページを汚さずに検索出来る、というわけだけれど、検索結果を自ページに引用したければ、「コードの取得」で「貼り付けられるコード」をそのまま使う感じになるかな、多分。(こっちはワタシに需要ないので試してない。)それよりあれだ、カスタム検索で「設定」出来る画像検索とか音声検索って、どうやってコードに書けばいいんだろうか…?