デザインカスタマイズ手順
【必要なスキル】
デザインカスタマイズを行うには下記の点をご理解いただいている必要がございます。
１、画像ベースでサイトのデザインスキルが必要です。
⇒PhotoshopやFireworksでのデザイン
２、最低限のCSSの知識が必要です。
⇒通常のCSSを記述するよりできる事を制限していますので設定は非常に簡単です。
３、Be-CMS管理画面の「デザイン設定」がデザインにどのように反映されるかを認識する必要がございます。
⇒CSSを利用したデザイン作成経験があれば管理画面を見ていただくだけで内容はご理解いただけます。
【手順】
１、画像ベースでサイトデザインを作成します。
⇒必要なパーツにつきましては後述します。
２、Be-CMS管理画面の「デザイン設定」からデザインを適用します。
デザインカスタマイズを行うには下記の点をご理解いただいている必要がございます。
１、画像ベースでサイトのデザインスキルが必要です。
⇒PhotoshopやFireworksでのデザイン
２、最低限のCSSの知識が必要です。
⇒通常のCSSを記述するよりできる事を制限していますので設定は非常に簡単です。
３、Be-CMS管理画面の「デザイン設定」がデザインにどのように反映されるかを認識する必要がございます。
⇒CSSを利用したデザイン作成経験があれば管理画面を見ていただくだけで内容はご理解いただけます。
【手順】
１、画像ベースでサイトデザインを作成します。
⇒必要なパーツにつきましては後述します。
２、Be-CMS管理画面の「デザイン設定」からデザインを適用します。
デザインをBe-CMSに適用するパーツ
▼カスタマイズ必須のパーツ
下の画像クリックで大きな画像が開きます。
文章と合わせてご確認ください。
■共通部分設定の全ての項目
メニュー表示設定位置とサイズ背景設定フォント設定■ヘッダーパーツ設定
見出し１（H1タグ）タイトルバナーヘッダーナビエリアＡヘッダーリンクボタンヘッダーリンクボタン（アクティブ）ヘッダーナビエリアＢヘッダーリンクボタンBヘッダーリンクボタンB（アクティブ）パンくずリンク
ヘッダーナビエリアＢを出現させるにはメニュー表示設定のタイプを１からタイプ３に切り替えてください。リンクボタンを全て画像で実現する場合にはページ一覧＞リンクボタンより画像をアップロードする事で実現します。
■サイドパーツ設定
サイドナビエリア（サイドナビエリア）親ページリンクボタン親ページリンクボタン（アクティブ）子ページリンクボタン子ページリンクボタン（アクティブ）リンクボタンを全て画像で実現する場合にはページ一覧＞リンクボタンより画像をアップロードする事で実現します。
サイドパーツヘッダー設定↑サイドパーツ設定のページ中ほどにあります。
■見出しスタイル設定
見出し2（H2タグ）見出し3（H3タグ）コンテンツ領域の幅を指定しないでください。ここを指定すると、カラムによって対応できません。
■フッターパーツ設定
トップへ戻るボタンフッターナビエリア フッターリンクボタン フッターリンクボタン（アクティブ） フッター ▼カスタマイズ任意のパーツ
■下記は必要に応じて、パーツを追加してください。
文字修飾設定ボックス設定箇条書き設定区切り線設定アイコン登録