Trong PhpStorm, nếu bạn mở trực tiếp thư mục giao diện để lập trình, bạn sẽ thấy không thể debug được function từ WordPress Core. Để khắc phục điều này, bạn cần thiết lập trong PhpStorm.
Hỗ trợ WordPress trong PhpStorm
Tính năng tra cứu function trong IDE PhpStorm được cho là khá tiện dụng. Khi bạn mở thư mục chứa WordPress (bao gồm wp-config.php và các folder wp-admin, wp-includes), PhpStorm tự động index và giúp bạn tra cứu function core của WordPress. Điều này giúp bạn tiết kiệm thời gian đọc document và viết code nhanh hơn.
Tuy vậy, ta gặp một trục trặc là khi mở trực tiếp giao diện themes, ví dụ wp-content/themes/codetot
thì sẽ không thể tra cứu ngược được các function do WordPress core tạo ra.
Để khắc phục điều này, bạn cần tận dụng tính năng PHP External Libraries có sẵn của PhpStorm.
Hướng dẫn thêm WordPress Core vào trong PhpStorm External Libraries
Đầu tiên, bạn mở giao diện đang dev trên PhpStorm.
Sau đó, bạn nhấp chuột vào External Libraries nằm ở sidebar phía dưới và lựa chọn “Configure PHP Include Paths” như hình dưới.

Sau đó, trong popup hiện ra, bạn ấn vào dấu (+) ở phía dưới và thêm hai thư mục wp-admin
và wp-includes
vào. Lưu ý là có thể chọn thư mục WordPress bất kỳ miễn là đúng WordPress là ổn thôi.
Đừng quên ấn nút “Apply” và “OK” để có hiệu lực.
Giờ, khi bạn click vào các function trong theme sẽ thấy nhảy sang được function gốc của WordPress. Chẳng hạn như hình dưới đây, mình có thể click vào wp_head
hoặc body_class
để biết nó là những function gì.

Kết luận
Ngoài mẹo trên, bạn còn có thể thiết lập mặc định cho các project mới với thư viện PHP tương tự trong menu File | Preferences for New Projects.

Hi vọng mẹo trên sẽ hữu ích cho các bạn lập trình viên WordPress đang sử dụng PhpStorm.

Giám đốc tại Công ty CP CODE TỐT. Quản lý ngôn ngữ bản địa tiếng Việt tại WordPress. Là tác giả chính tại codetot.net, Khôi muốn ghi lại một sốvấn đề kỹ thuật trong quá trình phát triển các dự án website với khách hàng.