Gulp WordPress @Grand-Frontend-Osaka 2015 Summer

1. Gulp WordPress WordPress のテーマ開発に Gulp を導入 Grand-Frontend-Osaka 2015 Summer

2. Kite Facebook: kite.koga Twitter: @ixkaito GitHub: @ixkaito Designer Programmer CEO & funder of KITERETZ inc. Wocker developer

3. WordPress 4 バージョン連続コアコントリビューターは日本初

4. WordPress と Ruby on Rails 両方のコントリビューターは世界初！ ※オレ調べ

5. WordPress のテーマ開発に  Gulp を導入したい

6. やりたいこと Sass、Compass のコンパイル JavaScript の minify Browserify 画像の圧縮ブラウザのリロード

7. 環境を一から構築するの  面倒くさい…

8. 安心してください

9. ありますよ

10. Blank WordPress Theme for Gulp https://github.com/ixkaito/bathe

11. Features Gulp Sass Compass Bourbon Neat Bitters Imagemin Browserify Watchify UglifyJS Browser-Sync

12. Get Started!

13. 1. Node.js をインストール https://nodejs.org/ or $ brew install node

14. 2. Gulp をグローバルにインストール $ npm install --global gulp

15. 3. Sass / Compass をインストール $ gem install compass

16. 4. bathe をダウンロード $ git clone https://github.com/ixkaito/bathe.git && cd bathe or https://github.com/ixkaito/bathe/archive/master.zip

17. 5. Node module をインストール $ npm install

18. 6. `siteurl` の編集 gulpconﬁg.json 内の `siteurl` をご自身の環境にあわせて編集します。（デフォルト： wocker.dev）

19. 7. Gulp を実行 $ gulp

20. あとは実際に見てみよう

Consultez-les par la suite