wordpressにjavascriptとcssをfunction.phpで読み込みたい

前提・実現したいこと

script.jsとstyle.cssのファイルをwordpressに読み込ませたい

該当のソースコード

function.phpに書きました。

php
1function add_my_files() {	
2  wp_enqueue_script( 
3    'my-script', 
4    get_theme_file_uri( '/script.js' ), 
5    array(), 
6    filemtime( get_theme_file_path( '/script.js' ) ), 
7    true
8  );
9  //スタイルシートの読み込み
10  wp_enqueue_style(
11    'my-style',
12    get_theme_file_uri( '/style.css' ),
13    array(),
14    filemtime( get_theme_file_path( '/style.css' ) )
15  );
16}
17add_action('wp_enqueue_scripts', 'add_my_files');
18
19

参考サイト

ファイル

header.php

php
1<!DOCTYPE html>
2<html lang="jp">
3<head>
4  <meta charset="UTF-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7  <title>Document</title>
8  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
9   <?php wp_head(); ?>
10</head>
11<body>
12 <header>
13
14 </header

footer.php

php
1<footer>
2   
3   </footer>
4   
5   <?php wp_footer(); ?>
6  </body>
7  
8  </html>

index.php

php
1 <?php get_header() ;?>
2 <aside>
3  <h1>こんにちは</h1>
4  <h2>日本語で</h2>
5  <h5>ヨロシク</h5>
6 </aside>
7
8<?php get_footer() ;?>

試してみたこと

cssで色、javascriptでconsoleに表示の指定をしてみました。

style.css

css
1body{
2  background-color: blue;
3}

script.js

javascript
1console.log("正解");

色もconsoleにも表示されませんでした。
何が原因なのか教えてください。
お願いします。

補足情報（FW/ツールのバージョンなど）

使用しているeditor
VSCord（バージョン: 1.60.2 ）

FTPソフト
File Zilla

レンタルサーバー
conoha

参考サイト

dousojin

2021/09/24 13:15

とりあえずテーマ関数を記述するファイルはfunction.phpじゃなくてfunctions.phpです。

行動規範の内容に同意します

回答2件

ベストアンサー

子テーマだったりしますか？
私は子テーマで試してみたのですが、functions.phpにこれだけ書けばいけるっぽいです。

php
1
2add_action( 'wp_enqueue_scripts', function () {
3	wp_enqueue_style( 'my-style', get_stylesheet_directory_uri() . '/style.css' );
4	wp_enqueue_script( 'my-script', get_stylesheet_directory_uri() . '/script.js' );
5} );