共通部分設定[Be-CMSマニュアル&ヘルプサイト]

ホームページ全体のページ幅、背景、色、など、統一して使用する表示の設定をします。

ホームページの全体位置を設定できます。
中央寄せ…ブラウザーの中央へホームページを寄せます。
左寄せ…ブラウザーの左へホームページを寄せます。

全体…「ページ」背景部分の横幅を決定します。
一般的には800px程度が適当です。

サイドパーツ…「サイドパーツ」部分の横幅を決定します。
推奨は180pxです。

px（ピクセル）
半角数字

「素材集」に登録されている「テンプレートセット」はほとんどが800pxで作られているので、特に支障がない限りそのまま利用することをオススメします。

「ヘッダーパーツ」と「サイドパーツ」との間隔を設定可能です。

px（ピクセル）
半角数字

「サイドパーツ」と「メイン」との間隔を設定可能です。

px（ピクセル）
半角数字

「サイドパーツ」の背景を設定可能です。
「背景色」と「背景画像」は単一選択になります。

背景色…をクリックするとカラーピッカーが開きますので、お好きな色を選択してください。
テキスト入力でも指定可能です。

半角英数


背景画像…をクリックすると、ファイル選択画面になるので、お手持ちの画像を指定してください。

背景の場合は小さい画像をひとつおいて、タイルのように並べることが可能です。
下記の４種のオプションで指定してください。
・繰り返しなし…大きい画像１枚で表現する場合に最適です。
・縦方向に繰り返し…横長の画像を指定する場合に最適です。
・横方向に繰り返し…縦長の画像を指定する場合に最適です。
・縦横に繰り返し…アイコンのような小さいサイズの画像を並べるのに最適です。
アップロードした画像は[登録画像を表示] で可能です。

削除オプション…登録画像を消したい場合に選択してください。

JPG,GIF

設定を変更したら必ず「保存」ボタンを押してください。

「メインエリアの背景」の背景を設定可能です。
「背景色」と「背景画像」は単一選択になります。

背景色…をクリックするとカラーピッカーが開きますので、お好きな色を選択してください。
テキスト入力でも指定可能です。

半角英数


背景画像…をクリックすると、ファイル選択画面になるので、お手持ちの画像を指定してください。

背景の場合は小さい画像をひとつおいて、タイルのように並べることが可能です。
下記の４種のオプションで指定してください。
・繰り返しなし…大きい画像１枚で表現する場合に最適です。
・縦方向に繰り返し…横長の画像を指定する場合に最適です。
・横方向に繰り返し…縦長の画像を指定する場合に最適です。
・縦横に繰り返し…アイコンのような小さいサイズの画像を並べるのに最適です。
アップロードした画像は[登録画像を表示] で可能です。

削除オプション…登録画像を消したい場合に選択してください。

JPG,GIF

設定を変更したら必ず「保存」ボタンを押してください。

「ページ背景」の背景を設定可能です。
「背景色」と「背景画像」は単一選択になります。

背景色…をクリックするとカラーピッカーが開きますので、お好きな色を選択してください。
テキスト入力でも指定可能です。

半角英数


背景画像…をクリックすると、ファイル選択画面になるので、お手持ちの画像を指定してください。

背景の場合は小さい画像をひとつおいて、タイルのように並べることが可能です。
下記の４種のオプションで指定してください。
・繰り返しなし…大きい画像１枚で表現する場合に最適です。
・縦方向に繰り返し…横長の画像を指定する場合に最適です。
・横方向に繰り返し…縦長の画像を指定する場合に最適です。
・縦横に繰り返し…アイコンのような小さいサイズの画像を並べるのに最適です。
アップロードした画像は[登録画像を表示] で可能です。

削除オプション…登録画像を消したい場合に選択してください。

JPG,GIF

設定を変更したら必ず「保存」ボタンを押してください。

「余白背景」の背景を設定可能です。
「背景色」と「背景画像」は単一選択になります。

背景色…をクリックするとカラーピッカーが開きますので、お好きな色を選択してください。
テキスト入力でも指定可能です。

半角英数


背景画像…をクリックすると、ファイル選択画面になるので、お手持ちの画像を指定してください。

背景の場合は小さい画像をひとつおいて、タイルのように並べることが可能です。
下記の４種のオプションで指定してください。
・繰り返しなし…大きい画像１枚で表現する場合に最適です。
・縦方向に繰り返し…横長の画像を指定する場合に最適です。
・横方向に繰り返し…縦長の画像を指定する場合に最適です。
・縦横に繰り返し…アイコンのような小さいサイズの画像を並べるのに最適です。
アップロードした画像は[登録画像を表示] で可能です。

固定オプション…ページが長くなった場合に背景をスクロールするかの設定です。
・固定しない（通常）
・固定する（スクロールしない）


削除オプション…登録画像を消したい場合に選択してください。

JPG,GIF

設定を変更したら必ず「保存」ボタンを押してください。

基本となるフォントの設定を行います。
何も設定しない場合にはブラウザ標準（ユーザーのパソコン設定）の設定が採用されます。
したがって、強制的に色をつけたりサイズを固定することで、意図したデザインをユーザーに見せることが出来ます。

ここ以外の各パーツにもフォント設定はありますが、各パーツでフォント設定をしなかった場合にこの「通常フォント」が優先的に採用されます。

サイズ：フォントの大きさを決定します。
px（ピクセル）
半角数字

色：フォントの色を決定します。
をクリックするとカラーピッカーが開きますので、お好きな色を選択してください。
テキスト入力でも指定可能です。

半角英数
黒の場合の入力例 #000000

可読性を高めるために、なるべく黒や濃い色でまとめるのがポイントです。

テキストのリンクの色を決定します。
何も設定しない場合にはブラウザ標準の色（通常青）が採用されます。

未訪問：ユーザーが一度もクリックしていないリンクの色
マウスオーバー：ユーザーがマウスを乗せたときに表示する色
マウスクリック：ユーザーがマウスをクリックしたときに表示する色
訪問済み：ユーザーが既に訪れた色

をクリックするとカラーピッカーが開きますので、お好きな色を選択してください。
テキスト入力でも指定可能です。

半角英数
黒の場合の入力例 #000000

テキストの行間の設定が可能です。％で指定します
何も設定しない場合にはブラウザ標準の行間（100％）が採用されます。

半角　数字

良く使われるのは100〜150％程度です。
行間を極端に上げるとボタンや見出しなどのデザインが崩れる危険性があるので、変更したらすぐにプレビューで確認することをオススメします。

基本となるメニュー表示の設定を行います。