Elementorのフォントが変更されない?キャッシュのクリアとブラウザのハードリフレッシュ

Elementorを使ってウェブサイトを編集している人の多くは、次のようなことに遭遇するだろう。フォントを変更してもフロントエンドに変化なし問題だ。これは生産性に影響する可能性があり、設定が無効だと思いがちです。ほとんどの場合、これはキャッシュに関係しています。この記事では エレメンタル・フォント改造がうまくいかない理由、WordPressとElementorのキャッシュをクリアする方法、ブラウザのハードリフレッシュ、そして最後にその他の一般的なトラブルシューティングの解決策を追加します。

Image[1]-Elementor フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド

1.Elementorのフォントが修正後に反映されないのはなぜですか?

Elementorでフォントスタイルを変更しても、フロントエンドが古いフォントを表示する場合、以下のような原因が考えられます:

  • ブラウザキャッシュブラウザが古いバージョンのCSSファイルを保存し、新しい設定が読み込まれない。
  • ワードプレス キャッシュプラグイン古いページは、LiteSpeed CacheやWP Rocketなどでキャッシュされます。
  • CDNキャッシングCloudflareまたは他のCDNを使用している場合は、そのキャッシュをクリアする必要があります!
画像[2]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド
  • ElementorのCSSファイルが更新されないElementor によって生成された CSS ファイルはリフレッシュされません。
  • ローカルキャッシュ(ISPキャッシュなど)一部のネットワーク・プロバイダーは、静的ファイルをキャッシュしている。

2.Elementorのキャッシュをフラッシュする

Elementor自体には カスケーディングスタイルシート キャッシュ機能。フォントの変更がうまくいかない場合は、次の手順を試してください。

2.1 Elementorキャッシュをフラッシュする

  • ワードプレスのバックエンドへ
  • 左メニュー[Elementor] > [ツール]をクリックします。
画像[3]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド
  • 全般」タブで 「ファイルとデータの消去
画像[4]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド
  • このページで 「同期ライブラリ
画像[5]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド

2.2 キャッシュプラグインを無効にするか、キャッシュを空にする

キャッシュプラグインを使用している場合(例:LiteSpeed Cache、WP Rocket、W3 Total Cache):

  • キャッシュ・プラグインの設定ページに行く
  • 見つける "キャッシュを空に" もしかしたら 「すべてのキャッシュを消去する ボタンをクリックし
画像[6]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド
  • プラグインに "CSS/JSキャッシュのクリア "オプションがある場合は、次のコマンドも実行する必要があります。
画像[7]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド

2.3 CDNキャッシュのフラッシュ

CDNが使用されている場合(例えば クラウドフレア):

  • CDNコンソールにログインする
  • 適切なウェブサイトを選択する
  • 見つける 「キャッシュ" (`cache') メニュー
画像[8]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド
  • 打点 「パージ・エヴリシング
画像[9]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド

注意:CDNキャッシュをクリアすると、すべての訪問者がリソースを再読み込みすることになり、短期間サーバーの負荷が増加する可能性があります。

3.ブラウザのハードリフレッシュ(ハードリフレッシュ)

たとえサーバブラウザのキャッシュがクリアされても、古いCSSファイルが読み込まれることがあります。ハードリフレッシュが実行される可能性があります:

3.1 Windows / Linux

画像[10]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド
  • クローム / ファイアフォックス / エッジプレスCtrl + F5 もしかしたら シフト+F5を押しながら、または Ctrl キーを押し、更新ボタンをクリックする。

3.2 MacOS

画像[11]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド
  • クローム / ファイアフォックスプレス
    コマンド+シフト+R
  • サファリ::
    プレス Option + Command + E キャッシュをクリアし、ページを更新する。

技巧それでもうまくいかない場合はブラウザ[トレース/プライバシーウィンドウを表示しない] 更新されているかどうかを確認します。

4.その他のスクリーニング・プログラム

ハードリフレッシュでキャッシュをクリアしてもフォントが変わらない場合、以下の原因が考えられます:

4.1 テーマプラグインの競合

テーマやプラグインによっては、Elementorのフォント設定を上書きするものがあります。お試しください:

  • 他のプラグインのテストを一時的に無効にする
画像[12]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド
  • デフォルトテーマ(例:Twenty Twenty-Four)への切り替えトラブルシューティング
画像[13]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド

4.2 ブラウザのフォントブロック設定

ブラウザがページを無効にしている可能性があります。カスタムフォントブラウザの設定で「ウェブサイトのフォント表示」が許可されているか確認できます。ブラウザの設定で「ウェブサイトのフォント表示」が許可されているかどうかを確認できます。

画像[14]-エレメンタ・フォントが変更されて無効?原因とキャッシュクリーニングの完全トラブルシューティングガイド

4.3 CSSの優先課題

CSSルールにおいて、テーマや他のプラグインがフォント設定に高い優先順位を使用している場合(例えば 重要) を追加することで、Elementor の設定を上書きすることができます。Chrome DevToolsを使って、どのCSSルールが有効になっているかを確認できます。

5.まとめ

Elementor フォントの変更が反映されない場合その最も一般的な理由は(キャッシュこれにはブラウザのキャッシュ、WordPressのキャッシュプラグイン、CDNのキャッシュが含まれます。フォントの更新に関する問題のほとんどは、Elementorが生成したファイルをクリアし、キャッシュプラグインのキャッシュをクリアし、CDNのキャッシュをクリアし、ブラウザのハードリフレッシュを実行することで解決できます。それでも解決しない場合は、CSSの優先順位とプラグインの競合を確認してください。

上記の方法で解決しない場合は、公式カスタマーサービスにご相談ください。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はlmxによって書かれた
終わり
好きなら応援してください。
クドス116 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし