wordpress – 子テーマをつくってスタイル変更する

Pocket
LINEで送る

テーマのスタイルを変更しても更新したら消えちゃうのでこまります。子テーマをつくるといいらしいです。

参考:WordPressテーマのカスタマイズで子テーマを使うべき理由、使い方など

wp-content/themeに子テーマ用folderをつくって、その中に、style.cssとfunctions.phpをつくって、style.cssに子テーマの情報(子テーマの名前と親テーマ)を書けばいいようです。

$ cd wp-content/theme
$ touch style.css
$ touch functions.php
$ vi style.css

style.cssの中身

/*
 Theme Name:   mh-newsdesk-lite-child
 Template:     mh-newsdesk-lite
*/

これで管理画面に反映しているはず。有効化して、スタイルシートをいじってみます。
親を呼び出さないといけないらしい。スタイルが全く適用されていない。functions.phpに書けばいいらしい。

$ vi 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' );
}

これで親のスタイルが引き継がれるので、あとは、子テーマのstyle.cssを修正することでデザインを変更できます。

Pocket
LINEで送る

コメントください