Automattic 製のスターターテーマ「_s
(アンダースコアエス)」の Sass が使いこなせるようになりたかったので、_s
をベースにつくられたテーマを写経してみました。
書き始めると長くなりそうなので、箇条書きにしたものを置いておきます。
気が向いたら詳しく書き直します。
前提条件
- 今回はスタイルシートのみの写経(PHP もやってもいいかも)
- 成果物は子テーマ
- Git が使える
やりかた
- Underscores をインストール
- 親テーマをインストール
- 新しいフォルダをつくり、Underscores の Sass フォルダと、親テーマの style.css をコピーしてくる
- style.css 内のコメントに Template: 欄をつくり保存して、子テーマを有効化
- Git にコミットして、バージョンをきる
- Sass を変換して style.css を上書き
- Git にコミットして、別のバージョンをきる
- 2つのバージョンを比べながら、差分を修正してゆく
- Mixin とか variables-site にできそうな要素を置き換えてゆく