DigiPress

Highly Flexible WordPress Theme

[グローバル設定] タイポグラフィ

エディター機能
[グローバル設定] タイポグラフィ

ここで紹介する機能を利用するには、DigiPress 専用プラグイン「DigiPress Ex – Blocks」が必要です。

このオプションでは、カスタムブロックや WordPress のコアブロックで表示されるテキストのフォントをはじめとする文字のスタイルに関する共通の設定を行います。

ブロックごとで太字やイタリック体、セリフ体、文字間隔など一部のタイポグラフィに関する設定は行なえますが、グローバル設定では対象とする全てのブロックで表示されるテキストに対して反映されます。

グローバル設定よりもブロックごとのタイポグラフィの設定が優先されます。

その他のエディター機能については以下をご覧ください。


機能の概要

グローバルオプションへのアクセス

本機能はグローバルオプション専用のパネルからアクセスします。
プラグインのグローバルオプションを操作するには、エディター右上の「DP Ex – Blocks グローバル」ボタンをクリックします。

グローバルオプションにアクセス

グローバルオプションを開くと、以下のようにオプションごとで個別のパネルに分かれて項目が表示されます。

グローバルオプションを表示した状態

オプションの詳細

グローバルオプションのパネルを表示後、対象オプションの個別パネルにて操作します。

タイポグラフィの設定を適用する対象の指定

タイポグラフィの適用範囲を指定します。
指定したブロック(カスタムブロック、コアブロック、すべてのブロック)の範囲、またはサイト全体のテキスト(ブロック以外の body 内のすべてのテキストを含む)に対して、ここで設定したタイポグラフィの設定を適用します。

タイポグラフィの設定対象を指定
対象パターン

DigiPress Ex – Blocks にて提供されるすべてのカスタムブロックで表示されるテキストのみを対象とします。

WordPress コアブロックを DigiPress Ex – Blocks のカスタムブロックでラップした(入れ子にした)場合は、内部の WordPress コアブロックのテキストも対象となることに注意してください。

DigiPress Ex – Blocks にて提供されるすべてのカスタムブロックと、WordPress 標準のコアブロック(段落、見出しなど)で表示されるテキストを対象とします。

DigiPress Ex – Blocks や WordPress のコアブロックに限らず、その他プラグイン等から出力されるカスタムブロックを含めたすべてのブロック内のテキストを対象とします。

ブロックによって表示されるテキストに限定せず、Web ページ上に表示されるサイト全体のテキスト(body 内のテキスト)を対象とします。

サイト全体に対して適用する場合は、テーマオプションによって組み込まれた Web フォントと二重で反映されないよう、テーマ側の Web フォントの読み込み設定はすべて無効化してください。
Web フォントを不必要に多重で読み込んだ場合、Web サイトのレスポンス低下の原因になります。

フォント設定

フォント設定では、タイポグラフィオプションの適用対象に対して反映するフォントとそのスタイルを定義します。

「タイポグラフィ」→「フォント設定」

フォントは Google Fonts にて提供されている Web フォントから選択できます。
タイポグラフィ設定から検索・利用可能なフォントは、1932種類です(2026年5月時点)。

ベースフォント

適用対象のブロックまたはサイト全体でベースとするフォントを指定します。
「フォント設定」の「ベースフォント」をクリックすると、ベースフォントの検索フォームが表示されます。

ベースフォントの検索フォーム
検索フィルター

検索フィルターの設定パネルを開くと、フォントのスタイルやフォントが対応する言語を指定するポップアップが表示され、検索するフォントを予め絞り込むことができます。

フォントの絞り込み
利用可能なフィルターの種類
  • 明朝体(セリフ体)
  • ゴシック体
  • ディスプレイ用(※大きいサイズでの表示に適した見出しやロゴ向けのデザインフォント)
  • 手書き風フォント
  • 日本語対応フォントのみ(※日本語文字を含むフォントのみを検索対象とする)
フォントのリアルタイムプレビュー

フォント名の検索フォームにフォーカスを合わせると、上記でフィルタリングされたフォントのみが候補としてリストに表示され、各フォントをホバーすると “フォントプレビュー” に対象フォントが反映されたテキストのプレビューがリアルタイムで表示され、事前に確認することができます。

フォントのリアルタイムプレビュー

以下のイメージで検索フィルターの操作とフォントプレビューが行なえます。

検索フィルターとプレビューのイメージ

英数字用フォント

ベースフォントに加えて、英数字の場合はベースフォントよりも優先して表示したいフォントがある場合は、「英数字用フォント」にてフォントを指定します。

英数字用フォントの検索フォーム

見出し用フォント

ベースフォントに加えて、見出し(H1〜H6)のテキストの場合はベースフォントよりも優先して表示したいフォントがある場合は「見出し用フォント」にてフォントを指定します。

見出し用フォントの検索フォーム

英数字用フォントと見出し用フォントを両方指定している状態で見出しのテキストに英数字が含まれる場合でも、見出し用フォントが反映されます。


仕様・制限・注意事項

  • 本機能で追加したカスタムパレットは、コアブロックや他のプラグインが制御するコントローラ側のカラーパレットには表示されません。
  • グローバルオプションの設定は、値を変更した時点でリアルタイムで反映(保存)されるため、保存のためにエディタの「更新」ボタンの実行は不要です。
  • 複数の Web フォントの読み込みはパフォーマンスに影響することに留意してください。
  • テーマや何らかのプラグインで別途 Web フォントを適用している場合は、いずれかの方法のみで Web フォントを利用してください。
  • 検索対象となる Google Fonts は 1932 種類です(2026年5月時点)。

無料版での制限

このオプションは無料版では利用できません。