AI – Anzai Home

プログラムとかワードプレスなどで、わからない時やエラーがあるとChatGPTやClaudeなどなどのAIで確認するが、Claudeが一番適格な答えをしてくれる。プロンプトの問題もあるかもしれないが、プロンプト作成にそんなに時間を取られたくないので、簡単なプロンプトでもちゃんと答えてくれるのがClaudeだった。

ChatGPT

files-list.js に関連する読み込み設定は、親テーマの functions.php や他のスクリプトファイルに記述されている可能性がありますが、先程検索した結果では特に親テーマで直接 files-list.js を読み込んでいるコードが見当たりませんでした。

したがって、次のように確認する方法を提案します：

親テーマの functions.php の全コードを確認 親テーマで files-list.js を読み込む設定がされているかもしれません。親テーマの functions.php ファイルを確認し、wp_enqueue_script() を使用している部分を探してみてください。
テーマファイル内での wp_enqueue_script をチェック 親テーマのどこかで wp_enqueue_script() を使用して files-list.js を読み込むような記述があるかもしれません。wp_enqueue_script('files-list', ...) のようなコードが見つかるはずです。
プラグインや外部コードの影響 もしプラグインやカスタムコードが files-list.js を親テーマの js フォルダから読み込もうとしている場合もあるため、そのようなプラグインがないかも確認してみてください。

もし親テーマのコードを確認した結果、それに関する部分が見つかれば、そのコードを削除するか修正することで問題を解決できます。

Claude

問題を発見しました！page-custom-files.php ファイルの中に、親テーマのディレクトリを参照しているコードがあります。

問題のコード部分:

// スクリプトとスタイルを登録する
function enqueue_files_list_scripts() {
    // ファイル一覧表示用のスクリプトを登録
    wp_enqueue_script(
        'custom-files-list', 
        get_template_directory_uri() . '/js/files-list.js', 
        array('jquery'), 
        '1.0.0', 
        true
    );
    
    // AJAX URL と nonce をスクリプトに渡す
    wp_localize_script(
        'custom-files-list',
        'custom_files_ajax',
        array(
            'ajax_url' => admin_url('admin-ajax.php'),
            'nonce' => wp_create_nonce('custom_files_nonce')
        )
    );
}
add_action('wp_enqueue_scripts', 'enqueue_files_list_scripts');

ここでの問題点:

get_template_directory_uri() は親テーマのディレクトリを参照します。これが http://www.anzai-home.com/wp/wp-content/themes/twentytwentyfive/js/files-list.js として読み込まれている原因です。
さらに、ハンドル名も custom-files-list と files-list で異なるため、両方のファイルが読み込まれようとしています。

解決方法:

page-custom-files.php 内のスクリプト読み込み部分を修正します。
get_template_directory_uri() を get_stylesheet_directory_uri() に変更して、子テーマのディレクトリを参照するようにします。
もしくは、このスクリプト登録部分を削除して、すでに enqueue-scripts.php にある登録だけを使うようにします。

以下のいずれかの対応を行ってください:

page-custom-files.php の enqueue_files_list_scripts 関数を修正する:

function enqueue_files_list_scripts() {
    // ファイル一覧表示用のスクリプトを登録
    wp_enqueue_script(
        'files-list', // 既存のハンドル名と合わせる
        get_stylesheet_directory_uri() . '/js/files-list.js', // 子テーマのディレクトリを参照
        array('jquery'), 
        '1.0.0', 
        true
    );
    
    // AJAX URL と nonce をスクリプトに渡す
    wp_localize_script(
        'files-list', // ハンドル名を合わせる
        'custom_files_ajax',
        array(
            'ajax_url' => admin_url('admin-ajax.php'),
            'nonce' => wp_create_nonce('custom_files_nonce')
        )
    );
}

もしくは、page-custom-files.php からスクリプト登録部分を削除し、enqueue-scripts.php の enqueue_files_list_script 関数に nonce 部分を追加:

function enqueue_files_list_script() {
    // ファイルパスを指定
    $script_path = get_stylesheet_directory() . '/js/files-list.js';
    // ファイルが存在するか確認し、更新時刻を取得
    if (file_exists($script_path)) {
        $script_version = filemtime($script_path);
    } else {
        $script_version = '1.0.0'; // ファイルが存在しない場合のデフォルトバージョン
        error_log($script_path);
    }
    // ファイルがテーマの js フォルダにある場合のパスを指定
    wp_enqueue_script(
        'files-list', // スクリプトのハンドル名
        get_stylesheet_directory_uri() . '/js/files-list.js', // スクリプトのパス
        array('jquery'), // jQueryに依存している場合、依存関係を指定
        $script_version, // バージョン番号
        true // フッターで読み込む
    );
    
    // AJAX URL と nonce をスクリプトに渡す
    wp_localize_script(
        'files-list',
        'custom_files_ajax',
        array(
            'ajax_url' => admin_url('admin-ajax.php'),
            'nonce' => wp_create_nonce('custom_files_nonce')
        )
    );
}

これで問題が解決するはずです。親テーマからのファイル読み込みがなくなり、エラーが表示されなくなります。

Anzai Home

カテゴリー: AI

Claudeが優秀