サポート » テーマ » 子テーマ設定で表示が崩れるのは・・

  • 解決済 takasaka

    (@takasaka)


    こちらの「First」といういテーマを利用させていただこうと子テーマを自分なりに用意しました。
    http://themehaus.net/ja/themes/first/

    ただ、実際に設置し子テーマを選択しすると、サイトのほうが、CSSが効いてない状態で崩れています。

    子テーマの中には、下記ファイルを置いています。

    style.css

    /*
    Template:first
    Theme Name:First_child
    */

    function.php

    <?php
    add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
    function theme_enqueue_styles() {
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );

    }

    どこが間違っているのか・・分からないのですが、どなたかご指摘いただければと思い、投稿させていただきました。

    wordpress 4.7.4環境

    よろしくお願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • こんにちは、

    function.php を functions.php に変更してみてください。

    確立の高そうな原因を羅列させていただきます。

    ★get_template_directory_uri()ではなく、get_stylesheet_directory_uri()を使ってみてください

    ★『wp-content/themes/親テーマ(ディレクトリ名)』 と 『wp-content/themes/子テーマ(ディレクトリ名)』をしっかり確認していただき、子テーマfunctions.phpのTemplate:first のfirstが 親テーマ(ディレクトリ名) と同じテキストの羅列になっているかどうか確認もしてみてください

    ★場合によって、以下の様に親テーマのcssを読み込んだ後、子テーマのcssを読み込むなど、調整してみてください

    add_action('wp_enqueue_scripts','theme_enqueue_styles');
    function theme_enqueue_styles() {
       wp_enqueue_style('parent-style',get_template_directory_uri().'/style.css' );
       wp_enqueue_style('child-style',get_stylesheet_directory_uri().'/style.css',array('parent-style'));
    }

    ◆get_template_directory_uri() と get_stylesheet_directory_uri()の違いは?

    ◆wp_enqueue_scriptsの中でどのように優先順位が設定されるのか?
    (必要であれば・・・・。コアのphpを読む必要も出てくるので、かなり時間がかかるかもしれません)

    massy55 、nobita様

    ご返信、ありがとうございます。

    function.php を functions.php でうまくいきました。

    > ★場合によって、以下の様に親テーマのcssを読み込んだ後、子テーマのcssを読み込むなど、調整してみてください

    私の環境だけかもしれませんが、調整してみたら、サイトの速さが違うように感じました。

    とにかく、今回は反省と勉強になりました。

    ご返信、誠に感謝しております。
    ありがとうございます。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。