このガイドでは、テキストブロックのフォントサイズを調整する方法、デフォルトのフォントサイズのプリセットを更新する方法、サイトのタイポグラフィに適用できる独自のカスタムプリセットを作成する方法について説明します。
このガイド内
質問がある場合
AI アシスタントに尋ねるテキストブロックのフォントサイズを変更して、読みやすさを改善したり、サイトのデザインに合わせたりできます。個々のブロックのフォントサイズを調整するには、次の手順を実行します。
- 編集するテキストブロック (段落、見出し、リストブロックなど) をクリックします。
- ブロック設定サイドバーで、「タイポグラフィ」セクションを見つけます。
サイドバーが右側に表示されない場合、右上の設定アイコンをクリックして設定を表示させます。このアイコンは2つの不均一な列がある正方形のような形をしています。
- プリセットリストからフォントサイズを選択 (小、中、大など) するか、「カスタムサイズを設定」アイコンをクリックして特定の値を入力します。
- プリセットはサイト全体でテキストの一貫性を保つのに役立つ既製のフォントサイズオプションで、小や大などが用意されています。
- デフォルトでは、サイズはピクセル単位で測定されます。測定単位を変更するには、「px」テキストをクリックします。測定単位について詳しくご確認ください。
- 変更をプレビューするか、右上の「保存」ボタンをクリックして適用します。
💡
ダッシュボードの「外観」→「エディター」にあるスタイルのオプションから、特定のブロックのデフォルト設定を変更することもできます。
サイト全体の要素のデフォルトのフォントサイズを調整するには、次の手順を実行します。
- サイトのダッシュボードで、「外観」→「エディター」の順に移動します。
- エディターが表示されない場合は、サイトがクラシックテーマを使用しています。ブロックテーマに切り替えてサイトエディターを使用することを検討してください。
- 左側のメニューから「スタイル」を選択します。
- エディターの右上隅にある「スタイル」アイコン (黒と白の丸) を選択することもできます。
- 「タイポグラフィ」をクリックして、サイトの要素のデフォルトのフォントサイズを編集します。
- 「要素」セクションで、次のいずれかを選択します。
- テキスト
- リンク
- 見出し
- キャプション
- ボタン
- プリセットリストからフォントサイズを選択 (小、中、大など) するか、「カスタムサイズを設定」アイコンをクリックして特定の値を入力します。
- 「変更を確認」または「保存」をクリックして変更を適用します。
AI サイトビルダー（すべての有料プラン）で作成されたサイト、または AI アシスタントを有効にしているサイト（ビジネスプランおよびコマースプラン）が対象です。画面下部の AI アイコン（四つの点の星）をクリックすると、AI アシスタントが開きます。
WordPress.com の AI アシスタントを使用して、サイトのコンテンツやスタイルに合ったフォントサイズを選択できます。以下にコピーして使用できるプロンプトの例をご紹介します。
- 「ブログの本文にはどのフォントサイズを使用すればいい ?」
- 「デスクトップとモバイルの両方できれいに表示されるフォントサイズを選択するにはどうすればいい ?」
- 「フォントサイズの px、em、rem 単位の違いは何 ?」
- 「プロフェッショナルなビジネスサイト向けにフォントサイズのプリセット一式を提案して」
プリセットはサイト全体でテキストの一貫性を保つのに役立つ既製のフォントサイズオプションで、小や大などが用意されています。テーマのフォントサイズのプリセットの値を変更するには、以下の手順を実行します。
- サイトのダッシュボードで「外観」→「エディター」の順に移動します。
- 「スタイル」メニューオプションをクリックします。
- 「タイポグラフィ」オプションを選択します。
- パネル下部の「フォントサイズプリセット」をクリックします。
- プリセットのフォントサイズ (小、中、大など) を選択します。
- 「サイズ」ボックスに希望の値を入力し、単位 (px、em、rem、vh、vw のいずれか) を選択します。
- 「フルードタイポグラフィ」オプションを有効にすると、画面やビューポートでフォントサイズを動的に拡大、縮小できます。
- 必要に応じて「カスタムフルード値」を有効にして、フルードフォントサイズの最小値と最大値をカスタム設定します。
- 「変更を確認」または「保存」をクリックして変更を適用します。
カスタムフォントサイズのプリセットを追加して簡単に再利用するには、次の手順を実行します。
- サイトのダッシュボードで「外観」→「エディター」の順に移動します。
- 「スタイル」メニューオプションをクリックします。
- 「タイポグラフィ」オプションを選択します。
- パネル下部の「フォントサイズプリセット」オプションをクリックします。
- 「カスタム」の横のプラス (+) 記号をクリックします。新しいフォントサイズのプリセットが表示され、「新規フォントサイズ1」などのデフォルト名が付きます。
- 新しいプリセットフォントサイズを選択します。
- 右上の省略記号 (⋮) アイコンをクリックし、「名前の変更」を選択してプリセットにわかりやすい名前を付けます。
- 「サイズ」ボックスに希望の値を入力し、単位 (px、em、rem、vh、vw のいずれか) を選択します。
- 「フルードタイポグラフィ」オプションを有効にすると、画面やビューポートでフォントサイズを動的に拡大、縮小できます。
- 必要に応じて「カスタムフルード値」を有効にして、フルードフォントサイズの最小値と最大値をカスタム設定します。
- 「変更を確認」または「保存」をクリックして変更を適用します。
新しいフォントサイズのプリセットがサイト全体のタイポグラフィ設定で利用できるようになり、一貫したスタイルが実現します。
日本語サポート 
コメントを投稿するにはログインしてください。