『bingo! ASP』中小企業向けホームページ制作・更新管理が簡単なCMS。

[テンプレート編集]画面で、編集したいテンプレートの[編集]ボタンをクリックして、完成イメージを参考にテンプレートを編集しましょう。使用しているデザインテンプレートは「garden（オリーブ・ローカルメニュー付）」です。
このページでは、登録したテンプレートのロゴ画像・ヘッダー・フッター・サイドバーの登録をします。
※ヘッダー画像、メインカバー画像やサイドバーの有無はテンプレートによって異なります。
※メニュー構成やリンク先のURLを、まだ決めていない場合は後からでも編集できます。

テンプレート編集画面です。

1.　ヘッダー部分を編集します。ロゴ画像やバナーをカバー画像等を登録します。
2.　登録したカバー画像を編集します。
3.　カバー画像に表示される「サイト名」のフォントサイズや表示位置、色、表示・非表示を設定します。
4.　フッター部分を編集します。Copyrightやフッターナビゲーションを登録します。
5.　サイドバー部分を編集します。
6.　コンテンツ部分です。サンプルがダミーで表示されますが、実際には何もデータは入っていません。

※編集できる箇所は選択したテンプレートにより異なります。

ヘッダー部の[ヘッダー編集]ボタンをクリックすると、ヘッダー編集フォームが開きます。

1.　ロゴ画像を登録します。画像の大きさはテンプレートによって異なります。この場合は[250px × 50px]の画像を用意します。
[ファイルを選択]ボタンをクリックすると、素材管理画面が開きますので登録したい画像の[ファイルを取り込む]ボタンをクリックします。
2.　ヘッダー背景画像、またはメインカバー画像を登録します。テンプレートにより表示場所は異なります。この場合は[910px × 300px]の画像を用意します。
今回、選択している「garden（オリーブ・ローカルメニュー付）」の場合は[背景画像編集]が可能なので、[910px × 300px]以上の画像をとりあえず登録しておきましょう。
3.　SEO対策用のホームページ説明文を入力します、検索エンジンによっては検索結果表示画面にホームページの説明としてここで設定した文章が表示されます。
4.　バナー画像を登録します。画像の大きさはテンプレートによって異なります。この場合は[468px × 60px]の画像を用意します。
5.　バナー画像をクリックした際のジャンプ先ページのURLを入力し、ページの開き方を選択します。URLを入力しなければ、ただの画像としても利用できます。
6.　このテンプレートでは利用しできませんが、ヘッダーに表示されるヘッダーメニューを５つまで登録できます。メニュー名、クリックした際のジャンプ先ページのURLを入力し、ページの開き方を選択します。
※フッター編集をご参考ください。
7.　入力後、[保存]ボタンをクリックして内容を保存します。
※入力していない項目に関しては、編集時およびプレビュー時にはサンプルが表示されます。公開時は表示されません。

ヘッダー部の[背景画像編集]ボタンをクリックすると、[ヘッダー編集]で登録した「ヘッダー背景画像、またはメインカバー画像」を編集できる背景画像編集フォームが開きます。
※選択するテンプレートによっては無い場合があります。

1.　画像を拡大縮小します。数字を直接入力するか、スライダーで調整します。
2.　「ヘッダー背景画像、またはメインカバー画像」を表示する高さを指定します。数字を直接入力するか、スライダーで調整します。
3.　「ヘッダー背景画像、またはメインカバー画像」の表示される枠内での画像の上下位置を調整します。数字を直接入力するか、スライダーで調整します。
4.　「ヘッダー背景画像、またはメインカバー画像」の表示される枠内での画像の左右位置を調整します。数字を直接入力するか、スライダーで調整します。
5.　「ヘッダー背景画像、またはメインカバー画像」の背景カラーを指定できます。数字を直接入力するか、カラーピッカーで調整します。
6.　編集後、[保存]ボタンをクリックして内容を保存します。

「ヘッダー背景画像、またはメインカバー画像」には、[サイト情報管理]で登録した「サイト名」が自動で表示されます。ヘッダー部の[タイトル編集]ボタンをクリックすると、表示された「サイト名」のフォントサイズや表示位置、色等を編集できる背景画像編集フォームが開きます。
※選択するテンプレートによっては無い場合があります。

1.　「サイト名」の表示・非表示を選択します。表示する場合はフォントの書式が選択できます。
2.　フォントのサイズを指定します。数字を直接入力するか、スライダーで調整します。
3.　フォントの上下位置を調整します。数字を直接入力するか、スライダーで調整します。直接フォントをスライドさせることもできます。
4.　フォントの左右位置を調整します。数字を直接入力するか、スライダーで調整します。直接フォントをスライドさせることもできます。
5.　フォントのカラーを指定できます。数字を直接入力するか、カラーピッカーで調整します。
6.　編集後、[保存]ボタンをクリックして内容を保存します。

フッター部の[編集]ボタンをクリックすると、フッター編集画面が開きます。

1.　Copyrightや会社名、所在地などを入力します。
コピーライトマーク©は小文字で　＆ｃｏｐｙ；　と入力すると表示されます。
2.　フッターに表示されるフッターメニューを５つまで登録できます。メニュー名、クリックした際のジャンプ先ページのURLを入力し、ページの開き方を選択します。
3.　入力後、[保存]ボタンをクリックして内容を保存します。
※入力していない項目に関しては、編集時およびプレビュー時にはサンプルが表示されます。公開時は表示されません。

6.　「画像ボタン」の通常時とマウスのカーソルを合わせた時の画像を、それぞれ登録します。この場合は横幅が[200px]の画像を用意します。
7.　ボタンをクリックした際のジャンプ先ページのURLを入力し、ページの開き方を選択します。
8.　alt（代替テキスト）を入力します。（※1）
9.　「デザインオプション」では背景色や枠線、「ユニット」の下側の間隔を選択できます。（※2）
10.　入力後、[保存]ボタンをクリックして内容を保存します。

サイドバーの編集が終わったら、[←]ボタンをクリックして元の画面に戻り、左側の「テンプレート設定情報」内にある[保存]ボタンをクリックして編集したテンプレートの内容を保存しましょう。

※1　alt（代替テキスト）とは
画像の代わりになる語句、文章のことです。 何らかの理由で画像が表示されない場合 alt 指定の代替テキストが表示されます。特に画像ボタン等は、画像が表示されないとリンク先が何のページなのか分かりません。alt="HOMEへ"等とリンク先がわかるように記述しましょう。
※2　「ユニット」によっては選択できない項目もあります。