MAMPでwordpress環境を作り、gulpを使いテーマを作る環境を作ることにする。
#用意するもの
タスクランナー(gulp)
wordpress環境(MAMP)
wordpressを構築
MAMPをインストールして、ローカルサーバーの設定(ルート)と
データベース作成する。
ルートのパスを叩くとwordpressのインスールをするためのデータベース設定あるので
データベース名,port,host,password,メールアドレス等を入れていきます。
データベースの設定が終わるとwordpressがインストールされます。無事にインストールされたら設定にいき、アドレスをメモしておきます。
タスクランナーの設定
タスクランナーはテーマディレクトリで動かします。
node.js gulpのインストールは割愛します。
必要なプラグインはプロキシの設定ができるローカルサーバーです。その結果browserSyncを選びました。
$ npm i -D browser-sync
gulpのタスクを書きます。htmlなど静的なファイルはoptionの設定でserverを選び制作するらしいですが、
それだとphpは更新されないためoptionではserverではなくproxyで設定するようです。
タスクを実行するとローカルサーバーが立ち上がり、proxyで設定したwordpressが表示されます。
個人的に、このほかにsassやjavascriptのためのタスクを入れ、watchタスクで監視しています。そして、cssやphpなどテーマファイルに更新があればbrowserSyncリロードのタスクが発動します。
プロキシで設定するだけなんですね、、、どんだけ〜 ってくらいここまでくるのに
時間かかりました。とほほ、、、、、
参考
[いまさら始めるGulpでWordPressテーマ開発](https://olein-design.com/blog/gulp-wp-starter)