サポート » 使い方全般 » wp_enqueue_styleの出力位置変更方法やスペース削除方法

  • 現在はwp_enqueue_styleとwp_enqueue_scriptをfunctions.phpに記載して、
    </head>の前にcssやjsファイルのアドレスが出力されています。
    header.phpに直書きで
    <!–[if lt IE 9]>
    <script src=”js/respond.js”></script>
    <script src=”js/html5shiv.js”></script>
    <![endif]–>
    と記載しているので、
    この二つの記載の前に
    wp_enqueue_scriptでmodernizr.min.jsを出力したいのですが、
    出来ません。
    何か方法はありますでしょうか?

    それと、
    最初の<link rel=’stylesheet’>が出力される際に、
    <link
    の前に半角スペース4つ分が出力されてしまいます。
    functions.phpには
    function my_add_style() {

    global $post;

    wp_enqueue_style(‘style’, get_stylesheet_uri(), array(), ‘2.0’, ‘screen’);

    と記載していて、半角スペースがなぜ出力されているのかが分かりません。

    この2点を教えて頂けますでしょうか。
    宜しくお願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • CG

    (@du-bist-der-lenz)

    functions.phpでの記述自体は、改行されているものではないですよね。

    トピック投稿者 kowkou

    (@kowkou)

    CG様
    お返事ありがとうございます。
    申し訳ございませんが、当方あまり詳しくphpを理解しておりません。
    質問に記載した方法でfunctions.phpに記述しております。
    改行が入っているように思います。
    宜しくお願いいたします。

    こんにちは

    header.php に、直接記述しないで下記のようにエンキューすればいいのではないでしょうか。

    wp_enqueue_script( 'modernizr', get_template_directory_uri() . '/js/modernizr.min.js', array( 'jquery' ) );
    
    wp_enqueue_script( 'html5shiv', get_template_directory_uri() . '/js/html5shiv.js', array( 'modernizr' ) );
    wp_script_add_data( 'html5shiv', 'conditional', 'lt IE 9' );
    
    wp_enqueue_script( 'respond', get_template_directory_uri() . '/js/respond.js', array( 'modernizr' ) );
    wp_script_add_data( 'respond', 'conditional', 'lt IE 9' );

    スペースは、header.php の wp_head() の前にスペースが記述されているのではないでしょうか?

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

    <?php wp_head(); ?>
    </head>
    • この返信は6年、 11ヶ月前にishitakaが編集しました。

    こんにちは

    wp_head();
    を、直書きした

    <!–[if lt IE 9]>
    <script src=”js/respond.js”></script>
    <script src=”js/html5shiv.js”></script>
    <![endif]–>

    の前に書けば、この上にenqueueしたものが出力されると思いますが、そういった意味ではないのかな?

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「wp_enqueue_styleの出力位置変更方法やスペース削除方法」には新たに返信することはできません。