ホーム
はじめに
伝える
学習スケジュール
登録
設定
編集
スタイル
コンテンツ
フォトギャラリー
ナビゲーション
応用編
ブログ
掲示板
ダウンロード
受講者専用ページ
見本ページ
ABOUT ME
お問い合わせ
ホーム
はじめに
伝える
学習スケジュール
登録
設定
編集
スタイル
コンテンツ
フォトギャラリー
ナビゲーション
応用編
ブログ
掲示板
ダウンロード
受講者専用ページ
見本ページ
ABOUT ME
お問い合わせ
Jimdoでホームページ作成
編集
スタイル
レイアウト
スタイル
コンテンツ
ナビゲーション
スタイルの編集
管理メニューから デザイン → スタイル をクリック
又は
レイアウトを表示して、スタイルをクリック
ヒント
※タイトル・ナビゲーション・見だし大・見だし中・見だし小・文章(本文の文字)・コンテンツエリアの背景・サイドバーエリアの背景などの変更が可能です。
※変更出来るのはフォント・サイズ・色・背景などが可能ですが、場所により変更出来るカ所が異なります。
タイトルのスタイルを変更
フォント・サイズ・色・配置等を変更出来ます
ヒント
※失敗しても標準スタイルに戻すボタンがありますので、気にせず色々試して下さい。
※見ていただく方に、少しでも見やすい色や大きさを選びましょう。
ナビゲーションのスタイル変更
フォント・サイズ・色・背景色等を変更出来ます
ヒント
※失敗しても標準スタイルに戻すボタンがありますので、気にせず色々試して下さい。
※(active)はそのページを表示している時やマウスが重なった時の文字の色、文字の背景です。
※配色は同系色を使うなどカラーリングを考えてデザインします。
※見ていただく方に、少しでも見やすい色や大きさを選びましょう。
見出しのスタイル変更
フォント・サイズ・色・行間隔・配置・文字設定等を変更出来ます
ヒント
※スタイルの変更をする前に「見だし大・中・小、文字」を並べて作成しておき、バランスを見ながら設定しましょう。
※見出しは一度設定したら全てが変わります。個別に設定は出来ません。
※基本的には、見出しの大中小のとおりに大きさを小さくします。
※見出し大(H1)が一番重要な言葉として検索エンジンに認識されますが、文字の大きさは関係ありません。
※配色は同系色を使うなどカラーリングを考えてデザインします。
※見ていただく方に、少しでも見やすい色や大きさを選びましょう。
応用例)見出しのスタイルを変更(本サイト)
ヘッダーへCSSを記述して変更してあります
見だし大(H1)
見だし中(H2)
見だし小(H3)
文章(文字)のスタイル変更
フォント・サイズ・色・行間隔・配置・文字設定等を変更出来ます
ヒント
※一度変更したら全てが変わります。
※文章は個別に
大きさ
や
色
、
太字
、
イタリック(斜体)
の指定が出来ます。
※配色は同系色を使うなどカラーリングを考えてデザインします。
※見ていただく方に、少しでも見やすい色や大きさを選びましょう。
コンテンツエリア・サイドバーエリアのスタイル変更
背景色とその透明度を変更出来ます
ヒント
※文字の見えやすい色を選択します。
※動画や写真を背景にした場合、コンテンツエリアの背景を半透明にしないと見えません。
しかし、半透明にすることにより、文字(大きさや色にもよる)が見えにくくなります。
レイアウト
スタイル
コンテンツ
ナビゲーション
トップへ戻る
閉じる