初心者必見！AFFINGER6でフォントを変更する方法を分かりやすく解説

アフィンガー６のフォント設定方法を詳しく知りたい！

AFFINGER6では様々なフォントの設定から文字サイズまで細かく設定することができるよ！

これから詳しく解説するね！

本記事を読めばフォントの変更方法から、最適なフォントサイズまで丸わかりです。
是非参考にして下さい。

※このブログは5分ほどで読めます。

AFFINGER6のフォント設定方法【初心者向けに解説】

1. AFFINGER6のフォント設定が重要な理由

フォントが読みやすさに与える影響

フォントの種類やサイズによって、文章の読みやすさは大きく変わります。読みにくいフォントでは読者の滞在時間を下げる可能性があります。

ユーザーの滞在時間・SEOにも関係

読みやすいフォントを使用することで、読者がサイトに長く滞在しやすくなります。

Googleはユーザーエクスペリエンスを重視するため、フォント選びが検索順位にも影響を与える可能性があります。

2. AFFINGER6で選べるフォント一覧

デフォルトで設定されているフォント

AFFINGER6には、デフォルトでいくつかのフォントが用意されています。以下のフォントがすべて設定可能になります。

おすすめのフォント（視認性・デザイン性）

フォント選びは、サイトのデザインや目的に応じて選ぶのが理想です。

• 視認性重視：Noto Sans  → 文字がくっきりしていて、どんな画面でも読みやすい。
• デザイン重視：游明朝 → 高級感があり、落ち着いた雰囲気を出せる。
• 親しみやすさ重視：メイリオ → 柔らかい印象で、読みやすさも確保。

ちなみに当サイトでは、游ゴシックを使用しています。

3. AFFINGER6のフォント設定を変更する方法

フォント設定の手順

＜フォントの設定変更方法＞
「AFFINGER管理 ＞ 全体設定 > フォントの種類」から設定できます。

1. WordPress管理画面にログイン
2. 「AFFINGER管理」→「全体設定」を開く
3. 「フォントの種類」からフォントを選択
4. 変更を保存して反映

設定を変更した後は、キャッシュを削除して反映されているか確認しましょう。

4. フォントサイズを変更する方法

＜フォントの設定変更方法＞
「AFFINGER管理 > 全体設定 > フォントのサイズ」から設定できます。

スマホ・タブレット・PCと細かく設定することができます。

ここまで細かく設定できるプラグインはそうそうありません。

自分専用にカスタマイズでき独自性を出すことができます。

見出し（h1〜h3）のフォントサイズを調整

見出しはサイトの印象を大きく左右するため、適切なサイズを選ぶことが重要です。

スマホやPCによっても変わってきますので、個別に紹介します。

• h1：30px以上（最も強調したいタイトルに）
• h2：24px前後（記事の大見出しに適用）
• h3：18px〜20px（細かい見出しに使用）

これらを参考に、当サイトで採用しているフォントサイズを紹介します。

PC閲覧

タブレット閲覧

スマホ閲覧

モバイル表示で最適化する方法

スマホでの読みやすさを考慮し、次の点を意識しましょう。

• 行間を1.5倍〜1.8倍にする。
• 余白を適度に設定し、詰まりすぎないようにする。
• スマホ表示では横幅を狭めすぎず、読みやすいレイアウトにする。

読みやすいフォントサイズの目安【最適な設定】

1. 読みやすいフォントサイズとは？

フォントサイズは、閲覧する端末によっても大きく変わってくるため、使い分ける必要があります。

• PCでは 16px以上 が推奨。
• スマホでは 14px〜16px が適切。
• 行間を適切に設定する（さらに読みやすくなる）

2. おすすめのフォントサイズ設定

本文、見出しごとにフォントサイズを使い分けることで、見やすいブログになり読者の離脱率を防ぐことができます。

また、昨今ではPCで検索をかける人よりスマホやタブレットで検索をかける人の穂が増えています。スマホ表示を最適に読みやすい記事にしましょう。

おすすめはこちらになります。

3. 具体的なフォントサイズの比較

フォントサイズが小さすぎると読みにくく、大きすぎると文章が間延びします。

フォント設定後の注意点と確認方法

1. フォントが正しく反映されない場合の対処法

• キャッシュを削除する
• カスタマイザーのリセットを試す
• テーマやプラグインの競合を確認する

2. よくあるトラブルと解決策

• フォントが変わらない → キャッシュをクリア。
• フォントが崩れる → CSSの競合をチェック。

3. ユーザーの視認性をテストする方法

• 実際の画面で見え方を確認する
• 他のデバイスで表示チェックする

まとめ：AFFINGER6のフォント設定を最適化しよう！

• フォント設定はサイトの印象を大きく左右する。
• 視認性の高いフォントとサイズを選ぶことが重要。
• 設定後は必ず表示チェックを行い、快適な閲覧体験を提供しよう。

AFFINGER6（アフィンガー）を始めたい方はこちら

「稼ぐ」に特化したwordpressテーマを導入しましょう。

※時期により内容が異なる場合がございます。詳細は公式サイトにてご確認下さいませ。

アフィンガー6公式サイトはこちらになります。