functions.phpでcssが読み込みない。

Question

functions.phpでcssを読み込みたい。

functions.phpでcssを読み込みたいのですが、何故だか読み込むことができません。
コードは以下です。

それぞれ、

・トップページファイル名：front-page.php
・トップページに当てるcssは、sassフォルダの中のtop_page.css

・固定ページAのファイル名：menu-page.php
・固定ページAのスラッグ名：menu-page
・固定ページAに当てるcssは、sassフォルダの中のmenu.css

・固定ページBファイル名：pick-up-menu.php
・固定ページBのスラッグ名：pick-up
・固定ページBに当てるcssは、sassフォルダの中のpick_up_menu.css

<?php
function twpp_enqueue_styles() {
    
    if (is_front_page('')) {
    wp_enqueue_style( 'front-page',get_template_directory_uri() . '/sass/top_page.css', );}

    elseif ( is_page('menu-page')) {
    wp_enqueue_style( 'menu-page',get_template_directory_uri() . '/sass/menu.css' );}
    
    elseif ( is_page('pick-up')) {
        wp_enqueue_style( 'pick-up-menu-page',get_template_directory_uri().'/sass/pick_up_menu.css' );}
    }    
    add_action( 'wp_enqueue_scripts', 'twpp_enqueue_styles' );
?>

ちなみに前回、別のサイトを作った際は、こちらと同じ書き方でcssが当たりました。

アドバイスよろしくお願い致します.....

Comments

[CHERRY]

Web ブラウザで、HTML のソースを見ると、どのように表示されているのでしょうか？

また、Webブラウザのデベロッパーツールのコンソールには、何かメッセージは出ていますか？

[codemanvs]

HTMLソースを見ると、HTML部分は問題ないのですが、element.styleの部分は全く当たっておらず、またコンソールにもcssに関するエラーが出ていない状態です。(ちなみにwordpress自作テーマです)。

[gogoweb_ikeda]

wp_headとwp_footerを実行していますか？
if文ではなくすべてのページに適用されるようにwp_enqueue_styleを実行すると正常に読み込まれますか？

[codemanvs]

gogowebさんのヒントをもとに解決しました。ありがとうございます! :)

Answer 1

子テーマを使っている場合はget_template_directory_uriではなく
get_stylesheet_directory_uriを使ってください。

Comments

[codemanvs]

子テーマは使っていない状態で、自作のテーマです.... >0<

[tabuu]

それでは出力されたHTMLのソースにcssのurlが記述されているはずですので、
そのurlが想定通りか、および、そのurlにcssファイルが存在するか確認してみてください。

[codemanvs]

解決しました!　ありがとうございます:)

Answer 2

jquery読み込みの部分でこちらの表記を入れる。

<?php wp_enqueue_script('jquery'); wp_head();?>