文字色・サイズ・書体

カスタマイズ

 

 

1. 文字色

 

次で設定してください。
新規設定や変更後は必ず [ 保存して公開 ] をしてください。

 

  • 外観 > カスタマイズ > 文字 > 文字色
  • 各項目
  • チェック・選択する

 

サイト各所の文字色を設定できます。

色を選択してください。

 

  • link 色
  • visited 色
  • hover 色
  • メインエリア
  • サブエリア
  • サイドバー
  • タイトル

    サイトタイトル・サイドバータイトル・記事一覧タイトル・関連記事タイトル・コメントタイトル・FSメインタイトル・FSフッタータイトル

 

参考:カラーコード表

https://www.colordic.org/

 

次の設定もできます。

項目をチェックをしてください。

 

  • link 色を反映
  • link にアンダーラインをつける
  • サイトタイトルに影をつけない
  • 太字にしない

 

文字色ひとつでサイトの印象はかなり変わります。

濃い色 ( #000000 や #111111 ) は「 信憑性ある・男性的・メリハリある 」

淡い色 ( #555555 や #777777 ) は「 楽しそう・女性的・柔らかい 」

といった印象になります。
お好みやサイト内容に合わせて設定してください。

 

 

 

 

2. 文字サイズ

 

次で設定してください。
新規設定や変更後は必ず [ 保存して公開 ] をしてください。

 

■画面横幅 800 px 以上 ( 主に PC )

  • 外観 > カスタマイズ > 文字 > サイズ:画面横幅 800px 以上 ( 主に PC )
  • 各項目
  • チェック・入力する

 

■画面横幅 799 px 以下 ( スマホ等 )

  • 外観 > カスタマイズ > 文字 > サイズ:画面横幅 799px 以下 ( スマホ等 )
  • 各項目
  • チェック・入力する

 

 

サイト各所の文字サイズを設定できます。

チェックして数値を入力してください。

 

  • メインエリア
  • メインエリアタイトル
  • サイトタイトル
  • サイト説明文
  • グローバル・フッターメニュー
  • フッターサイトタイトル
  • FS メインカラムタイトル
  • サブエリアタイトル
  • サブエリア
  • 記事一覧・関連記事 記事タイトル
  • 記事一覧・関連記事 投稿日・カテゴリー・抜粋文
  • コメント本文
  • フリースペース
  • h2 タグ
  • h3 タグ
  • テーブルタグ

 

 

■デフォルト文字サイズ

項目

800px以上

799px以下

メインエリア 16px 16px
メインエリアタイトル 26px 20px
サイトタイトル 26px 18px
サイト説明文 12px 12px
グローバル・フッターメニュー 14px 14px
フッターサイトタイトル 12px 12px
FS メインカラムタイトル 18px 18px
サブエリアタイトル 18px 18px
サブエリア 14px 14px
一覧・関連 記事タイトル 18px 16px
一覧・関連 投稿日・カテゴリー・抜粋文 12px 12px
コメント本文 12px 12px
フリースペース 12px 12px
h2 タグ 20px 18px
h3 タグ 16px 16px
テーブルタグ 14px 14px

 

 

 

 

3. 文字書体:font-family

 

次で設定してください。
新規設定や変更後は必ず [ 保存して公開 ] をしてください。

 

  • 外観 > カスタマイズ > 文字 > 文字書体
  • 文字書体
  • 選択する

 

サイトの文字書体を設定できます。

書体を選択してください。

 

  • Noto Sans Japanese
  • メイリオ
  • 游ゴシック
  • 游明朝

 

Noto Sans Japanese

Web フォントですのでネット環境によって表示に時間がかかるときがあります

 

iphone 系

メイリオ・游ゴシックを選択したときは [ ヒラギノ角ゴ ProN W3 ]、游明朝を選択したときは [ ヒラギノ明朝 ProN ]で表示します

 

Android 系

Noto Sans Japanese 以外を選択したときは [ Roboto , Droid Sans ] で表示します