こんにちは
初めて投稿させていただきます。
Lightningの子テーマを使用しているのですが、functions.phpにコードを何度も書いているのですが、SwiperやCSSファイルなどを上手く読み込んでくれません。
もしどなたか分かる方がおられましたらお教えください。
子テーマでの制作が初めのてため、もし資料やサイトなどお教えいただくとありがたいです。恐れ入りますが、どうぞよろしくお願いします。
function my_script_init() {
// WordPressに含まれているjquery.jsを読み込まない
wp_deregister_script('jquery');
// jQueryの読み込み（jQueryの依存関係を明示的に指定）
wp_enqueue_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js', array(), '3.7.1', true);
// Google Fontsの読み込み
wp_enqueue_style('NotoSansJP', '//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
wp_enqueue_style('Roboto', '//fonts.googleapis.com/css2?family=Roboto:wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
wp_enqueue_style('Oswald', '//fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
wp_enqueue_style('eco-shop-google-font', '//fonts.googleapis.com/css?family=Lora:ital,wght@0,400..700;1,400..700&display=swap', false, null, 'all');
// Font Awesomeの読み込み
wp_enqueue_style('font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css', array(), '6.5.1');
// SwiperのCSSとJavaScriptの読み込み（依存関係なし）
wp_enqueue_script('swiper', get_template_directory_uri() . '/js/lib/swiper-bundle.min.js', array(), '1.0.1', true);
wp_enqueue_style('swiper-css', get_template_directory_uri() . '/css/lib/swiper-bundle.min.css', array(), '1.0.1');
// 親テーマのスタイルの読み込み
wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
// 子テーマのカスタムスタイルの読み込み（親テーマに依存）
wp_enqueue_style('child-custom-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'), filemtime(get_stylesheet_directory() . '/style.css'));
// リセットCSSとメインスタイルの読み込み
wp_enqueue_style('reset-css', get_template_directory_uri() . '/css/reset.css', array(), '1.0.1');
wp_enqueue_style('main-style', get_template_directory_uri() . '/css/style.css', array(), '1.0.1');
// メインJavaScriptファイルの読み込み（jQueryに依存）
wp_enqueue_script('main-js', get_template_directory_uri() . '/js/script.js', array('jquery'), '1.0.1', true);
// 子テーマのJavaScriptファイルの読み込み（jQueryに依存）
wp_enqueue_script('child-script', get_stylesheet_directory_uri() . '/js/script.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_script_init');