こんにちは、WPホームページ研究所の運営サポートチーム(@WP_LABO)です。
最新テーマ「Twenty Twenty Two」を適用していると下記のタグが出力されます。
<link rel="preload" href="http://example.com/wp-content/themes/twentytwentytwo/assets/fonts/SourceSerif4Variable-Roman.ttf.woff2" as="font" type="font/woff2" crossorigin>
状況次第でこのタグを止めたいですよね。
Twenty Twenty Twoで出力されるタグを止める方法
出力処理はテーマ内のfunctions.phpの126行目にあります。
if ( ! function_exists( 'twentytwentytwo_preload_webfonts' ) ) :
/**
* Preloads the main web font to improve performance.
*
* Only the main web font (font-style: normal) is preloaded here since that font is always relevant (it is used
* on every heading, for example). The other font is only needed if there is any applicable content in italic style,
* and therefore preloading it would in most cases regress performance when that font would otherwise not be loaded
* at all.
*
* @since Twenty Twenty-Two 1.0
*
* @return void
*/
function twentytwentytwo_preload_webfonts() {
?>
<link rel="preload" href="<?php echo esc_url( get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Roman.ttf.woff2' ) ); ?>" as="font" type="font/woff2" crossorigin>
<?php
}
endif;
add_action( 'wp_head', 'twentytwentytwo_preload_webfonts' );
出力を止める方法は下記です。
remove_action( 'wp_head', 'twentytwentytwo_preload_webfonts' );
Twenty Twenty Twoになってからテーマの全体的な作り方が変わったので色々なタグが出力されていますよね。他にも挙動が変更されている点もあるので引き続き動作検証を進めていきます。
最新式の無料プラグインを事前公開
WordPressは公式サイトに登録済みのプラグインだけで全機能を補足しきれません。当サイトでは使いやすさを追求した魅惑的なプラグインを無料でダウンロードいただけます。運営ホームページのマーケティング力をさらに高めるチャンスです。まずは無料でDLしてお試しくださいませ。
→ 改良されたプラグインを確認する