twenty twenty

WordPressに最初からついているテーマ(twenty twenty)をたまには使おうかと思って子テーマでつまずいたことをメモします。
子テーマを使う場合子テーマのfunctionsに、親テーマのスタイルシートのあとに子テーマを読み込ませる指示を書くのだけれど、下のように書くと2回も子テーマのスタイルシートが読み込まれました。

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); 
	function theme_enqueue_styles() {
	wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); 

	wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'));
	} 

どうもtwenty twentyは自動で子テーマのスタイルシートを読み込むようです。
もし子テーマのfunctionsを空白にすると親テーマのスタイルシートは読み込まれず子テーマのみになります。
なので下記のように親テーマのスタイルシートだけ読み込むようにしました。

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); 
	function theme_enqueue_styles() {
	wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); 
	} 

よくわからないですが、これで親テーマの次に子テーマのスタイルシートが読み込まれるようになりました。

タイトルとURLをコピーしました