検索ボックス導入手順
シリウス内にグーグルの検索ボックスを配置する解説です
サイト内サーチ検索ボックスは、標準機能で備えございますが、それはサイト内だけの範囲
グーグル検索ボックスは、Google Chrome画面で使われるものと同様の機能で、取り入れる
種類により、サイト内検索の反映も機能付けされます
シリウスレスポンシブ機能同様に自動縮小
また、記事幅に合わせサイズは適合します
配置位置は、記事上部フリースペース１にコードを置けば見出し上に表示可能
フリースペース３、4でも配置可能
個別にページ配置が面倒、すべてのページでの同時表示をするなら、ＨＴＭｌ内にトップ、
カテゴリー エントリーとコード配置してください
以下例 （標準タイプ）
ただし、当サイトの背景に合わせるため黒背景にカスタマイズしています）
実動しますので作動を検証して下さい
通常利用は、白台紙の上に置くので以下スタイル
ノンカスタマイズ 標準例
張り付けようコード
コピーして記事内に張り付けします
<!-- Google -->
<form method=get action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF"><tr><td>
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle"></a>
<input type=text name=q size=31 maxlength=255 value="">
<input type=hidden name=ie value=Shift_JIS>
<input type=hidden name=oe value=Shift_JIS>
<input type=hidden name=hl value="ja">
<input type=submit name=btnG value="Google 検索">
</td></tr></table>
</form>
<!-- Google -->
サイト内検索機能付随例
張り付けようコード
<!-- SiteSearch Google -->
<form method=get action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF"><tr valign=top><td>
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle"></a>
</td>
<td>
<input type=text name=q size=31 maxlength=255 value="">
<input type=hidden name=ie value=Shift_JIS>
<input type=hidden name=oe value=Shift_JIS>
<input type=hidden name=hl value="ja">
<input type=submit name=btnG value="Google 検索">
<font size=-1>
<input type=hidden name=domains value="●●●"><br>
<input type=radio name=sitesearch value=""> WWW を検索
<input type=radio name=sitesearch value="●●●" checked> ●●● を検索
</font>
</td></tr></table>
</form>
<!-- SiteSearch Google -->
カスタマイズ
カスタマイズといっても、サイトにより背景が白以外の場合、色合わせすることぐらいでしょうか
背景に色合わせする場合、シリウス機能 ユーザー定義ボックスで同色のコードを作成
してグーグルコードに組み込みます
取り出したユーザー定義ボックスコードです
<div style="border:solid 1px #AAAAAA;background-color:#000000;color:#00344D;font-size:13px;padding:10px;">
</div>
標準タイプで組み込んだ例を参照ください
<form method=get action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF"><tr><td>
<div style="border:solid 1px #AAAAAA;background-color:#000000;color:#00344D;font-size:13px;padding:10px;">
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle"></a>
<input type=text name=q size=31 maxlength=255 value="">
<input type=hidden name=ie value=Shift_JIS>
<input type=hidden name=oe value=Shift_JIS>
<input type=hidden name=hl value="ja">
<input type=submit name=btnG value="Google 検索">
</div>
</td></tr></table>
</form>
<!-- Google -->
関連ページ
- グーグルマップ（Google Maps） 住所検索地図導入
- シリウスサイト内でグーグルマップ（Google Maps）を目標案内として、または住所検索の地図サービスとして導入する手順の解説です