スマートフォンサイトを表示する

  1. TOP
  2. はじめて相談室 : 第33回 見出しの色を変えたい

エキスパートコラム

はじめて相談室

第33回:見出しの色を変えたい

執筆:#fc0(株式会社エフシーゼロ)

2018年1月15日更新

  • このエントリーをはてなブックマークに追加

閲覧数1,683views

このコラムをPDF形式でダウンロードする

「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな…」という方大歓迎の相談室です。

今回は、ホームページの中の見出しの色を変えたいというご相談です。

おたより

はじめまして。先月からはじめてWEBでホームページを作っています。
作りながらずっと気になっていたことがあります。「文章」に入れた文字は大きさを変えたり色を変えたりすることができるのに、「見出し」は文字を入力することしかできないんですね。
見出しの文字の色を変えたりしたいのですが、どうしたらいいのでしょうか?(ふらんぺりーの)

ナビゲーターからの回答

ナビゲーター

ふらんぺりーのさん、はじめまして。
「はじめてWEB」ナビゲーターの広瀬みかです。

そうなんです!すごいところに気づかれましたね![文章]コンテンツで入れた文字はサイズや色を自由に設定したりなどの装飾が簡単にできますよね。でも[見出し]コンテンツは・・・。でも大丈夫!「スタイル」機能を使うことで見出しのサイズや色などを自由に変えることができるんです。

[見出し]と[文章]の違い

見出しは文章を読んでもらうためにあります。詳しくは「はじめて相談室 第27回:見出しってなんですか?」をぜひ読んでみてくださいね☆

[文章]コンテンツの編集画面は、文字のサイズや色を変えるだけでなく、配置などを変えるメニューがいろいろ揃っています。

見出しコンテンツを開くと大・中・小の見出しレベルのメニューだけで、文章コンテンツのような色や大きさなどを変える装飾のメニューがありません。

でも大丈夫。「スタイル」機能を使うことで見出しも色や大きさ、配置などを変えることができるんです!

スタイルで見出しの見た目を変えてみよう

Jimdoで見出しの見た目を変えるには「スタイル」を使います。
「スタイル」とは、ホームページ全体の見た目を調整するための機能です。

「スタイル」は画面右上の[管理メニュー]→[デザイン]の中にあります。

スタイルをクリックすると画面の上部が黒い帯になります。

左上の詳細設定をオンにします。

つぎに、色を変えたい見出しの上にマウスポインターをおくと、マウスポインターがペンキを塗るローラーの形に変化します。変化しているときにクリックします。

画面の上部に、新しいメニューが表示されました。あとは変えたい内容に設定を変えていきます。

フォント 書体を変更
フォントサイズ 文字サイズを変更
太字 太字指定または太字指定解除
斜体 斜体指定または斜体指定解除
フォントカラー 文字の色を変更
行間幅 行と行の間の高さを変更
配置 左寄せ・中央配置・右寄せ指定
文字設定 半角アルファベットの大文字・小文字指定

見出しの見た目は共通で変わる

たとえば見出し[中]の見た目をスタイルで変えると、ホームページ内の「すべての見出し[中]」の見た目が同時に変更されます。とても便利ですね!

ひとつ変えると、同じ見出しはすべて同時に変更されます。

Jimdoでは見出し[大][中][小]それぞれで見た目を調整することができます。
共通の見出しはすべて同じ見た目になるので、ホームページ内で言いたいことが伝わりやすくなります。

見出しの付け方をぜひ研究してみてくださいね!

いかがでしたか?正しく見出しを付けて、スタイルで見た目を調整してよりいっそう伝わりやすいホームページになるといいですね!

おたよりお待ちしています!

ナビゲーター

「はじめて相談室」では、みなさまからの「はじめてWEB」の素朴な疑問をお待ちしています!
「こんなこと聞いたら恥ずかしいかも。。。」というご質問大歓迎です!
「はじめてWEB」ナビゲーターがなんでもお答えしちゃいます!
おまちしてまーす!

ナビゲーターへの質問はこちらから!

このコラムでは、パソコン初心者の方からの
「こんなこと聞いてもいいのかしら?」という質問にお答えしています。

  • ※毎月1回程度のコラムですので、急を要する質問にはお答えできません。
  • ※すべての質問にお答えできるわけではありませんので、あらかじめご了承ください。
  • ※Jimdoの操作や、はじめてWEBに関する質問はQ&Aコーナーもご活用ください。

お名前(ペンネーム)

メールアドレス

質問

確認する

はじめてWEB

「はじめてWEB」でホームページを作成しよう!

「はじめてWEB」のホームページ開設支援サービスとは、7つのステップで簡単に無料で作成ができ、さらにその後1年間無料でご利用いただけるサービスです。

さあ、はじめよう!

さあ、はじめよう!

はじめてWEB ホームページ公開の7ステップとポイントを動画でご紹介!!

  • ホームページ公開の7ステップ

    ホームページ公開の7ステップ

    ホームページ公開の7ステップ
  • はじめてWEB サービス紹介

    はじめてWEB サービス紹介

    はじめてWEB サービス紹介
  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

#fc0(株式会社エフシーゼロ)

#fc0(株式会社エフシーゼロ)

JimdoExpert
http://fc0.vc/

「もっと多くの人に、"Webへの入口"を」をコンセプトに、中小企業や個人商店をメインとしたWebサイトの企画・制作・運営アドバイスなどの業務を行う。また、主に初心者を対象とした講師・執筆も多数。

主な著書に『デザインの学校 これからはじめるFireworksの本』(技術評論社)、『デザインの学校 これからはじめるDreamweaverの本』(同)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(共著、エムディエヌコーポレーション)など。

小さなお店&会社のホームページ Jimdo入門

  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス
  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2018/12/2~2018/12/8]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ