カテゴリー
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を加えます。

カテゴリー
Tips

Twenty Twenty Four Google Analytics設定

ワードプレスの公式テーマTwenty Twenty Fourは、header.phpやfooter.phpがないため従来の方法ではGoogle Analyticsのトラッキングコードを設定できません。

プラグインを使う方法もありますが、次のようにfunction.phpに記述することで</head>の前にスクリプトを埋め込むことができます。

function add_google_analytics() {
    ?>
    <!-- Google Analytics -->

ここにトラッキングコードを記述します

    <!-- End Google Analytics -->
    <?php
}
add_action('wp_head', 'add_google_analytics');