AstraテーマでGoogleフォントを有効にしてセルフホストする方法

ウェブサイトのパフォーマンスを最適化する際にはグーグルフォントスピードを上げ、スピードを落とす。 累積レイアウトスキュー（CLS） の効果的な方法論である。アストラこのテーマはバージョン3.6.0でこの機能を導入し、ユーザーがGoogleフォントをローカルで読み込めるようにしました。この記事では、この機能を有効にする方法、デフォルト設定を変更する方法、Astraブランディングを削除する方法を説明します。

AstraのセルフホストGoogleフォントを有効にする

アストラは以下を提供する。 グーグルフォント Googleフォントをローカルに保存できる機能。 ウォフ2 フォーマットの読み込み、外部リクエストの削減、サイトパフォーマンスの向上。

可能にする方法：

サインインワードプレスバックエンド アストラ > 設定.
コミッション 「Googleフォントをローカルに読み込む オプション

有効にすると、Googleフォントがローカルから直接読み込まれるため、外部からのリクエストが減り、特にモバイル端末ユーザーの読み込み速度が向上します。

Astraの自己ホスト型Googleフォント機能を修正する方法

デフォルトではアストラとして保存されます。 ウォフ2 フォーマットはほとんどのブラウザで動作しますが、一部の古いブラウザ（Internet ExplorerやOpera Miniなど）はこのフォーマットをサポートしていません。これらのブラウザをサポートする必要がある場合、または別のフォーマットを使用したい場合は、以下の手順に従って変更してください。

1.フォントファイル形式の変更

万が一 ウォフ2 このフォーマットは一部のブラウザには適していません。 ウォフより多くのブラウザでサポートされている。

メソッドを修正する：

子テーマを開き functions.php ドキュメンテーション
以下のコードを追加します：

// "woff2" 以外のフォントフォーマットを読み込む。
add_filter( 'astra_local_google_fonts_format', 'update_astra_local_fonts_format' ); }.
関数 update_astra_local_fonts_format( $font_format ) { を実行します。
  $font_format = 'woff'; // フォーマットを "woff "などに変更します。
  return $font_format；
}

これにより ウォフ より多くのブラウザとの互換性のために読み込まれたフォントをフォーマットします。

2. ホワイトラベル付きAstraセルフホストGoogle Fonts機能

デフォルトでは、Astraは新しいファイルをフォントフォルダとローカルのカスケーディングスタイルシートファイル名に以下を追加 アストラ ブランドロゴ。ブランドロゴを削除してホワイトラベルにしたい場合は、以下のコードを使って修正できます：

フォントフォルダの名前を変更します：

add_filter( 'astra_local_fonts_directory_name', 'update_astra_local_fonts_file_directory_name' )；
関数 update_astra_local_fonts_file_directory_name( $folder_name ) { { update_astra_local_fonts_file_directory_name( $folder_name )
  $folder_name = 'mysite'; // 'mysite' を任意のフォルダ名に変更します。
  return $folder_name；
}

ローカルのCSSファイルの名前を変更する：

add_filter( 'astra_local_font_file_name', 'update_astra_local_fonts_file_name' )；
関数 update_astra_local_fonts_file_name( $file_name ) { $file_name = 'mys_astra_local_fonts_file_name'.
  $file_name = 'mysite-font'; // 'mysite-font' を希望のファイル名に変更します。
  return $file_name；
}

これらの変更により、フォントフォルダとCSSファイル名には アストラ ブランドロゴ、カスタマイズ要件に完全準拠。

3.キャッシュのクリア

修正が完了したら アストラ > 設定 をクリックする。 "ローカルのフォントファイルを消去する" ボタンをクリックします。これで古いキャッシュがクリアされ、変更が即座に反映されます。

提案

これらの変更を行う際には サブテーマテーマを更新したときにカスタム設定が失われるのを防ぐためです。子テーマの設定方法がわからない場合は、チュートリアルを参照してください。また、サブテーマは 中間環境 テストは、公式サイトに直接影響を与えないように実施された。

概要

可能にすることでアストラごかんけいせいぼおん グーグルフォント 機能を使用すると、ユーザーはフォントをローカルに読み込んでウェブサイトのパフォーマンスを向上させることができます。より多くのブラウザフォーマットをサポートする必要がある場合、またはブランド・アイデンティティこの記事の修正は、カスタマイズのセットアップを完了するのに役立つ。

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

AstraテーマでGoogleフォントをセルフホストする方法