ゆるいイラストここにあり。

WPテーマのバージョンアップでGoogleFontsの@importが消える

2022/4/16 | WEB, プログラミング

イラストレーターのハセガワ（@h_hasegawa8）です。

このホームページではGoogle Fontsを使っているのですが、先日テーマのバージョンアップがあったときにそれがすべて無効になってしまいました。

原因は単純で、Google Fontsを親テーマの<head>で@importしていたので、バージョンアップにともないそれが消えてしまっていたようです。

そこで、今後はテーマがバージョンアップされてもGoogle Fontsの@importが消えないように対策を取ることにしました。

具体的には、子テーマのfunctions.phpで’wp-head’ フックを使い、@importを<head>に挿入する方法です。

add_action('wp_head', 'insert_css');
function insert_css() {
	$output = "<style> @import url(' Google Fonts '); </style>";
	echo $output;
}