functions.phpの以下の行を切り取り、

// Register Styles. wp_register_style( 'style-css', get_stylesheet_uri(), [], filemtime( get_template_directory() . '/style.css'), 'all' ); wp_register_style( 'bootstrap-css', get_template_directory_uri() . '/assets/src/library/css/bootstrap.min.css', [], false, 'all' ); // Enqueue Styles wp_enqueue_style( 'style-css' ); wp_enqueue_style( 'bootstrap-css' );

classes/class-テーマ名-theme.php に書き足しながら入れていきます。

https://a-three.work/code/wp/theme_check/

問題文を書いた場所には class="input"答えを書いた場所には class="hide"　で実装

前回のsingletonに引き続き、インスタンス化をすすめていきます。

以下作成inc/class-テーマ名-theme.php

<?php /** * Bootstraps the Theme. * * @package Note */ namespace NOTE_THEME\Inc; class NOTE_THEME { use Singleton; protected function __construct() { // Load class. $this->setup_hooks(); } protected function setup_hooks() { // actions and filters } }

functions.phpに追加

function aquila_get_theme_instance() { \NOTE_THEME\Inc\NOTE_THEME::get_instance(); } note_get_theme_instance();

実際にロードされているか確認してみる場合、以下のように書いてみて、helloと画面に書かれているか見てみましょう

以下URLのmaster を 「feature/add-singleton」に変更し、aquila/inc/helpers/autoloader.phpaquila/inc/traits/trait-singleton.phpを自分のテーマに入れる。ファイルをクリックし、Rawをクリック後、全選択してコピーして貼り付け。https://github.com/imranhsayed/aquila

function.php の頭に追加

if ( ! defined( 'NOTE_DIR_PATH' ) ){ define( 'NOTE_DIR_PATH', untrailingslashit( get_template_directory() ) ); } require_once NOTE_DIR_PATH . '/inc/helpers/autoloader.php';

WordPressで stylesheet を読み込ませるときhttps://developer.wordpress.org/reference/functions/wp_enqueue_style/

function テーマ名_enqueue_scripts() { wp_enqueue_style( 'style-css', get_stylesheet_uri(), [], filemtime( get_template_directory() . '/style.css'), 'all' ); } add_action( 'wp_enqueue_scripts', 'テーマ名_enqueue_scripts' );

filemtimeはタイムスタンプです。検証で確認するとバージョン番号がstyle.cssの後ろについていると思います。これをつけることによって、何度もキャッシュを削除して読み込みしなくても新しいstylesheetを読み込んでくれます。どのようなものが出力されるのか見たい場合、functionより前に以下のようにechoで出力して確認数字が出力されます。

echo '<pre>'; print_r( filemtime( get_template_directory() . '/st