子テーマのstyle.cssで親テーマを変更したらレイアウトが崩れてしまったとき

WordPress個別サポート

現在、Twenty Elevenの子テーマが適用されているとします。

現在の親テーマ:Twenty Eleven
現在の親テーマ:Twenty Eleven

子テーマのstyle.cssには、次のように記述されているだけです。

/*
Theme Name:     child
Theme URI:      http: //example.com/
Description:    Child theme
Author:         nishi
Author URI:     //www.nishi2002.com/
Template:       twentyeleven
Version:        0.1.0
*/

@import url('../twentyeleven/style.css');

親テーマをTwenty ElevenからTwenty Twelveに変更します。

/*
Theme Name:     child
Theme URI:      http: //example.com/
Description:    Child theme
Author:         nishi
Author URI:     //www.nishi2002.com/
Template:       twentytwelve
Version:        0.1.0
*/

@import url('../twentytwelve/style.css');

テーマの編集画面でファイルを更新してサイト表示を確認すると、レイアウトが崩れてしまいます。

親テーマを変更後、レイアウトが崩れる
親テーマを変更後、レイアウトが崩れる

この場合、「テーマ」メニューで一度別のテーマを有効化してから、もう一度この子テーマを有効化すると、親テーマの変更が反映されます。

設定後、ブラウザの「更新」ボタンをクリックすると、Twenty Twelveのレイアウトが反映されるようになります。

親テーマの変更(Twenty Twelve)が反映される
親テーマの変更(Twenty Twelve)が反映される

2013年5月30日WordPressトラブル