WordPressのフォントを簡単に変更するためのプラグインやGoogleFontの設定に使えるプラグインの紹介する

この記事には、アフィリエイト広告を利用しています。

スポンサーリンク

WordPressのテーマでフォントを変更する方法に苦労していますか?

サイトのフォントは、ブランディングやユーザビリティに重要な役割を果たすため、正しく設定したい重要な項目です。

ありがたいことに、ほとんどのWordPressテーマには、フォントを変更するためのオプションが組み込まれています。

この記事では、まずWordPressのテーマに内蔵されているオプションを使ってフォントを変更する方法を紹介します。そして、もしお使いのテーマにお好みのフォントがない場合、WordPressのテーマにフォントの選択肢を増やすために使える無料のプラグインをいくつかご紹介します。

たとえお使いのテーマに柔軟な内蔵オプションがない場合でもです。また、WordPressのエディターを使って、個々のコンテンツのフォントを変更する方法もご紹介します。

スポンサーリンク

WordPress カスタマイザーを使って WordPress テーマのフォントを変更する方法

2022年、ほとんどのWordPressテーマは、スタイルやデザインのカスタマイズをWordPressのネイティブカスタマイザーに依存しており、通常はそこにテーマのフォント選択を見つけることができることを意味します。

この最初のセクションでは、私たちの柔軟なテーマNeveを例として、これらの組み込みフォントオプションの使用方法を説明します。

ただし、テーマによってやり方が微妙に異なることに注意してください。また、Neveはかなり柔軟なテーマなので、あなたのテーマがこれほど多くのフォントオプションを提供していない可能性も十分にあります。

とはいえ、どのテーマでもこの方法で、少なくともいくつかのフォントの選択肢にアクセスすることができるはずです。

1. WordPress カスタマイザーを開く

まず、外観 → カスタマイズで、WordPressのカスタマイザーを開きます。

Open WordPress Customizer

2. フォント/タイポグラフィの設定を確認する

次に、テーマのフォント/タイポグラフィの設定を確認する必要があります。残念ながら、この設定はテーマによって場所が異なるため、設定箇所を少し調べる必要があります。

Neveテーマの場合、Typographyというトップレベルのオプションがありますので、これをクリックして選択します。

How to change font in WordPress Neve theme

3. フォントを選択し、変更を保存する

さて、実際に選択することができます。テーマによっては、コンテンツの種類によってタイポグラフィの設定がさらに細分化されている場合があります。Neveのテーマではこのようになっています。

Different font options

例えば、WordPressの見出し(投稿やページのタイトルなど)のフォントを変更したい場合、これらのフォント設定を開きます。Neveテーマでは、さまざまなフォントを選択できることがおわかりいただけると思います。

How to change font in WordPress theme

選択すると、テーマのライブプレビューでフォントが自動的に更新されるのがわかるはずです。

フォントの選択が完了したら、「Publish」ボタンをクリックし、新しいフォントの選択を有効にします。

テーマにGoogle Fontを追加する方法

あなたはWordPressのテーマでフォントを変更する方法について、上記のチュートリアルに従った場合と、テーマの組み込みフォントオプションに圧倒された、良いバックアップオプションは、より多くのフォントオプションにアクセスできるプラグインを使用することです – 特に、Googleカタログ内のフォントの数千に.

ここにいくつかのオプションがありますが、最も人気の一つは、無料の簡単なGoogle Fontsのプラグインです.

Easy Google Fonts

Easy Google Fonts
コードなしで任意のテーマに Google フォントを追加し、WordPress カスタマイザーでリアルタイムプレビューするために自動的に統合します。

Easy Google FontsはどんなWordPressテーマでも動作し、Google Fontsが提供する600以上のフリーフォントの中から選択することができます。あなたが慣れていない場合は、Google Fontsは、おそらく無料のフォントのための最も人気のあるソースであり、それはほとんどのサイトのための十分なオプションよりも多く含まれています。

ここでは、デフォルトのTwenty Twenty Oneテーマ(非常に基本的なタイポグラフィーコントロールを備えています)に切り替え、さらにフォントの選択肢を追加するためにプラグインを設定します。

1. プラグインのインストールと有効化

まず、WordPress.orgから無料のEasy Google Fontsプラグインをインストールし、有効化します。この方法がわからない場合は、WordPressプラグインのインストール方法のガイドに従うとよいでしょう。

2. 使用するGoogle Fontsを選択する

次に、あなたが使用したいフォント(複数可)を選択したい. あなたは、プラグインの設定から完全なリストを見ることができますが、あなたはそれぞれのフォントがどのように見えるかのプレビューを見ることができるので、それは、Google Fontsのウェブサイトであなたのオプションのすべてを参照する方が簡単です.

あなたはいくつかのインスピレーションが必要な場合は、最高のGoogle Fontsのオプションの私達のコレクションをチェックアウト. また、通常、少なくとも2つのフォントを選択するのがよいでしょう。

気に入ったフォントが見つかったら、その名前をメモしておくと便利です。また、具体的にどのようなスタイルが好きなのかを選んでおくとよいでしょう。例えば、”Medium 500 “のように。

Choose fonts from Google Fonts

3. WordPress カスタマイザーを開き、フォントを編集する

では、WordPressのダッシュボードから「外観 → カスタマイズ」と進み、WordPressカスタマイザーを開いてください。

サイドバーメニューの上部に新しいTypographyセクションが表示されるはずです。これらの設定は、Easy Google Fontsプラグイン(テーマではありません)から来ています。

Access Easy Google Fonts settings

サブメニューで、Default Typographyを選択します。

これで、サイト上のさまざまな種類のコンテンツに対して、Google Fontsからフォントを選択できるようになります。

  • 段落 – ページ/投稿の中のテキスト。
  • 見出し1 – ブログ記事/ページのタイトル。詳しくはこちら。
  • 見出し2-投稿/ページ内のトップレベルの見出しです。
  • 見出し3 – 見出し2の下にある小見出しです。
  • などです。
How to change font in WordPress theme using Google Fonts

カスタマイズしたいコンテンツの「フォントの編集」をクリックします。フォントの名前と太さを選択します。選択すると、サイトが更新されるライブプレビューが表示されます。

Make your font selection

選択が完了したら、[発行]をクリックして、新しいフォントを有効にします。

おまけ:エディターでWordPressのフォントを変更する方法

上記の2つの方法で、WordPressのテーマでフォントをサイト全体で変更する方法を紹介しました。つまり、段落テキストのフォントを更新すれば、サイト内のすべての段落テキストに影響するわけです。

しかし、特定のコンテンツのフォントだけを変更したい場合もあるでしょう。

このような場合は、無料のプラグイン「Fonts Plugin」(前項の「Easy Google Fonts」と同様に、WordPressのテーマにカスタムフォントを追加することができます)を使用します。

Fonts Plugin | Google Fonts Typography

Fonts Plugin | Google Fonts Typography
最も簡単に使える Google Fonts プラグインです。コードを書く必要はありません。スピードに対して最適化されています。1000以上のフォントから選択可能。

一度、無料のプラグインをインストールして有効化, あなたは、Googleフォントから任意のフォントを使用してテキストを追加することができます。

新しいGoogle Fontsのブロックを取得します. また、ブロックの設定を使用して、段落テキストまたは見出しの間で選択することができます。

How to change WordPress font in block editor

以上、WordPress テーマのフォントを変更する方法でした。

または、あなたのテーマが非常に多くの組み込みオプションを提供していない場合は、Easy Google Fontsプラグイン(またはボーナスセクションで紹介したFonts Plugin)を使用して、Google Fontsの600以上のフォントのサポートを追加することができます。

タイトルとURLをコピーしました