「子テーマ」タグアーカイブ

WordPress 標準テーマ Twenty Fourteen の色を変更する

WordPressである標準テーマ「Twenty Fourteen」はレスポンシブル対応で使いやすいテーマです。そのまま使ってもよいのですが、ワンポイントの色を変更するために子テーマを作りました。

緑系の2色を赤系の2色に変更しています。文字で使っているはっきりした赤の#C2002Aと薄いピンク系の#C45A72をそれぞれ青と水色などとしても使えると思います。

子テーマは、テーマで使用されているファイルを置き換えたり追加したりするもので、親テーマが更新されても上書きされません。

使い方は以下のコードをwordpressディレクトリ内のwp-contents/themes/にtwentyfourteen_childというディレクトリを作成し、style.cssとして保存するだけです。

子テーマのスタイルシートは親テーマの後に読み込まれ、子テーマに記述のある項目のみを再設定することで、部分的な色の変更を実現しています。 続きを読む WordPress 標準テーマ Twenty Fourteen の色を変更する