Tất cả hướng dẫn về plugin của WordPress nên được áp dụng cho các addon của Elementor. Bạn nên giữ cấu trúc thư mục của mình đơn giản và đặt các tệp tương tự cùng nhau.
Tệp #
Cấp độ gốc của thư mục addon của bạn /elementor-test-addon/ nên chứa một tệp elementor-test-addon.php. Cách tốt nhất là đặt cho thư mục và tệp chính cùng tên.
elementor-test-addon/
|
└─ elementor-test-addon.php
Các tệp khác là tùy chọn. Nếu addon có các tệp khác, tất cả chúng nên được tổ chức thành các thư mục con bất cứ khi nào có thể.
Thư mục #
Cách tốt nhất là giữ các tệp tương tự cùng nhau. Ví dụ, bạn nên nhóm các tệp CSS lại với nhau và các tệp JS lại với nhau. Quy tắc này cũng áp dụng cho các loại tệp và chức năng – ví dụ: “widgets” nên được nhóm lại với nhau, “controls” nên được nhóm lại với nhau, v.v.
Addon Thành phần Đơn #
Khi tạo một addon thành phần đơn, bạn có thể sử dụng cấu trúc thư mục đơn giản hơn:
elementor-test-addon/
|
├─ assets/
|
├─ widgets/
|
└─ elementor-test-addon.php
Addon Đa Thành phần #
Khi addon của bạn trở nên lớn hơn và phức tạp hơn, bạn nên tổ chức các tệp trong các thư mục. Chúng tôi đề xuất cấu trúc thư mục này:
elementor-test-addon/
|
├─ assets/
| ├─ images/
| ├─ css/
| └─ js/
|
├─ includes/
| ├─ controls/
| ├─ dynamic-tags/
| ├─ finder/
| └─ widgets/
|
└─ elementor-test-addon.php
Nguồn:https://developers.elementor.com/docs/addons/file-folder-structure/