見出し
見出しとは?
ホームページには、文章・画像など様々な要素をたくさん並べていきますが、情報の整理をするためにも「見出し」を使うとページがとても見やすくなります。Jimdoでは「見出し」がボタン1つで設置できるようになっており、「大・中・小」と3種類用意されています。色などは選んだレイアウトによって異なりますが、あとから自分で変更することが出来ます。
見出しはSEOにも影響します。ですからページのコンテンツの内容を要約した言葉を入れることをお勧めします。google検索はページ内の文章と見出しやページタイトルも検索順位の対象にしますが、ページタイトルや見出しの影響力は、その評価が大きいと考えましょう。
[ よくある質問 ]
見出しの「大・中・小」は大きさの違いだけですか?どのように使い分けるのですか?
[ 答え ]
Jimdoでは見出しに「大・中・小」と3種類用意されていますが、実はこれは大きさの違いではありません。「大見出し、中見出し、小見出し」であり、コンテンツ内容が複数の階層に分かれる場合に使い分けるものです。なので、基本的には見出し大は1ページにつき1つ。他は記事やコンテンツの構成によって使いましょう。
もっと幅広く自由に見出しをデザインしたい!
Jimdo研究所なら、もっと自由自在に見出しをデザインすることが出来ます。飾りをつけたり、グラデーションを使ったり…目を引く見出しを使うことで、ホームページの見栄えがもっと良くなります!詳しくはこちらをご覧ください。
見出しコンテンツを追加する
見出しをいれたい任意の場所にマウスポインタ―を合わせ「コンテンツの追加」が出たらクリックしてコンテンツメニューを開き、上段左上の[見出し]をクリックします。
見出しコンテンツがページに追加され、文字の編集が出来るようになります。[大・中・小]を選び、文字を入力して、右下にあるブルーの[保存ボタン]をクリックして保存します。
※場所を移動させたいときには<コンテンツの移動>をご参照ください。
見出しのスタイルを変更する
見出しのスタイル(…フォントの種類、サイズ、色など)は、ホームページのデザインレイアウトによって初期設定が異なりますが、あとから自分で変更することが出来ます。
※2014年8月以前の旧レイアウトを使用している場合は管理メニューを開き[スタイル]>[フォント設定]から変更することが出来ます。
スタイルの変更モードにする
ログイン後、左上の[管理メニュー]をクリックしてメニューを開き、[デザイン]をクリックして、[スタイル]をクリックします。
一番左の「詳細設定」がオフになっていたら、オンにしてください。「編集したいコンテンツをクリックすると、編集画面が上部に表示されます」というメッセージが表示されます。
変更したい見出しをクリックすると、上部にスタイル編集画面が表示されます。
見出しのフォントを変更する
上部に表示された編集画面の[フォント]のプルダウンメニューを開き、好きなフォントを選択します。
フォントサイズを変更する
上部に表示された編集画面の[フォントサイズ]の横のプルダウンを開き、好きな数字を選びます。
Jimdo研究所からのワンポイントアドバイス
スマートフォンなど画面サイズの小さい場合での表示のことも考えたサイズ設定にしておくと、スマートフォンから見ても美しいレイアウトになります。
文字を太字/斜体にする
上部に表示された編集画面の[B]をクリックして選択状態にすると太字になります。
同じく[I]をクリックして選択状態にすると斜体になります。
見出しの文字色を変える
上部に表示された編集画面の[A]の隣にある色のついたボックスをクリックするとカラーパレットが出てきます。お好きな色をクリックして、右下の[選択]をクリックすると反映されます。
行間の幅を変える
上部に表示された編集画面の[行間幅]のプルダウンをあけると、行間の幅を設定することが出来ます。
見出し位置を変える
上部に表示された編集画面の、4本線アイコンが並んだ部分です。左から「左寄せ」「中央寄せ」「右寄せ」になります。ページ全体のどこに表示するか設定が出来ます。
アルファベットの表現を変える
上部に表示された編集画面の一番右の「ABC」が並んだ部分で、アルファベットの表現方法を選ぶことが出来ます。
・「Abc」…大文字と小文字を混ぜて表示する
・「ABC」…全て大文字で表示する
・「abc」…全て小文字で表示する
最後に必ず「保存」をお忘れなく!
スタイルの変更をしたら、「保存」ボタンを押すのを忘れないようにしてください。「保存」ボタンを押して初めてサイトに反映されます。
※反映させたくない場合は「やり直す」をクリックすると元に戻ります。
もっと見栄えに凝ったデザインにするには?
Jimdo研究所では、もっと沢山のことを実現することが出来ます。下線をつけたい。飾りを付けたい。背景色をつけたい。画像を使いたい、など、ほとんどのことが可能です。詳しくはこちらをご覧ください!