TOP

検索ボックス導入手順

シリウス内にグーグルの検索ボックスを配置する解説です
サイト内サーチ検索ボックスは、標準機能で備えございますが、それはサイト内だけの範囲

 

グーグル検索ボックスは、Google Chrome画面で使われるものと同様の機能で、取り入れる
種類により、サイト内検索の反映も機能付けされます

 

シリウスレスポンシブ機能同様に自動縮小
また、記事幅に合わせサイズは適合します

 

配置位置は、記事上部フリースペース1にコードを置けば見出し上に表示可能
フリースペース3、4でも配置可能

 

個別にページ配置が面倒、すべてのページでの同時表示をするなら、HTMl内にトップ、
カテゴリー エントリーとコード配置してください

 

 

以下例 (標準タイプ)
ただし、当サイトの背景に合わせるため黒背景にカスタマイズしています)

 

実動しますので作動を検証して下さい


Google

 

 

通常利用は、白台紙の上に置くので以下スタイル

 

ノンカスタマイズ 標準例


Google

 

張り付けようコード
コピーして記事内に張り付けします

 

<!-- 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 -->

 

 

 


 

 

サイト内検索機能付随例

 


Google


WWW を検索 ●●● を検索

 

 

張り付けようコード

 

<!-- 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) 関連サービスの導入まとめ
トップページ

関連ページ

グーグルマップ(Google Maps) 住所検索地図導入
シリウスサイト内でグーグルマップ(Google Maps)を目標案内として、または住所検索の地図サービスとして導入する手順の解説です