まずはブラウザが表示してくれる要素を手がかりにスタイルシートをいじってみます。要素の確認にGoogle Chromeを使いました。
基本テーマ”Twenty Fourteen”のテンプレートなどはテーマ更新時に差し替えられてしまう可能性が高いので、サブテーマ”2014sub”を作成、変更箇所はサブテーマのstyle.cssに追記します。
- 手順。
- テーマ”Twenty Fourteen”が置かれている”themes”フォルダにサブテーマ用のフォルダ”2014sub”を作成。
- フォルダ”2014sub”に”style.css”を作成。
style.cssの内容
/*
Theme Name: 2014sub
Theme URI:
Author: your name
Author URI:
Description: This is a test sub theme that is based on twenty fourteen
Version: 0.1
Template: twentyfourteen
*/
@import url('../twentyfourteen/style.css');
ここより下に変更したいCSSを書き込む
@import url(‘../twentyfourteen/style.css’);</code>
ここより下に変更したいCSSを書き込む