bingo!CMS v1.7 マニュアルサイト

テンプレートの基本情報を編集します。この画面は下記のいずれかの方法で開きます。

• 『テンプレート名称 メモ』に表示されるテンプレート名称、または『基本情報』の編集ボタンをクリック
• 『テンプレート操作』のプルダウン > 『基本情報編集』をクリック

1. スキンタイプの選択
   テンプレートを新規に作成するときは『通常用』『ブログ用』『携帯用』『スマートフォン用』から、作成したいスキンの種類を選択します。
2. テンプレート名称
   テンプレートの名称を入力します。どのような名称にするかは任意です。
3. パンくずリスト表示設定
   パンくずリストの表示、非表示を設定します。
   参考：パンくずリスト
4. メモ
   このテンプレートに関する任意のメモを入力することができます。
   入力したメモは、テンプレート一覧『テンプレート名称』の下に表示されます。
5. スキン名称
   使用できるスキンの一覧が表示されます。
   選択中のスキンは青く反転します。
6. サムネイル
   スキンのサムネイルが表示されます。
7. レイアウト
   スキンのレイアウトイメージが表示されます。
8. 説明
   スキンの構成、対応バージョンなどが表示されます。
9. バージョン
   スキンのバージョンが表示されます。
   スキンの調整やバグ修正などでバージョンが変わることがあります。
10. 保存
    『保存』をクリックして設定内容を保存してください。

テンプレート編集に共通する操作です。

1. 一覧に戻る
   テンプレート一覧へ遷移します。
2. プレビューボタン
   テンプレートをプレビュー表示します。
3. 保存する
   変更を保存します。
4. リセット
   テンプレートをデフォルトの状態に戻します。
   リセット後は、保存ボタンをクリックしないとリセット状態が保存されません。
   リセット後の状態を保存したい場合は、必ず『保存する』をクリックしてください。
5. プルダウン
   テンプレートの編集箇所を切替えます。
6. ルーラー
   ページ内にスケールを表示します。

テンプレートのベース部分を編集します。
※スキンの種類により表示される項目が異なります。

編集画面の入り方

1. 『テンプレート管理』>『テンプレート一覧』> テンプレート編集の『編集』ボタンをクリック
2. 画面左上のプルダウンを『ベース』へ変更

1.【ボディー】

• 背景色　ページ全体の背景色を設定します。
• 透過　ページ全体の背景色を透過します。
• 画像選択　ページ全体に背景画像を設定します。
• 削除　設定した画像を削除します。
• 背景画像を固定する　背景画像を固定にします。
• 背景画像を幅に合わせる　背景画像を幅に合わせます。
• 位置X　背景画像の位置（横方向）を設定します。
• 位置Y　背景画像の位置（縦方向）を設定します。
• 左寄せ/中央/右寄せ　背景画像の位置を設定します。
• X軸リピート　背景画像が横リピートします。
• Y軸リピート　背景画像が縦リピートします。

2.【コンテンツエリア】

• 背景色　背景色を設定します。
• 透過　背景色を透過します。
• スクエア/ラウンド　ラウンドでコンテンツエリアの角が丸まります。
• ラウンド半径　角丸の半径を設定します。※ラウンド選択時のみ
• フォント選択　Webフォントを選択します。
• 文字色　文字の色を設定します。
• リンク文字色　リンクの文字を設定します。
• リンク文字ホバー色　カーソルを乗せた時のリンク文字色を設定します。

3.【フリーエリア】

• 自由入力欄です。HTMLの入力に対応しています。

テンプレートのヘッダー部分を編集します。
※スキンの種類により表示される項目が異なります。

編集画面の入り方

1. 『テンプレート管理』>『テンプレート一覧』> テンプレート編集の『編集』ボタンをクリック
2. 画面左上のプルダウンを『ヘッダー』へ変更

1.【高さ】

• ヘッダーの高さを設定します。

2.【背景】

• 背景色　ヘッダー部分の背景色を設定します。
• 透過　ヘッダー部分を透過します。
• 画像選択　ヘッダー部分に背景画像を設定します。
• 削除　設定した背景画像を削除します。
• 位置X　背景画像の位置（横方向）を設定します。
• 位置Y　背景画像の位置（縦方向）を設定します。
• 左寄せ/中央/右寄せ　設定した画像の位置を指定します。
• X軸リピート　背景画像が横リピートします。
• Y軸リピート　背景画像が縦リピートします。

3.【ロゴ】

• 画像選択　ロゴ画像を登録します。
• 削除　登録したロゴを削除します。
• 非表示　ロゴを非表示にします。
• 位置X　ロゴの位置（横方向）を変更します。
• 位置Y　ロゴの位置（縦方向）を変更します。

4.【バナー】

• 画像選択　バナー画像を登録します。
• 削除　登録したバナーを削除します
• 非表示　バナーを非表示にします。
• 位置（左基点/右基点）　バナーを配置する基点を設定します。
• 位置X　バナーの位置（横方向）を変更します。
• 位置Y　バナーの位置（縦方向）を変更します。
• サイズ　バナーのサイズを変更します。
• URL　バナーのリンク先を設定します。
• 同ページで開く/新規ページで開く　ページの開きかたを設定します。

5.【SEO文章】

• 文章　SEO文章を設定します。
• フォント選択　Webフォントを設定します。
• 文字色　文章の文字色を設定します。
• 非表示　SEO文章を非表示にします。
• ノーマル/太字/斜体/太字＋斜体　文字の書体を設定します。
• px　文字のサイズを設定します。
• 位置（左基点/右基点）　SEO文章を配置する基点を設定します。
• 位置X　文字の位置（横方向）を変更します。
• 位置Y　文字の位置（縦方向）を変更します。

6.【サブナビゲーション】

• フォント選択　Webフォントを設定します。
• 文字色　サブナビゲーションの文字色を設定します。
• 非表示　サブナビゲーションを非表示にします。
• ノーマル/文字/斜体/太字＋斜体　文字の書体を設定します。
• px　文字のサイズを設定します。
• 位置（左基点/右基点）　サブナビゲーションを配置する基点を設定します。
• 位置X　サブナビゲーションの位置（横方向）を変更します。
• 位置Y　サブナビゲーションの位置（縦方向）を変更します。
• リンク文字　リンク文字を設定します。
• URL　サブナビゲーションのリンク先を設定します。

テンプレートのカバー部分を編集します。
※スキンの種類により表示されない項目があります。

編集画面の入り方

1. 『テンプレート管理』>『テンプレート一覧』> テンプレート編集の『編集』ボタンをクリック
2. 画面左上のプルダウンを『カバー』へ変更

1.【高さ】

• カバー部分の高さを設定します。

2.【画像】

• 画像選択　カバー画像を登録します。
• 削除　登録したカバー画像を削除します。
• URL　カバーにリンク先URLを設定します。
• ＋/-　カバーの枚数を追加/削除します。

※bingo!CMS1.7の場合、カバーのエフェクトは"スキンのCSSファイル"にて設定を行います。

テンプレートのナビゲーション部分を編集します。
※スキンの種類により表示されない項目があります。

編集画面の入り方

1. 『テンプレート管理』>『テンプレート一覧』> テンプレート編集の『編集』ボタンをクリック
2. 画面左上のプルダウンを『ナビゲーション』へ変更

1.【グローバルナビゲーション】／2.【ローカルナビゲーション】

• バックグラウンド
  • 背景色　バックグラウンド部分の背景色を透過します。
  • 透過　バックグラウンド部分を透過します。
  • 画像選択　バックグラウンド部分に背景画像を設定します。
  • 削除　設定した背景画像を削除します。
  • X軸リピート　背景画像が横リピートします。
  • Y軸リピート　背景画像が縦リピートします。
• フォント
  • フォント選択　Webフォントを選択します。
• メニュー
  • 背景色　ナビゲーションの通常表示時のメニュー色を設定します。
  • 文字色　ナビゲーション通常表示時のメニュー文字色を設定します。
  • 画像選択　ナビゲーション通常表示時のメニュー部分に背景画像を設定します。
  • 削除　設定した背景画像を削除します。
  • X軸リピート　背景画像が横リピートします。
  • Y軸リピート　背景画像が縦リピートします。
• アクティブ・ホバー
  • 背景色　ナビゲーションのアクティブ・ホバー時のメニュー色を設定します。
  • 文字色　ナビゲーションのアクティブ・ホバー時のメニュー文字色を設定します。
  • 画像選択　ナビゲーションのアクティブ・ホバー時のメニュー部分に背景画像を設定します。
  • 削除　設定した背景画像を削除します。
  • X軸リピート　背景画像が横リピートします。
  • Y軸リピート　背景画像が縦リピートします。

テンプレートのフッター部分を編集します。
※スキンの種類により表示されない項目があります。

編集画面の入り方

1. 『テンプレート管理』>『テンプレート一覧』> テンプレート編集の『編集』ボタンをクリック
2. 画面左上のプルダウンを『フッター』へ変更

1.【レイアウト】

• 高さ　フッター部分の高さを設定します。
• 余白上　ページ全体の背景色を透過します。
• 余白下　ページ全体に背景画像を設定します。

2.【フッター】

• 背景色　フッター部分の背景色を設定します。
• 透過　フッター部分を透過します。
• 画像選択　フッター部分の背景画像を登録します。
• 削除　登録した背景画像を削除します。
• 位置Y　背景画像の位置（縦）を設定します。
• 左寄せ/中央/右寄せ　設定した画像の位置を指定します。
• X軸リピート　背景画像を横に繰り返し表示させるか設定します。
• Y軸リピート　背景画像を立てに繰り返し表示させるか設定します。
• フォント選択　Webフォントを選択します。
• 文字色　フッター部分の文字色を設定します。
• リンク文字色　フッターナビゲーションの文字色を設定します。
• リンク文字ホバー色　フッターナビゲーションにカーソルを乗せた時の文字色を設定します。

3.【フリーエリア】

• 会社住所等、自由に文字を設定できます。

4.【フッターナビゲーション】

• リンク文字　リンクテキストを設定します。
• URL　リンク先のURLを設定します。
• 同ページで開く/新規ページで開く　ページの開きかたを設定します。
• +/-　入力欄を追加/削除します。

5.【コピーライト】

• コピーライトを設定します。

bingo!CMSにデフォルトでインストールされているユニットの共通部分を編集します。

編集画面の入り方

1. 『テンプレート管理』>『テンプレート一覧』> テンプレート編集の『編集』ボタンをクリック
2. 画面左上のプルダウンを『ユニット』へ変更

1.【タイトル】

• フォント選択　Webフォントを設定します。
• 文字色　タイトルの文字色を設定します。
• 文字サイズ　文字の大きさを設定します。
• 左寄せ/中央/右寄せ　タイトルの位置を設定します。

2.【サブタイトル】

• フォント選択　Webフォントを設定します。
• 文字色　サブタイトルの文字色を設定します。
• 文字サイズ　文字の大きさを設定します。
• 左寄せ/中央/右寄せ　サブタイトルの位置を設定します。

3.【背景付タイトル】

• フォント選択　Webフォントを選択します。
• 文字色　文字色を設定します。
• 文字サイズ　文字の大きさを設定します。
• 左寄せ/中央/右寄せ　タイトルの位置を設定します。
• スクエア/ラウンド　ラウンドで角が丸くなります。
• ラウンド半径　角丸の半径を設定します。（ラウンド選択時のみ）
• 背景色　背景色を設定します。
• 画像選択　背景に画像を設定します。
• 削除　背景に設定した画像を削除します。
• X軸リピート　背景画像の位置（横方向）を設定します。
• Y軸リピート　背景画像の位置（縦方向）を設定します。

4.【表・リスト・ブログパーツ】

• 見出し背景色　見出しの背景色を設定します。
• 文字色　文字色を設定します。

5.【ユニット共通】

• スクエア/ラウンド　ラウンドで角が丸くなります。
• ラウンド半径　角丸の半径を設定します。（ラウンド選択時のみ）
• 背景色　背景色を設定します。
• 文字色　文字色を設定します。
• 余白　背景色・枠線を設定した際の、枠から文字までの余白を設定します。

サイドバーを編集します。

編集画面の入り方

『テンプレート管理』 > 『テンプレート一覧』 > サイドバーの『編集』ボタンをクリック
※サイドバーの『編集』ボタンはサイドバー対象のスキンのみ表示されます。
※使用するスキンにより、サイドバーの表示位置が異なります。

【ローカルメニューユニットについて】

ローカルメニューユニットは、サイドバー付きスキンでのみできるユニットです。
サイドバー部分にローカルメニューを表示する役割を持ちます。

• 『ローカルメニューユニット』は、編集する必要がない場合も必ず編集画面を開き『保存』をクリックしてください。保存しないと正常に使用できません。
• 『ローカルメニューユニット』は削除できません。

【その他】

• 『ローカルメニューユニット』の上下には、任意のユニットが設置できます。