カテゴリー
Tips

Twenty Twenty Four 子テーマ設置

テーマTwenty Twenty Fourを編集することがある場合は、子テーマを作成します。子テーマを作成しないとと親テーマのTwenty Twenty Fourがアップデートされたときに編集内容がリセットされてしまうためです。

1.子テーマのフォルダを作成します。このフォルダ名はその後変更しないようにします。

2.子テーマフォルダにstyle.cssをアップロードします。
Theme Nameは自由に付けてください。

/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
*/

3.子テーマフォルダにfunctions.phpをアップロードします。

<?php

function enqueue_theme_styles() {
// 親テーマのスタイル
wp_enqueue_style( 'style-parent', get_template_directory_uri() . '/style.css' );
// 子テーマのスタイル
wp_enqueue_style( 'style-child', get_stylesheet_directory_uri() . '/style.css', array('style-parent') );
}
add_action( 'wp_enqueue_scripts', 'enqueue_theme_styles' );

以上ですが、あとは必要に応じてcustom-scripts.jsやtheme.jsonを加えます。