サブテーマの作成 Twenty Fourteen

サブテーマの作成 Twenty Fourteen

サブテーマの作成 Twenty Fourteen

まずはブラウザが表示してくれる要素を手がかりにスタイルシートをいじってみます。要素の確認にGoogle Chromeを使いました。

基本テーマ”Twenty Fourteen”のテンプレートなどはテーマ更新時に差し替えられてしまう可能性が高いので、サブテーマ”2014sub”を作成、変更箇所はサブテーマのstyle.cssに追記します。

    手順。

  1. テーマ”Twenty Fourteen”が置かれている”themes”フォルダにサブテーマ用のフォルダ”2014sub”を作成。
  2. フォルダ”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を書き込む