サポート » テーマ » functions.php での css読み込み

  • 解決済 zetsushun12st

    (@zetsushun12st)


    1からテーマ作成をしている初心者です。
    functions.php にて 既存のcss を読み込もうとしているのですが。
    GoogleChrome等のデベロッパーツールで見てみると<head></head> に出力されていません。 何故でしょうかご教授ください。

    <?php
    /* ----------------------------------------------------------------------------------- */
    /* StyleSheet Enqueue */
    /* ----------------------------------------------------------------------------------- */
    function theme_enqueue_stylesheet() {
        if (!is_admin()) {
            wp_enqueue_style('ja-font', '//fonts.googleapis.com/earlyaccess/notosansjp.css');
            wp_enqueue_style('kr-font', '//fonts.googleapis.com/earlyaccess/notosanskr.css');
            wp_enqueue_style('awesome-font', '//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
            wp_enqueue_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css');
            wp_enqueue_style('animate', get_template_directory_uri() . '/css/animate.css');
            wp_enqueue_style('slick', get_template_directory_uri() . '/css/slick.css');
            wp_enqueue_style('style', get_stylesheet_uri() );
        }
    }
    add_action('wp_enqueue_style', 'theme_enqueue_stylesheet');
    ?>

    尚、functions.php にはこれしか書いておりません。

    よろしくお願いいたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • nobita

    (@nobita)

    こんにちは

    header.phpで

    <?php wp_head(); ?>
    </head>

    wp_head()を記述していますよね?

    トピック投稿者 zetsushun12st

    (@zetsushun12st)

    お返事ありがとうございます。
    確かに、header.phpに
    <?php wp_head(); ?>
    は記入してあります。

    nobita

    (@nobita)

    基本に忠実に、wp_enqueue_scriptsアクションで、実行しましょう

    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    function theme_enqueue_styles() {
        add_action('wp_enqueue_style', 'theme_enqueue_stylesheet');
    }
    if (!is_admin()) {

    は、なぜ必要なんですか?

    nobita

    (@nobita)

    ごめんなさい

    間違ってましたね

    add_action('wp_enqueue_scripts', 'theme_enqueue_stylesheet');

    ですね

    トピック投稿者 zetsushun12st

    (@zetsushun12st)

    返信が遅れてすみません。
    最後のnobita様からの訂正から気づいたのですが。
    add_action('wp_enqueue_scripts', 'theme_enqueue_stylesheet');
    のところを
    add_action('wp_enqueue_style', 'theme_enqueue_stylesheet');
    にしていました。

    訂正したところ、無事cssの読み込みができました。
    このようなミスにnobita様のお時間を取らせてしまい、申し訳ありませんでした。
    nobita様 ありがとうございました。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「functions.php での css読み込み」には新たに返信することはできません。