Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Gulp WordPress WordPress のテーマ開発に Gulp を導入 Grand-Frontend-Osaka 2015 Summer
Kite Facebook: kite.koga Twitter: @ixkaito GitHub: @ixkaito Designer Programmer CEO & funder of KITERETZ inc. Wocker devel...
WordPress 4 バージョン連続 コアコントリビューターは日本初
WordPress と Ruby on Rails 両 方のコントリビューターは世界初！ ※オレ調べ
WordPress のテーマ開発に
 Gulp を導入したい
やりたい こと Sass、Compass のコンパイル JavaScript の minify Browserify 画像の圧縮 ブラウザのリロード
環境を一から構築するの
 面倒くさい…
安心してください
ありますよ
Blank WordPress Theme for Gulp https://github.com/ixkaito/bathe
Features Gulp Sass Compass Bourbon Neat Bitters Imagemin Browserify Watchify UglifyJS Browser-Sync
Get Started!
1. Node.js をインストール https://nodejs.org/ or $ brew install node
2. Gulp をグローバルにインストール $ npm install --global gulp
3. Sass / Compass をインストール $ gem install compass
4. bathe をダウンロード $ git clone https://github.com/ixkaito/bathe.git && cd bathe or https://github.com/ixkaito/bathe/archive/...
5. Node module をインストール $ npm install
6. `siteurl` の編集 gulpconfig.json 内の `siteurl` を ご自身の環境にあわせて編集します。 （デフォルト： wocker.dev）
7. Gulp を実行 $ gulp
あとは実際に見てみよう
Gulp WordPress @Grand-Frontend-Osaka 2015 Summer
Gulp WordPress @Grand-Frontend-Osaka 2015 Summer
Gulp WordPress @Grand-Frontend-Osaka 2015 Summer
Prochain SlideShare
Chargement dans…5
×

Gulp WordPress @Grand-Frontend-Osaka 2015 Summer

1 965 vues

Publié le

WordPress のテーマ開発に Gulp を導入。BrowserSync、Sass / Compassのコンパイル、画像の圧縮、Browserify などのタスクを自動化。bathe (blank WordPress theme for Gulp) を使えば、とても簡単に始めることができます。

How to use Gulp for WordPress theme development. What we need are BrowserSync, compile of Sass and Compass, minify images and JavaScript, Browserify, etc... However, it's very simple to do it if using bathe (a blank WordPress theme for Gulp).

Publié dans : Ingénierie
no profile picture user

  • Identifiez-vous pour voir les commentaires

Gulp WordPress @Grand-Frontend-Osaka 2015 Summer

  1. 1. Gulp WordPress WordPress のテーマ開発に Gulp を導入 Grand-Frontend-Osaka 2015 Summer
  2. 2. Kite Facebook: kite.koga Twitter: @ixkaito GitHub: @ixkaito Designer Programmer CEO & funder of KITERETZ inc. Wocker developer
  3. 3. WordPress 4 バージョン連続 コアコントリビューターは日本初
  4. 4. WordPress と Ruby on Rails 両 方のコントリビューターは世界初！ ※オレ調べ
  5. 5. WordPress のテーマ開発に
 Gulp を導入したい
  6. 6. やりたい こと Sass、Compass のコンパイル JavaScript の minify Browserify 画像の圧縮 ブラウザのリロード
  7. 7. 環境を一から構築するの
 面倒くさい…
  8. 8. 安心してください
  9. 9. ありますよ
  10. 10. Blank WordPress Theme for Gulp https://github.com/ixkaito/bathe
  11. 11. Features Gulp Sass Compass Bourbon Neat Bitters Imagemin Browserify Watchify UglifyJS Browser-Sync
  12. 12. Get Started!
  13. 13. 1. Node.js をインストール https://nodejs.org/ or $ brew install node
  14. 14. 2. Gulp をグローバルにインストール $ npm install --global gulp
  15. 15. 3. Sass / Compass をインストール $ gem install compass
  16. 16. 4. bathe をダウンロード $ git clone https://github.com/ixkaito/bathe.git && cd bathe or https://github.com/ixkaito/bathe/archive/master.zip
  17. 17. 5. Node module をインストール $ npm install
  18. 18. 6. `siteurl` の編集 gulpconfig.json 内の `siteurl` を ご自身の環境にあわせて編集します。 （デフォルト： wocker.dev）
  19. 19. 7. Gulp を実行 $ gulp
  20. 20. あとは実際に見てみよう

×