WP子テーマ10-子テーマのstyle.cssを触る-

この記事について

Hello World

WordPressサイトのテーマ、いわゆるデザインやレイアウトのカスタマイズをする為、子テーマのstyle.cssを次を触って動きを確認した。

その他、環境整備に関する新情報。

同系列WordPress特化型レンタルサーバー

WordPress専用クラウド型レンタルサーバー『wpX Speed』

同系列安定型レンタルサーバー

格安ドメイン名取得サービス『Xserverドメイン』

その他キャンペーン中WordPress対応レンタルサーバー

ロリポップ公式サイト

ドメイン管理に関しては

格安ドメイン名取得サービス『Xserverドメイン』 MuuMuu Domain! お名前.com

WP子テーマ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環境を使用。

シン・レンタルサーバー

よろしく。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です