子テーマは「自分専用のデザイン」を追加するための仕組み
子テーマで文字色を変更する方法
子テーマの style.css にCSSを追加するだけです。
例:本文の文字色を変更
body {
color: #333333;
}
見出しの色を変える例
h1, h2, h3 {
color: #0066cc;
}
リンクの色を変える例
a {
color: #ff6600;
}a:hover {
color: #cc0000;
}
ポイント
- 子テーマの
style.cssに書けばOK - 親テーマは変更しない
- アップデートしても消えない
もし変更が効かない場合
親テーマのCSSが強い場合があります。
そのときは少し詳しく指定します。
例:
body p {
color: #333333;
}
まとめ
子テーマは、自分専用のデザインを安全に追加できる仕組みです。
文字色、背景色、余白、フォントなど、自由に変更できます。