WordPress 6.5の新機能を徹底分析：フォントライブラリの導入 - Photon Volatility｜WordPress 修理のプロフェッショナル、ワールドワイド、迅速対応

WordPress 6.5では、エディタ内でフォントを直接管理できるフォントライブラリ機能が追加されました。また、さまざまなAPIも提供され、開発者はこの機能をコントロールしたり、微調整したり、あるいは無効にしたりすることがより柔軟にできるようになりました。

フォント集

フォントセットとは、エディターを使ってウェブサイトに追加できるフォントのコレクションです。エディターのテーマ.jsonこれらのフォントファミリーは次のようにリストされています。フォントファミリープロジェクトWordPress 6.5のデフォルトでは、ユーザーはGoogleのフォントセットを追加するオプションがあります。GDPRに準拠するため、Googleフォントをインストールすると、これらのフォントファイルがWordPressサーバーにダウンロードされます。

フォントコレクションが登録されると、エディターのフォントライブラリ画面で確認できるようになります。ここでユーザーはコレクション内のフォントをインストールして使い始めることができます。

フォントセットの追加

を使用することができます。wp_register_font_collection()関数を使用して新しいフォントセットを追加します。このプロセスでは、フォントファミリとその一覧を PHP あるいは JSON 形式で定義し、その情報を配列の一部として関数に渡します。

PHPでフォントコレクションを追加する例を示します：

$font_families = [ ] です。

配列(

'font_family_settings' => (

配列 (

'fontFamily' => 'Open Sans, sans-serif'、

'slug' => 'open-sans'、



'fontFace' => (

配列 (

'fontFamily' => 'Open Sans'、

'fontStyle' => 'normal'、



'src' => 'https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4iY1M2xLER.woff2'

),

配列 (

'fontFamily' => 'Open Sans'、

'fontStyle' => 'italic'、



'src' => 'https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVIUwaERZjA.woff2'

),

),

), ), ), ), ), ), ), ), ), )

), ), ), ), ), ), ), ), ), )

'categories' => [ 'sans-serif' ]、

),

配列(

'font_family_settings' => (

配列 (

'fontFamily' => 'Monoton, system-ui'、

'slug' => 'monoton'、



'fontFace' => (

配列 (

'fontFamily' => 'Monoton'、

'fontStyle' => 'normal'、



'src' => 'https://fonts.gstatic.com/s/monoton/v19/5h1aiZUrOngCibe4fkPBQ2S7FU8.woff2'、

'preview' => 'https://s.w.org/images/fonts/17.7/previews/monoton/monoton-400-normal.svg'

),

),

)

),

'categories' => [ 'display' ]、

),

配列(

'font_family_settings' => (

配列 (

'fontFamily' => 'Arial, Helvetica, Tahoma, Geneva, sans-serif'、

'slug' => 'arial'、



)

),

'categories' => [ 'sans-serif' ]、

),

];

$categories = [

配列(

'name' => _x( 'Display', 'フォントカテゴリ名' )、

'slug' => '表示'、

),

配列(

'name' => _x( 'Sans Serif', 'フォントカテゴリ名' )、

'slug' => 'サンセリフ'、

),

].

$config = array (

'name' => _x( 'My font collection', 'フォントコレクション名' )、

'description' => _x( 'お気に入りのフォントのコレクション', 'フォントコレクションの説明' )、

'font_families' => $font_families, 'font_families' => _x( '私のお気に入りのフォントのコレクションです。



).

wp_register_font_collection ( 'my-font-collection', $config )；

のフォントコレクション配列は名称歌で応える記述フィールドで多言語翻訳をサポートする必要がある場合、これは_x()関数を使用して、このテキストを折り返すことができます。通常、フォントファミリーの名前は翻訳されません。詳細については、ディスカッション #60509を参照してください。

フォントコレクションのフォントファミリフィールドは、ローカルパスまたはJSONファイルを指すリモートURLのいずれかを使用してフォントを指定することができます。

フォントセットの削除

を使用することができます。wp_unregister_font_collection()関数はフォント・コレクションを無効にします。これはデフォルトのフォントコレクションを無効にする例です：

add_action( 'init', function() {)

wp_unregister_font_collection( 'default-font-collection' )；

} );

フォントのインストールとアクティベーション

WordPressでは、すべての機能のリストをテーマ.jsonフォントを設定するための設定。フォントをサイトに「インストール」すると、その設定がデータベースに保存され、どのテーマでもそのフォントを使用できるようになります。

フォントを「有効化」するということは、そのフォントがテーマのグローバルスタイル設定に追加されることを意味します。こうすることで、新しいフォントをサイト全体のスタイリングや個々のブロックのデザインに使用することができます。

新しいテーマに変更した場合、以前にインストールしたフォントを再度有効にする必要があります。これにより、新しいテーマのグローバルスタイルも確実に更新されます。テーマのグローバルスタイルをリセットすると、以前にインストールしたフォントはすべて無効化されますが、サイトには残りますので、いつでも再有効化することができます。

また、フォントライブラリでは、テーマに付属しているフォントが不要な場合に無効にすることができ、ウェブサイトの読み込み速度を向上させることができます。

カスタムフォントアップロードカタログ

デフォルトでは、アップロードされたフォントはwp-content/フォントフォルダに保存されます。ただしフォントこの保存場所を変更するには、フィルターを使って、必要に応じて別のディレクトリを設定してください。設定がwpコンテンツディレクトリにあるwp-content/uploads/fontsが代替ディレクトリとして使われる。

を使用することができます。wp_get_font_dir()関数を使用して、フォントアップロードディレクトリの正確な場所を調べることができます。

以下の例では、フォントディレクトリをWordPressの "Uploads "ディレクトリに変更します。wp-content/uploads):

function alter_wp_fonts_dir( $defaults ) { {.

$wp_upload_dir = wp_get_upload_dir()；

$uploads_basedir = $wp_upload_dir['basedir']；

$uploads_baseurl = $wp_upload_dir['baseurl']；

$fonts_dir = $uploads_basedir . '/fonts'；

// フォントディレクトリのURLをフォントディレクトリから生成します。

$fonts_url = str_replace( $uploads_basedir, $uploads_baseurl, $fonts_dir ); // フォントディレクトリのURLをフォントディレクトリから生成します。

$defaults['path'] = $fonts_dir；

$defaults['url'] = $fonts_url；

return $defaults；

}

add_filter( 'font_dir', 'alter_wp_fonts_dir' )；

フォントのアップロード場所を変更する場合は、選択したフォルダが実際に存在し、正しい読み取り権限と書き込み権限を持っていることを確認してください。

と同じようにwp-content/uploadsフォルダも同様に、フォントのアップロード用に設定されたフォルダの影響を受けません。wp_is_file_mod_allowedもしかしたらdisallow_file_mods設定の効果は、これらの設定がフォントのアップロードを妨げないことを意味します。

フォントライブラリを無効にする方法

フォントライブラリはデフォルトでエディタからアクセスできます。

ユーザーインターフェースの無効化

フィルタはUIのカスタムエディタ設定を無効にするために使用できます：

function disable_font_library_ui( $editor_settings ) { フォントライブラリの設定を無効にします。

$editor_settings['fontLibraryEnabled'] = false；

return $editor_settings；

}

add_filter( 'block_editor_settings_all', 'disable_font_library_ui' )；

REST APIを無効にする

ねばなりませんunregister_post_type()関数を使うと、フォント・ライブラリに関連する投稿タイプを削除したり、REST APIを拡張したりすることができる：

add_action( 'init', function() {)

unregister_post_type( 'wp_font_family' )；

unregister_post_type( 'wp_font_face' )；

} );

そうすることで、プラグインはフォントライブラリの機能をオフにすることができ、同時に現在のテーマが提供するフォントを管理するインターフェイスを保持することができます。

新しいREST API

フォントライブラリ機能に3つの新しいREST APIエンドポイントが追加されました：

wp/v2/フォントコレクション: 定義済みのフォントファミリーのリスト、すなわち「コレクション」を取得するのに使う。
wp/v2/フォントファミリこれは通常、 1 個ないし複数のフォントを含んでいます。
wp/v2/font-families//font-facesフォントファミリーの各フォントの詳細情報を取得するために使用します。

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