Hướng dẫn cài đặt hỗ trợ WordPress trong PhpStorm

Rate this post

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.

Menu thêm External Libraries trong PhpStorm
Menu thêm External Libraries trong PhpStorm

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-adminwp-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ì.

Tra cứu các function của WordPress
Tra cứu các function của WordPress

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.

Cấu hình setting cho project mới trong PhpStorm
Cấu hình setting cho project mới trong PhpStorm

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.

Viết một bình luận


Chuyên gia về Web
Bạn muốn làm việc với dịch vụ website do chúng tôi triển khai?
Gọi tư vấn 0982.90.4343
Chuyên gia về Web
Bài viết liên quan

02/01/2024

Fix lỗi npm không thể cài các package devDependencies
Khi cài đặt dự án,  có lúc bạn sẽ cài mãi cũng không đủ các package npm, đặc biệt là...
Gọi file PHP trong WordPress

19/09/2023

Cài đặt và sử dụng WP-CLI trên môi trường Linux
Trên một số môi trường Hosting có thể cung cấp SSH hoặc Terminal access, song không có sẵn WP-CLI để...
Import database MySQL lớn trên môi trường Docker

06/08/2023

Import database MySQL lớn trên môi trường Docker
Mình sử dụng EasyPanel để quản lý các Docker và build môi trường app. Nay gặp tình huống phải import...

28/01/2023

Hướng dẫn cài đặt php extension mongodb trên Mac OS M1
Khi bạn muốn hỗ trợ MongoDB trên dòng Mac M1, phần cài đặt sẽ cần một chút lưu ý. Hướng...