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

解決済 takasaka
(@takasaka)

6年、 11ヶ月前

こちらの「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件中)

nobita
(@nobita)

6年、 11ヶ月前

こんにちは、

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

6年、 11ヶ月前
確立の高そうな原因を羅列させていただきます。

★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を読む必要も出てくるので、かなり時間がかかるかもしれません）
トピック投稿者 takasaka
(@takasaka)

6年、 11ヶ月前

massy55 、nobita様

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

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

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

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

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

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

3件の返信を表示中 - 1 - 3件目 (全3件中)

トピック「子テーマ設定で表示が崩れるのは・・」には新たに返信することはできません。

トピックタグ

表示