Hướng dẫn chi tiết cách cài đặt, cấu hình và quản lý danh sách chi nhánh cửa hàng bằng plugin Quản Lý Hệ Thống Chi Nhánh & Bản Đồ Cửa Hàng (Poly Locations Manager - wplocationsmanager) cho WordPress.
Hướng Dẫn Cài Đặt Nhanh
- Tải về tệp cài đặt nén
poly-locations-manager.zip. - Đăng nhập trang quản trị WordPress Admin, truy cập Plugin > Thêm mới > Tải plugin lên.
- Chọn tệp
poly-locations-manager.zipvà nhấn Kích hoạt plugin. - Truy cập menu Poly Locations trên thanh điều hướng Admin để thiết lập cửa hàng.
Kiến Trúc Hệ Thống & Quy Trình Hiển Thị Bản Đồ
graph TD
A[Admin Vue 3 Interface views/location.php] --> B[AJAX CRUD Operations save_poly_locations_manager]
B --> C[WordPress Options API poly_locations_manager]
C --> D[Shortcode Handler [poly-locations]]
C --> E[Schemas Generator Inc/core/schemas.php]
E --> F[Inject JSON-LD LocalBusiness Schema into wp_head]
D --> G[Render Frontend Responsive Store Directory & Google Maps]
Động Cơ Tự Động Tạo Schema.org LocalBusiness JSON-LD SEO
graph TD
A[wp_head Action Event Triggered] --> B[Schemas::generate_schema Processor]
B --> C[Fetch All Store Locations Array from Options API]
C --> D[Build LocalBusiness PostalAddress GeoCoordinates Map Links Payload]
D --> E[Encode Payload into Valid JSON-LD Script Block]
E --> F[Output JSON-LD Script to Document Head for Search Engine Crawlers]
Giao Diện Admin Vue 3 & Tương Thích Flatsome UX Builder
graph TD
A[Open Flatsome UX Builder Canvas] --> B[Select poly-locations Element]
B --> C[Map Option Names snake_case to AngularJS camelCase]
C --> D[Fetch Template HTML inc/integrations/builders/flatsome/]
D --> E[Render Real-Time Live Preview inside UX Builder Workspace]
Danh Sách Shortcodes Hỗ Trợ
[poly-locations]: Hiển thị toàn bộ giao diện danh sách chi nhánh tabbed kèm bản đồ Google Maps và bộ lọc.