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

  1. TOP
  2. Jimdo逆引きコラム
  3. デザインのカスタマイズ
  4. 独自レイアウト(フォント設定)

Jimdo逆引きコラム

デザインのカスタマイズ

独自レイアウト(フォント設定)

執筆:野崎 晃(株式会社デック)

2017年1月27日更新

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

閲覧数314views

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

はじめてWEBのホームページは「独自レイアウト」を利用するとHTMLやCSSを記述してオリジナルのレイアウトを作成することができます

「独自レイアウト」を選択している時に「フォント設定」を行うと、見出しや文章、リンクの文字の大きさ、色などのスタイルを変更することができます。

まずはホームページにログインをします。
あらかじめ、レイアウトを「独自レイアウト」に変更しておいてください。
次に、ページ上部の「管理メニュー」ボタンをクリックします。

画面の左側にメニューが表示されますので、「デザイン」をクリックします。

デザインのメニューから「フォント設定」をクリックします。

画面の右側にフォントの設定画面が表示されますので、ここから設定したい項目をクリックしてください。
各項目ごとに設定欄が表示されますので、そこから設定を行います。

設定を行うと左側のサンプルの文字に設定が反映されたプレビューを確認することができます。

「プリセット」にはあらかじめ4種類のフォントのスタイルをセットしたものが用意されています。
気に入ったプリセットがあれば、この中から選択して使用することができます。

「文章」は「フォント」「フォントサイズ」「行間幅」「カラー」が設定できます。

「大見出し」は「フォント」「フォントサイズ」「スタイル(太字 / 斜体 / 配置)」「カラー」が設定できます。「中見出し」「小見出し」も「大見出し」と同様の設定ができます。

「リンク」はリンクを設定した文字の「カラー」を設定できます。

「水平線」は線の「スタイル」「カラー」が設定できます。

「保存」ボタンをクリックすると設定した内容がホームページに反映されます。

執筆者

執筆者の活用術

「独自レイアウト」を利用している場合、「フォント設定」から設定できる日本語のフォントは「ゴシック」と「明朝」のみになります。株式会社モリサワが提供するフォントを利用したいという場合はCSSの「font-family」にフォントの指定を行ってください。

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

野崎 晃(のざき・あきら)

野崎 晃(のざき・あきら)

株式会社デック 代表取締役/JimdoExpert
http://s-deck.jp/
http://jp-m.jimdo.com/

愛知県名古屋市を拠点に活動するWeb制作の会社の代表。
2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。

著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。

  • 1年間無料

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

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

Jimdo逆引きコラム週間アクセスランキング[期間:2017/5/14~2017/5/20]

おすすめコンテンツ

はじめてWEBおすすめ本

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

  • ソウギョウノート

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

  • 経理通信

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

  • まとめてオフィス

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

  • フリーコールS

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

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!