第三回 ブロック単位で背景色の変更について
背景の色を変更したい!
こういったお問合せを頂きましたので、今回の第三回目はブロック単位で背景色の変更方法についてご説明します。
カスタマイズ方法
カスタマイズ方法については2パターンの方法があります。
1.全ページに反映させる方法!
コントロールパネル>設定>SEO対策>アクセス解析の設定
2.個別ページのみに反映させる方法!
右クリック>メタタグ>メタタグの登録
この上記2パターンの方法で背景色の変更が可能です
1.全ページに反映させる方法!
1-1.フリーパーツの作成
背景色変更を分かりやすくする為にフリーパーツを一つ作成します。
右クリック>レイアウト>レイアウトを変える>パーツを追加
コントロールパネル>作成>デザイン>レイアウトを変える>パーツを追加
※どちらからでも可能

※今回は【BOTTOM】に配置します。
1-2.「アクセス解析の設定」からカスタマイズを行う!
コントロールパネル>設定>SEO対策>アクセス解析の設定
本来はAnalyticsの設定を行う場所ですが、それ以外のソースも反映させることが出来ます。
その他のトラッキングコードの</HEAD>タグ直前 こちらに必要なソースをコピーしてください。
※「アクセル解析の設定」からカスタマイズを行った場合、「サイト公開」ボタンを押さないと反映されません!
また編集画面にログインした状態で背景画像が変更されている事を確認出来ませんので、ログアウトしてご確認ください。
※bottom以外の背景色などを変えたい場合は#bottom→#mainなどに変更してください。詳しくはレイアウトからブロック名をご確認ください。
基本全てのレスポンシブデザイン(bottom/upper)で対応していますが、例外については下記からご確認ください。
例外の場合は下記のソースをご利用ください。

【アクセス解析の設定】ログイン時

【アクセス解析の設定】ログアウト時

2.個別ページに反映させる方法!
2-1.フリーパーツの作成
背景色変更を分かりやすくする為にフリーパーツを一つ作成します。
右クリック>レイアウト>レイアウトを変える>パーツを追加
コントロールパネル>作成>デザイン>レイアウトを変える>パーツを追加
※どちらからでも可能

※今回は【BOTTOM】に配置します。
2-1.「メタタグの設定」からカスタマイズを行う!
右クリック>メタタグ>メタタグの登録
このメタタグの登録から設定を行う場合は設定されたページしか反映されませんのでご注意してください。
上記の点から特定のページだけ反映させたい場合などは、こちらの「メタタグの登録」から設定を行って下さい。
メタタグのエディターを開き、上部のタグの【追加タグ設定】をクリックし</HEAD>タグ直前 に先程と同じソースをコピーしてください。
※bottom以外の背景色などを変えたい場合は#bottom→#mainなどに変更してください。詳しくはレイアウトからブロック名をご確認ください。
基本全てのレスポンシブデザイン(bottom/upper)で対応していますが、例外については下記からご確認ください。
例外の場合は下記のソースをご利用ください。

