スタイルの編集

管理メニューから デザイン → スタイル をクリック

又は

レイアウトを表示して、スタイルをクリック


ヒント ※タイトル・ナビゲーション・見だし大・見だし中・見だし小・文章(本文の文字)・コンテンツエリアの背景・サイドバーエリアの背景などの変更が可能です。
※変更出来るのはフォント・サイズ・色・背景などが可能ですが、場所により変更出来るカ所が異なります。

タイトルのスタイルを変更

フォント・サイズ・色・配置等を変更出来ます 

ヒント ※失敗しても標準スタイルに戻すボタンがありますので、気にせず色々試して下さい。
※見ていただく方に、少しでも見やすい色や大きさを選びましょう。

ナビゲーションのスタイル変更

フォント・サイズ・色・背景色等を変更出来ます 

ヒント ※失敗しても標準スタイルに戻すボタンがありますので、気にせず色々試して下さい。
※(active)はそのページを表示している時やマウスが重なった時の文字の色、文字の背景です。
※配色は同系色を使うなどカラーリングを考えてデザインします。
※見ていただく方に、少しでも見やすい色や大きさを選びましょう。

見出しのスタイル変更

フォント・サイズ・色・行間隔・配置・文字設定等を変更出来ます 

ヒント ※スタイルの変更をする前に「見だし大・中・小、文字」を並べて作成しておき、バランスを見ながら設定しましょう。
※見出しは一度設定したら全てが変わります。個別に設定は出来ません。
※基本的には、見出しの大中小のとおりに大きさを小さくします。
※見出し大(H1)が一番重要な言葉として検索エンジンに認識されますが、文字の大きさは関係ありません。
※配色は同系色を使うなどカラーリングを考えてデザインします。
※見ていただく方に、少しでも見やすい色や大きさを選びましょう。

応用例)見出しのスタイルを変更(本サイト)

ヘッダーへCSSを記述して変更してあります 

見だし大(H1)

見だし中(H2)

見だし小(H3)

文章(文字)のスタイル変更

フォント・サイズ・色・行間隔・配置・文字設定等を変更出来ます 

ヒント ※一度変更したら全てが変わります。
※文章は個別に大きさ太字イタリック(斜体)の指定が出来ます。
※配色は同系色を使うなどカラーリングを考えてデザインします。
※見ていただく方に、少しでも見やすい色や大きさを選びましょう。

コンテンツエリア・サイドバーエリアのスタイル変更

背景色とその透明度を変更出来ます 

ヒント ※文字の見えやすい色を選択します。
※動画や写真を背景にした場合、コンテンツエリアの背景を半透明にしないと見えません。
 しかし、半透明にすることにより、文字(大きさや色にもよる)が見えにくくなります。