はじめに

WordPressの学習やテーマ開発をしている時、インデントがズレてしまって見づらい！！！
そんな時、スペースやタブで見た目を揃えていませんか？
今回は、コード整形とテンプレートタグのインテリセンス(自動補完)について紹介します。

インテリセンス用プラグイン

WordPressのテンプレートタグはPHPの組み込み関数ではないので補完候補として出てきてくれません。
以下のプラグインを入れるだけで特別な設定はせずとも補完候補として出てきてくれるようになります。
WordPress Snippets

最初のうちはメソッド名を全て手打ちして覚えるという学習方法もアリかと思います。
ですが、慣れてくると長いメソッドをタイプするのは面倒になってきます。。。
例えば、get_template_directory_uri()
単語の頭文字を順番に入力するとインテリセンスが機能する様になっているので有効活用していきましょう！!

コード整形用プラグイン

今回は２通り紹介します。
工数はどちらもそれほど大差がないのでお好みで！

以下のどちらかのプラグインを入れてください。

プラグインを入れ終わったら、setting.jsonを開いて以下の設定を追記してください！
settings.jsonはこちらのリンクを参照ください
settings.json内の別の場所で"editor.formatOnSave": trueが記述されていれば、以下の記述はしなくても問題ありません。

settings.json

  "[php]": {
    "editor.formatOnSave": true
  }

これでファイルを保存するたびに自動でコード整形してくれるようになります！

PHP Intelephenseを入れた方対象

PHP Intelephenseはテンプレートタグが組み込み関数ではないので、エラーのように存在しないメソッドは赤い波線が表示されます。
これを解決するにはこちらのサイトをご参照ください。

おわりに

インデントが揃うだけでもかなり気分的にスッキリするのでお試しあれ！