--- title: "PhpStormでWordPressテーマ（プラグイン）開発をする時の最低限の設定" canonical_url: "https://olein-design.com/blog/begin-dev-wp-on-phpstorm" language: "ja" date_published: "2018-06-14T15:01:55+09:00" date_modified: "2018-06-14T15:01:55+09:00" content_type: "post" author: "久野晃司" taxonomies: category: - "WordPress" post_tag: - "WordPress" --- # PhpStormでWordPressテーマ（プラグイン）開発をする時の最低限の設定 WordPressテーマを開発することが多いのですが、今までは長い間AtomとかCoda2.5とかを行き来していましたが、最近は自分の制作環境にもしっかりと**課金**して**PhpStorm**を使うようになりました。 PHPを利用した開発に特化したIDEとなっていて、WordPressもPHPでできているので便利に使うことができます。 本当に奥が深いPhpStormですが、最低限これだけ設定して使ってみるだけで、便利加減を体感できるよ！という内容をご紹介できればと思います。 ## 予め準備しておくこと 以下に解説する流れのしら準備として、以下の状態までは準備しておいてください。 - ローカル開発環境→今回はMAMP - WordPressをインストール済み - 開発用ディレクトリを作成しておく 開発ディレクトリというのは、例えばテーマ開発で言うならば、`wp-content`の中の`themes`の中にテーマ開発用のディレクトリを作っておく、プラグイン開発であれば、`wp-content`の中の`plugins`の中にプラグイン開発用のディレクトリを作っておくということですね。 ## PhpStormで新しいプロジェクトを作成する ![PhpStormで新しいプロジェクトを作る](https://olein-design.com/wp-content/uploads/2018/06/Welcome_to_PhpStorm.png) まずはPhpStormで新しいプロジェクトを作成しましょう。 ## WordPress Pluginで設定していく もっといい方法があるのかもしれませんが、僕はいつも**WordPress Plugin**を作る感じで作っていきます。 ![](https://olein-design.com/wp-content/uploads/2018/06/New_Project.png) Location 開発するディレクトリを指定します WordPress installation path WordPressがインストールしてある場所を指定します。（wp-contentディレクトリとかが置いてある場所） **Location**は**開発するディレクトリ**を、**WordPress installation path**は**WordPressのルートディレクトリ**を指定してあげます。 そして、**create**ボタンを押します。すると、右下に・・・ ## ちょいと設定 このようなアラートが表示されますが、最初は読んでいる途中で表示が消えてしまうことがあるかも・・・ ![](https://olein-design.com/wp-content/uploads/2018/06/dev-theme_-____LocalMAMP_phpstorm_wp-content_themes_dev-theme_.png) 上は消えかけているアラートの画像です。読みにくいですよね。。。 まぁ、あんまり考えないで**Fix**部分のリンクを教えておいてください。 表示が消えてしまった場合には、 ![](https://olein-design.com/wp-content/uploads/2018/06/dev-theme_-____LocalMAMP_phpstorm_wp-content_themes_dev-theme_-2-1024x621.png) 右下に**Event Log**という部分があるのでそこをクリックすると、 ![](https://olein-design.com/wp-content/uploads/2018/06/dev-theme_-____LocalMAMP_phpstorm_wp-content_themes_dev-theme_-3-1024x624.png) アラートで出てきていた内容を一望することができます。こちらでポチっとしても大丈夫です。すると、下のような画面が出てきます。 ![](https://olein-design.com/wp-content/uploads/2018/06/Preferences-1024x625.png) 開発環境のWordPressルートが指定されているか確認してください。複数プロジェクトを進める際には、ここが前のプロジェクトの設定になってたりすることがあるので、前のままにしておく必要もないとは思うので、現在使うものに設定しておきましょう。 この設定画面になったついでに以下も確認しておきましょう。 ![](https://olein-design.com/wp-content/uploads/2018/06/Preferences-2-1024x626.png) **Languages & Frameworks > PHP > Frameworks**で**Enable WordPress integration**にチェックが入っているか、あとは**WordPress installation path**にちゃんと開発環境のWordPressのルートが設定されているかを再度確認しておきましょう。 ## まとめ 人ぞれぞれ、さまざまな開発環境があるのは思いますが、僕は最近はPhpStorm一択となっています。やはり、自動補完がやばいです。自分で作った関数とかもどんどん自動補完してくれます。 １ヶ月は無料で使える期間もあるので、試してみてから購入という流れでも良いと思いますよ！おすすめです！！