Bởi Head Random 2026-08-13 10:36 PM

Hướng Dẫn Cấu Hình và Sử Dụng Plugin Quản Lý Chi Nhánh & Cửa Hàng (Poly Locations Manager) cho WordPress

363.83 ms

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

  1. Tải về tệp cài đặt nén poly-locations-manager.zip.
  2. Đăng nhập trang quản trị WordPress Admin, truy cập Plugin > Thêm mới > Tải plugin lên.
  3. Chọn tệp poly-locations-manager.zip và nhấn Kích hoạt plugin.
  4. 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.