WordPress、子テーマ制作に関して

スポンサーリンク

WordPressの子テーマに関する情報を、備忘録的にまとめておきます。

親テーマはSimplicityを使用します。
公式の「カスタマイズ用の子テーマ(無印)」データも用意されていて、至れり尽くせりですね。こちらを元にカスタマイズしていきます。
http://wp-simplicity.com/downloads/child-theme/





「style.css」のカスタマイズ

全体に関わるCSSの修正ですね。「style.css」ファイルに記述して、カスタマイズしていきます。

h2、h3、h4の修正の例

h2

h3

h4

色は「#6a5acd」部分を変えることで変更可能。
装飾のデザイン例は、こちらも参照ください。WordPress見出し(h1・h2・h3…)のデザイン変更

表示例
スクリーンショット(2015-09-21 10.56.52)



サイドバーのウイジェット見出し、修正の例

サイドバーはh4のようですね。こちらもcssで指定します。

表示例
スクリーンショット(2015-09-21 13.15.36)





「mobile.css」のカスタマイズ

スマホ表示に関するCSSの修正ですね。「mobile.css」ファイルに記述して、カスタマイズしていきます。

「記事を読む」「本文抜粋」を表示させない

スマホは表示面積が限られるので、なるべく要素を少なくしたい時があります。「記事を読む」「本文抜粋」を非表示にするカスタマイズです。

「記事を読む」を表示させない

「本文抜粋」を表示させない

スポンサーリンク

シェアする

フォローする