WordPressテーマカスタマイズ

WordPressテーマカスタマイズ

テンプレートの要素(CSS)を探し変更する方法

デフォルトのテーマや子テーマで、サイトテーマのデザイン(CSSファイル)を変更するとき、「どのタグ」で「どのセレクタ」が設定されているのかを探すとき、テーマ作成また開発環境などないなど・・やり方がわかないという方もいると思いますのでその方法...
WordPressテーマカスタマイズ

子テーマと親テーマの関係と、テンプレート作成について

子テーマでテンプレートファイル(CSSファイル以外)を作成また使用する方法 子テーマでCSSファイルを利用してデザインを変更するだけではなく、header.phpやfooter.phpファイルなどテンプレートファイルを変更したい場合は、子テ...
WordPressテーマカスタマイズ

子テーマCSSファイルの適用の流れと意識すること

親テーマのCSSファイルをインポートして、子テーマCSSファイルを作成したときのサイトへのCSS適用は以下のようになります。 1.インポートした親テーマCSSファイルが子テーマで適用されます。 2.子テーマCSSファイルで設定したプロパティ...
WordPressテーマカスタマイズ

子テーマstyle.cssで、親テーマstyle.cssの要素を再定義する例

子テーマの「style.css」ファイルに@import記述することにより、親テーマの「style.css」で定義された要素を子テーマでも利用できるようになります。 子テーマ「style.css」で親テーマ「style.css」の要素を再定...
WordPressテーマカスタマイズ

子テーマの作成方法

以前に子テーマ作成過程の記事(TwentyTenの子テーマを作成)に子テーマ作成方法を書いたのですが、改めて書きます。 子テーマ作成方法 1.子テーマフォルダ(フォルダ名は適当)を「wp-content/themes/」に作成。 2.「st...