複数のCSSを認識させたい
-
現在、TCD019というテンプレートを使用しており、子テーマを作成中です。
標準のスタイルシート style.css は普通に読み込めるようになっていますが、
このテンプレートで使用しているPC用の style_pc.css、スマホ用の style_sp.css について、どうも上手く読み込めません。
どちらも@importすればちゃんと読めるようなのですが、推奨じゃないと言うことで、functions.phpで読ませたいのですが、複数のスタイルシートを読み込ませる方法についての情報が少なく、難儀しています。functions.phpに
<?php
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘parent-style’));
wp_enqueue_style( ‘parent2-style’, get_template_directory_uri() . ‘/style_pc.css’ );
wp_enqueue_style( ‘child2-style’, get_stylesheet_directory_uri() . ‘/style_pc.css’, array(‘parent2-style’));
wp_enqueue_style( ‘parent3-style’, get_template_directory_uri() . ‘/style_sp.css’ );
wp_enqueue_style( ‘child3-style’, get_stylesheet_directory_uri() . ‘/style_sp.css’, array(‘parent3-style’));
}
?>という記述をしたところ、
style.cssは正常、
style_pc.css、style_sp.css は親cssを読まずに子cssだけ実行している様子です。よろしくご助力ください。
- トピック「複数のCSSを認識させたい」には新たに返信することはできません。