キーワード検索

お知らせ

障害情報

Dressでサイトをデザインする

Dressを使用して、サイトの背景やメニューなどのカラーを変更できます。
ここでは、サイト全体の背景色とヘッダーにあるメニューの文字色を変更する方法について説明します。

 

サイト全体の背景色の変更

テンプレートを作成する

サイトエディタで〈サイトDress〉をクリックします。
04-03-004_01_c1.png

〈新規作成〉をクリックします。
04-03-004_02_c1.png

〈テンプレート名〉、〈説明文〉を入力し[1]、〈OK〉をクリックします[2]。
04-03-004_03_c1.png

背景色を変更する

〈テンプレートを編集〉をクリックします。

04-03-004_04_c1.png

〈ページ〉を選択し[1]、〈背景(上層レイヤー)〉をクリックします[2]。
04-03-004_05_c1.png

〈背景色〉を選択し[1]、文字色を調整します[2]。
04-03-004_06_c1.png

〈設定する〉にチェックを入れ[1]、〈保存〉をクリックし[2]、〈戻る〉をクリックします[3]。
04-03-004_07_c1.png

〈適用〉をクリックします。
04-03-004_08_c1.png

背景色が変更されたことを確認します。
04-03-004_09_c1.png
ページ設定内で、Dressの〈上書きロック〉を設定しているページは、サイト全体のDressの設定は適用されません。

ヘッダーのメニューの文字色変更

テンプレートを作成する

サイトエディタの〈ページを編集する〉をクリックします。
04-03-004_10_c1.png
ヘッダーのメニューのブロックエディタを開き、〈編集〉をクリックします。
04-03-004_11_c1.png
〈設定〉を選択し[1]、ブロックデザインで〈その他のDress〉をクリックします[2]。
04-03-004_12_c1.png
〈新規作成〉をクリックします。
04-03-004_13_c1.png
〈テンプレート名〉、〈説明文〉を入力し[1]、〈OK〉をクリックします[2]。
04-03-004_14_c1.png

メニューの文字色を変更する

〈テンプレートを編集〉をクリックします。
04-03-004_15_c1.png
〈メニュー〉を選択し[1]、〈メニューA:リンク〉をクリックします[2]。
04-03-004_16_c1.png
〈文字色〉を選択し[1]、文字色を調整します[2]。
04-03-004_17_c1.png
〈設定する〉にチェックを入れ[1]、〈保存〉をクリックし[2]、〈戻る〉をクリックします[3]。
04-03-004_18_c1.png
〈適用〉をクリックします。
04-03-004_19_c1.png
ヘッダーのメニューの文字色が変更されていることを確認します。04-03-004_20_c1.png

Copyright (c) digitalstage inc. All Rights Reserved.