第56回WordBench大阪「WordPressのためのGulpハンズオン」

http://wbosaka.connpass.com/event/40236/

セッション内容

WordPressのテーマ制作でGulpやSCSSを使った制作環境構築の手法を解説します。

黒い画面を使ってSCSSをコンパイルしたり、gulpを使ってタスクを記述するといった、 イマドキのWeb開発のフローに挑戦してみましょう！

※ 参加には自由に触れるWordPress環境が必要です。

※ 作業進行にあたりNode.jsなどのソフトウェアインストールが必要になります。

参考リンク

今日のスライドになります：https://docs.google.com/presentation/d/136ELj-ll34WecyyfyhDfacKhcg1GJbom05y-VAnwY5s/edit?usp=sharing

SCSS 参考リンク http://www.webdesignleaves.com/wp/htmlcss/270/

サンプルファイル使用手順

• ZIPでダウンロード、もしくはcoloneする
• ターミナルでgulp-testファイルに移動する
• $ npm iを叩くとnode_modulesがインストールされ、gulpコマンドが叩ける
• コマンドを叩く　$ gulp sass や$ gulp watch