Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressサイトのGoogleフォントを無効化する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

2021年のサイトリニューアル以来、WPBeginnerではGoogle Fontsのようなサードパーティのカスタマイザーフォントではなく、システムフォントを使用しています。これにより、ページのロード時間が改善され、インターネット接続の悪い読者にもより良いユーザー体験を提供できるようになりました。あなたも同じようにしてみてはいかがでしょうか。

WordPressでGoogle Fontsを無効化するには法的な理由もあります。Google Fontsを使用すると、サイトがGDPRに準拠しなくなる可能性があり、誰もそれを望んでいません。

この投稿では、WordPressサイトのGoogleフォントを無効化する方法を紹介します。

How to Disable Google Fonts on Your WordPress Website

なぜWordPressサイトのGoogleフォントを無効化するのか?

WordPressサイトに選択するタイポグラフィは、そのデザインとブランドアイデンティティにおいて重要な権限グループを担っています。そのため、多くのサイトオーナーはGoogle Fontsを使ってタイポグラフィをカスタマイズしています。

しかし、あまりにも多くのフォントを読み込むと、WordPressのパフォーマンスに悪影響を及ぼします。そのため、フォントを2つだけ選び、サイト全体で使用することをお勧めします。

あるいは、Googleフォントを完全に無効化し、ユーザーのコンピューターに付属しているシステムフォントを使用することもできます。見栄えもよく、読み込みもはるかに速くなり、特に接続速度の遅いユーザーには便利です。

そのため、WPBeginnerサイトをリニューアルした際にGoogle Fontsを無効化することにしました。私たちは、インターネット接続が最高の状態でなくても、誰もが簡単にWordPressを学び、オンラインプレゼンスを高めることができるようにしたかったのです。

Googleフォントを無効化することは、すべてのビジネスサイトやブログにとって正しい決断ではないかもしれません。しかし、インターネットの品質が悪いエリアからの訪問者がいる場合、これはより良いユーザー体験を提供できる一つの方法です。

また、Googleフォントにはプライバシーの問題があり、サイトがGDPRのような法律に準拠しなくなる可能性があります。Google Fontsを無効化することで、サイトが国際的な個人情報保護法違反に問われるリスクを下げることができます。

ということで、WordPressでGoogle Fontsを無効化する方法を見ていきましょう。

プラグインでWordPressのGoogleフォントを無効化する

まず最初に行う必要があるのは、Disable and Remove Google Fontsプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化すると、プラグインは自動的にあなたのテーマやプラグインで使用されているすべてのGoogleフォントを無効にします。設定する必要はありません。

これでWordPressは、使用されていたGoogle Fontsの代わりに初期設定のフォントを自動的に使用するようになります。現在使用されているフォントで本当に〜してもよいですか?

異なるフォントを選択したい場合は、WordPressテーマのフォントを変更する方法のガイドを参照してください。

OptinMonsterでGoogleフォントを無効化する

OptinMonsterは WordPressのための最高のリードジェネレータプラグインであり、120万以上のサイトがEメールリストを増やし、売り上げを増やし、より多くのリードを獲得するためにこのソフトウェアを使用しています。

しかし、OptinMonsterは初期設定でGoogleフォントを使用しています。幸いなことに、無効にするのは簡単です。

個々のOptinMonsterキャンペーンでGoogleフォントを無効化する

まず、OptinMonsterのサイトにアクセスし、キャンペーンダッシュボードにログインします。その後、キャンペーンをクリックし、「キャンペーンの編集」ボタンをクリックします。

The OptinMonster Campaign Dashboard

OptinMonsterキャンペーンビルダーが開きます。

次に、フッターバーの左下にある「設定」アイコンをクリックします。

Click the OptinMonster Settings Button

サイドバーパネルで、’Advanced’タブを選択する必要がある。

ディスプレイ設定」セクションまでスクロールダウンし、「ウェブフォントを有効化しますか」をオフに切り替えます。

Toggle the Enable Web Fonts Toggle Off

画面上部の「保存」ボタンをクリックすると、そのキャンペーンでサードパーティ製フォントが無効化されます。

Google Fontsを削除したい他のキャンペーンについても、この手順を繰り返す必要があります。

すべてのOptinMonsterキャンペーンでGoogleフォントを無効化する

サイトにJavaScriptコードスニペットを追加することに抵抗がなければ、すべてのOptinMonsterキャンペーンでGoogleフォントを一度に無効化することができます。

すべてのキャンペーンでGoogleフォントを無効化するには、サイトのヘッダーまたはフッターにこのスニペットを追加する必要があります:

<script type="text/javascript">
	document.addEventListener('om.Scripts.init', function(event) {
	event.detail.Scripts.enabled.fonts.googleFonts = false;
});
</script>

Google FontsやFontAwesomeを含むすべてのウェブフォントを無効化したい場合は、次のコード・スニペットを追加してください:

<script type="text/javascript">
	document.addEventListener('om.Scripts.init', function(event) {
	event.detail.Scripts.enabled.fonts = false;
});
</script>

これらのコードスニペットを追加する最も簡単な方法は、WordPressで利用可能な最も強力なコードスニペットプラグインであるWPCodeを使用することです。サイトのどのエリアにも簡単にカスタマイザーを追加することができ、しかもすべて無料です。

まず、WPCode無料プラグインをインストールし、有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、Code Snippets ” Headers & Footerにアクセスしてください。

ヘッダーフィールドにコードスニペットを貼り付け、「変更を保存」ボタンをクリックするだけです。

Adding a JavaScript Snippet Using WPCode

WordPressのフォントに関するエキスパートガイド

Google Fontsを無効化する方法はおわかりいただけたと思いますが、WordPressのフォントに関する他の投稿もご覧ください。

このチュートリアルで、WordPressサイトのGoogleフォントを無効化する方法をご理解いただけたでしょうか。究極の WordPress セキュリティガイド、または専門家が選ぶ最高の Web プッシュ通知ソフトウェアもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

1件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。