WP子テーマ10-子テーマのstyle.cssを触る-
この記事について
Hello World
WordPressサイトのテーマ、いわゆるデザインやレイアウトのカスタマイズをする為、子テーマのstyle.cssを次を触って動きを確認した。
その他、環境整備に関する新情報。
同系列WordPress特化型レンタルサーバー
WordPress専用クラウド型レンタルサーバー『wpX Speed』同系列安定型レンタルサーバー
格安ドメイン名取得サービス『Xserverドメイン』その他キャンペーン中WordPress対応レンタルサーバー
ロリポップ公式サイトドメイン管理に関しては
格安ドメイン名取得サービス『Xserverドメイン』 MuuMuu Domain! お名前.comWP子テーマ10-子テーマのstyle.cssを触る-
CSSを記述
テーマファイルエディタのStylesheet (style.css)にCSSを記述する事で、テーマ全体に反映させる事ができると思われる。
テストコード
/*
Theme Name:test-child-theme
Template:appetizer
*/
@import url("../appetizer/style.css");
p{
background:#33aaaa;
font-size:xx-large;
}
加えたCSSについて
以下cssを加えたが、ブラウザ側のキャッシュをクリアしないと反映されなかった。
p{
background:#33aaaa;
font-size:xx-large;
}
まとめ
pタグ以外のタグにも試したが、場所やタグにより影響の有無が変わるので、土管系ニート的に親テーマの挙動の制御も必要な可能性を予感するので、確認する予定。
これら内容は以下レンタルサーバーでのWordPress環境を使用。
シン・レンタルサーバーよろしく。