PhpStormでWordPressテーマの画像パスなどを補完

Question

前提・実現したいこと

PhpStromを使ってWordPressサイトを構築しています。

PhpStorm 2019.03
WordPress 5.4

PhpStormでテーマの画像ファイルなどのパスを補完する方法を調べているのですが、見つけることができません。

以下のテーマ構造を前提として説明させていただきます。

mytheme
   |
   |-- images
         |
         |--sample.png
   |
   |-- index.php
   |
   |-- style.css

上記sample.png画像を表示するために、以下コードを書くときに、images/sample.png を補完することは可能でしょうか。
/iでimagesが候補にでて、/image/sでsample.png`が候補に出てほしい。

<img src="<?= esc_url(get_theme_file_uri()) ?>/images/sample.png">

現在は補完できずに以下のようなエラーメッセージが表示されます。

Cannot resolve directory images
Cannot resolve file sample.png

やったこと

1. Languages & Frameworks > PHP > FrameworksのWordPressを有効にして、WordPressのパスを指定
2. Languages & Frameworks > PHPのInclude PathでWordPressのパスをしてい（上記1と同じパス）

Answer 1

macOS / PhpStorm 2020.01 / WordPress 5.4.1 で試してみました。

「PHPのInclude PathでWordPressのパス」にテーマのパス
/Users/ユーザー名/htdocs/test_wp/wp/wp-content/themes/mytheme
を登録して、
<img src="<?= esc_url(get_theme_file_uri()); ?>/
の状態で補完（Ctrl+Space）を２回押します。
これで sample.png の s を入力し、sample.png を見つけて Enter でパスが入力されました。
階層的には images から補完したいところですが、この方法ではできませんでした。

他に影響が出ないかまでは未調査ですが、一応似たうような結果が得られましたので、報告させていただきます。

Comments

[s-hiroshi]

ご回答ありがとうございます。
開発効率に大きく影響するので、大変参考になりました。