1.発生している問題
Wordpress オリジナルテーマを制作しています。
CSSが反映されません。
2.該当のソースコード
function.php
1/************************************************** 2CSSファイルの読み込み 3**************************************************/ 4function my_enqueue_styles() { 5 wp_enqueue_style('ress', 'https://unpkg.com/ress/dist/ress.min.css', array(), false, 'all'); 6 wp_enqueue_style('style', get_template_directory_uri() . '/css/style.css', array('ress'), false, 'all'); 7} 8add_action('wp_enqueue_scripts', 'my_enqueue_styles'); 9 10/************************************************** 11JSファイルの読み込み 12**************************************************/ 13function st_enqueue_scripts() { 14 wp_enqueue_script('jquery'); 15 wp_enqueue_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js', array(), '3.5.1', false); 16 wp_enqueue_script('script', get_theme_file_uri('js/script.js'), array('jquery'), false, true); 17} 18add_action('wp_enqueue_scripts', 'st_enqueue_scripts');
3.自分で調べたことや試したこと
フォルダ階層は
└ cssーstyle.css
└ jsーscript.js
└ sassフォルダ
└ index.php
└ header.php
└ style.css
この様にしております。
DartSassを使用し、css/style.cssにコンパイルはされているのですが、
google Chrome検証機能で見るとcssが反映されておりません。
DartSassもWordPressも初学者のため、2日間調べたものの解決に至りませんでした。
どなたかご教授いただけないでしょうか。
どうぞよろしくお願いいたします!!!!!
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
下記に質問の追加をしました。
どうぞよろしくお願いいたします。
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
お返事いただきありがとうございます!
また、質問の仕方に不備があり申し訳ありません。
CSS が反映されないというのは、
<link rel="stylesheet" href="/〜.css"> が出力されない状況です。いらない情報かもしれないのですが、自分の知識に自信がないため
こちらが検証ツールに表示されたコードとブラウザに表示された画面です。
↓
回答1件
あなたの回答
tips
プレビュー