Elementorグローバルフォント設定のヒント：スタイルの衝突を避けるための正しい方法

Elementorを使ってページを作成するとき、多くの人はエディタで直接テキストのフォント、フォントサイズ、行間を設定します。しかし、テーマを変更し、フォントプラグインをインストールした結果、サイト全体のフォントスタイルがぐちゃぐちゃになってしまったという経験はありませんか？この時、おそらく問題はElementorの"グローバルフォント機能

グローバルフォントとは？

グローバルフォントはElementorのサイト設定の一部で、テキストスタイルのフルセットを定義できます。含まれています：

主要見出し
セカンダリー・ヘッドライン（二次見出し）
本文
アクセント・テキスト
ボタンテキスト

一度設定されると、ページ上で「デフォルト」フォントを使用するモジュールは、対応するグローバルスタイルを自動的に継承します。

グローバルフォントを設定する場所はどこですか？

操作は簡単だ：

とおすエレメンターエディター(どのページでもかまいません）
左上の横三本線のアイコンをクリックし、[サイト設定]を選択します。
グローバルフォント]を見つけてクリックする
フォント、フォントサイズ、太さ、スペーシングなどをタイプごとに個別に設定
アップデートをクリックして保存

ここでの設定は、個別にフォントが変更されていないすべてのモジュールに影響するので、サイトを構築する前にこのセクションを設定し、基礎を固めることをお勧めします。

回避スタイルの対立いくつかの重要なプラクティス

1.ページ内で繰り返しフォントを手動で上書きしない

多くの人は、テキストの特定の段落で直接フォントを手動で選択することを好みます。この操作は柔軟性があるように見えますが、サイト全体のスタイルを統一したいときには、手動で変更した場所はグローバルな変更に追従しません。

グローバル設定からフォントが自動的に同期されるように、「デフォルトの継承」を使用することをお勧めします。どうしても個別に調整する必要がある場合は、まず新しいグローバルスタイルを作成し、それを統一的に管理することができます。

2.テーマのフォント設定と混合しない

ワードプレスのテーマElementorに独自のフォントを設定する人は多いが、その結果、フォント同士が喧嘩してしまう。例えば、テーマにシステムフォントがあり、ElementorにGoogleフォントがあり、ブラウザがそれらを異なる順序で読み込むと、「テキストが点滅する」問題が発生します。

提案Elementorのサイト設定のみを使用するテーマのフォントセクションをクリアまたは無効にすることができます。また、いくつかのテーマ（例えばアストラ(Hello)はElementorモードで自動的に制御を引き継ぐので、Elementorモードでの使用をお勧めします。

3.プラグインフォント機能の使用は控えめ、または繰り返し読み込みを避けるため

一部のフォント管理プラグイン（Google Fonts Typographyプラグインなど）はフォントのグローバル設定も提供しますが、Elementorがすでにフォントを管理しており、プラグインがそれらを再度読み込む場合、フォントが重複して読み込まれたり、スタイルが正しくなかったりする可能性があります。

WebサイトのフォントはElementorの管理で統一し、複数のプラグインやテーマの機能が重複して制御しないことをお勧めします。

4.ページモジュールで「デフォルト」のスタイルオプションを使用する。

テキストモジュールにフォントオプションが表示されたら、「デフォルト」を選択して、フォントがグローバル設定を継承するようにしてください。特定のフォント（例：Roboto、Lato）を選択した場合、グローバル設定には従いません。

これは特に見落としやすいが、非常に重要だ。

溶け込むフォントが有効にならないどうしますか？

グローバルフォント "でフォントを変更したのに、ページがまったく変わっていないように見えることがあります。これは次のような原因が考えられます：

フォントはモジュール内で手動で設定し、グローバル設定を上書きする。
ブラウザのキャッシュまたはキャッシュプラグインがブロックしているカスケーディングスタイルシート
Elementorのデフォルト・スタイルが更新されない

解決策はこうだ：

Elementorツールページに移動する
全般]タブを探す
ファイルとデータの消去」をクリックする。
Clear Cache プラグイン
フロントエンドのページをもう一度更新して、効果を確認する。

短い

エレメンタグローバルフォント機能は、駅を構築する過程で非常に実用的なコアポイントであり、良好なあなたがすぐに駅全体のスタイルを統一することができますが、また、後でバッチ調整するのに便利です。しかし、前提は、あなたがしなければならないということです：

面倒なフォントの手動上書きは不要
テーマとElementorの競合を避ける
デフォルトの継承フォントの統一使用
キャッシュとスタイルが正しくロードされているか定期的にチェックする。

これらのポイントを正しく押さえれば、ウェブサイトのフォントが安定し、統一されるので、後で手直しする必要がなくなります。より複雑なフォントが必要な場合は、グローバルフォントの下にカスタムスタイルを作成し、拡張して管理することもできます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み