• WordPress初心者です。
    functions.phpにてCSSファイル、JSファイルを読み込みたいのですが、
    HTMLしか認識されていないようです。
    コードは以下になります。

    function my_script_init()
    {
    wp_enqueue_style('fontawesome', 'https://use.fontawesome.com/releases/v5.8.2/css/all.css', array(), '5.8.2', 'all');
    wp_enqueue_style('my', get_template_directory_uri() . '/css/style.css', array(), '1.0.0', 'all');
    wp_enqueue_script('my', get_template_directory_uri() . '/js/script.js', array( 'jquery' ), '1.0.0', true);
    }
    add_action('wp_enqueue_scripts', 'my_script_init');

    別途、
    header.phpには<?php wp_head(); ?>を</head>前に。
    footer.phpには<?php wp_footer(); ?>を</body>前に記入しています。

    ファイルパスですが、各種phpファイルと同じフォルダにHTMLフォルダが存在し、HTMLフォルダ内にCSS、JSファイルが入っている形になっています(わかりずらく恐縮です…
    <テーマ名フォルダ内>
    .php
    HTML – CSS – style.css
    – JS – script.js

    原因が分からず困り果てています。
    ご教授いただけると幸いです。

    • このトピックはchuriiiiiが4年、 9ヶ月前に変更しました。
1件の返信を表示中 - 1 - 1件目 (全1件中)
  • DRILL LANCER

    (@rickaddison7634)

    下記コードではいかがですか?
    (おそらく子テーマで運用されていると思うので・・・)

    function my_script_init() {
    	wp_enqueue_style( 'fontawesome', 'https://use.fontawesome.com/releases/v5.12.0/css/all.css', array(), '5.12.0', 'all' );
    	wp_enqueue_style( 'my', get_stylesheet_directory_uri() . '/css/style.css', array(), '1.0.0', 'all' );
    	wp_enqueue_script( 'my', get_stylesheet_directory_uri() . '/js/script.js', array( 'jquery' ), '1.0.0', true );
    }
    add_action( 'wp_enqueue_scripts', 'my_script_init' );

    P.S.
    get_template_directory_uri() は親テーマの URL しか取得できません。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「functions.phpにてCSS,JSファイルが読み込めない」には新たに返信することはできません。