WordPressの子テーマ作成「このテーマは壊れています」というエラーメッセージが出た時
WordPressのテンプレートを編集したい時、直接テーマを編集するのではなく子テーマを作成してテーマの編集をするのがセオリー。
ここでは、子テーマ作成の作り方ではなく、テンプレートの子テーマ作成をする時にうまくいかずにエラー表示が出てしまった時に確認すべき事項を書き留めておく。
子テーマのスタイルシート(style.css)には下記のように入力する。
/*
Theme Name: Twenty Fifteen Child
Template: twentyfifteen
*/
@import url('../twentyfifteen/style.css');
この時、親テーマに合わせてtwentyfifteenの部分を書き換えなければいけない。その時に間違いやすいのが
最後の一文
@import url('../twentyfifteen/style.css');
のところ。
これは、
@import url('../親テーマのディレクトリ名/style.css')
であり、テーマ名ではなく親テーマのディレクトリ名（ファイル名）を表記しなければいけない。
ここ1~2年は同じテンプレートを利用していたので
コピペで何も考えずに作業していた管理人は親テーマのディレクトリ名ではなくテーマ名を入力していて、子テーマが正常に稼働しない状態になっていた。
それで子テーマを編集しようとしても、「このテーマは壊れています」というエラーメッセージが出てしまっていたのだ。
/*
Theme Name: child.iconic
Template: iconic-one
*/
@import url('../iconic-one/style.css');
テーマ名ではなく
親テーマのディレクトリ名を入れて解決。