「試みてみたこと」にfunctions.phpに関する情報が書かれていないので、
functions.phpによる子テーマのスタイルシートを読み込む記述が欠けているのでは無いかと思います。
以下の記述をしたfunctions.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' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('parent-style')
);
}
moyo55さん、ご回答ありがとうございます!
上記を子テーマのfunctions.phpに追記しましたが、特に変化がありませんでした。
子テーマfunctions.phpには、元々下記が書かれています(既存のテーマ使用です)
<?php //子テーマ用関数
if ( !defined( 'ABSPATH' ) ) exit;
//子テーマ用のビジュアルエディタースタイルを適用
add_editor_style();
ですので、
パターン1で
<?php //子テーマ用関数
if ( !defined( 'ABSPATH' ) ) exit;
//子テーマ用のビジュアルエディタースタイルを適用
add_editor_style();
//以下に子テーマ用の関数を書く
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')
);
}
パターン2で
<?php //子テーマ用関数
if ( !defined( ‘ABSPATH’ ) ) exit;
//子テーマ用のビジュアルエディタースタイルを適用
// add_editor_style();
//以下に子テーマ用の関数を書く
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’)
);
}
(重複してるかと思い、元々入っている「子テーマ用のビジュアルエディタースタイルを適用」をコメントアウト)
で試してみましたが、スタイルは読み込まれませんでした。
他に何か考えられる原因はありますでしょうか。
こんにちは
まず、確認ですが、
「子テーマ名がおかしい」ということですが、どのようにおかしいのでしょうか?文字化け(「???-CHild」とか?)しているのでしょうか?文字化けしているようでしたら、文字コードを確認(エディタおよび FTP の設定)してください。
「CSSが当たっていないようです」ということですが、style.css は組み込まれている(ページのソースを確認してみてください)が、スタイルが反映されないということでしょうか?
テーマは何をお使いでしょうか?テーマによっては親テーマ側で子テーマのスタイルを読み込むものもあります。
ishitakaさん、こんにちは。いつもありがとうございます!
●テーマ名がおかしいことについて
子テーマに「cocoon-child-master」と変な名前を付けてしまったので、できれば直したいと思っています。(「cocoon-child」などに)
文字化けはありません。
●テーマはcocoonです。
●「cocoon-child-master」のstyle.cssは下記で記述しました(本来、Theme Name: cocoon-child-master であるべき?)が、正常にstyle.cssは反映されています。
/*!
Theme Name: Cocoon Child
Template: cocoon-master
*/
●「cocoon-child」にリネームして、下記に書き換えてテーマを有効にしましたが、子テーマのスタイルは反映されていません。
/*
Theme Name: cocoon-child
Template: cocoon-master
*/
色々とご説明不足で、内容をくみ取っていただきありがとうございます!
Cocoon テーマでしたら、親テーマ側で子テーマの style.css を組み込むので子テーマ側で組み込むようなコードを記述する必要はありません。
また、Cocoon テーマは専用の子テーマが用意されているので、これをインストールして、その style.css ファイルを編集してみてください。
ishitakaさん、ありがとうございます!
Cocoonテーマは専用テーマでインストールしたのですが、デフォルトでフォルダ名が「cocoon-child-master」でインストールされ、「cocoon-child-master」というフォルダ名にしておく仕様なのかもしれないと思いました。
無理して変更する必要もないので、このまま変更しないでおくことにします。
アドバイスありがとうございました!!