Image Map Pro for WordPress là một plugin cao cấp cho phép tạo hình ảnh tương tác (interactive images) và bản đồ SVG trực quan mà không cần lập trình. Công cụ này sở hữu một ứng dụng web (Editor) tích hợp đầy đủ tính năng, giúp người dùng dễ dàng vẽ các hình khối polygon, ghim vị trí (pins) và thêm chú thích (tooltips/modals) ngay trên nền hình ảnh có sẵn.
Tính năng nổi bật
- Trình thiết kế trực quan (Drag-and-Drop): Thiết kế trực tiếp trên giao diện kéo thả siêu nâng cao, hỗ trợ các hình khối vector tùy chỉnh (Polygon, Rectangle, Circle) và các biểu tượng SVG.
- Nội dung tương tác đa dạng: Thêm hiệu ứng khi rê chuột (Mouseover), các hành động khi click (On-click actions) và tùy biến hiển thị bằng Tooltip hoặc bảng thông báo Modal.
- Thư viện bản đồ tích hợp: Cung cấp sẵn hơn 50 bản đồ của các quốc gia khác nhau để sử dụng ngay.
- Tích hợp WordPress mượt mà:
- Hỗ trợ trình soạn thảo Gutenberg bằng block riêng.
- Hỗ trợ Shortcode để chèn vào bất kỳ trang, bài viết hoặc widget nào.
- Liên kết trực tiếp với WordPress Media Library để chọn ảnh nền nhanh chóng.
Hướng dẫn cài đặt
- Cài đặt: Tải file ZIP từ Envato – CodeCanyon, truy cập vào WordPress Dashboard ➔ Plugins ➔ Add New ➔ Upload Plugin và kích hoạt.
- Tạo bản đồ mới: Vào menu Image Map Pro ➔ Nhấn New ➔ Đặt tên bản đồ. Trong phần Background ở cột bên phải, chọn ảnh từ thư viện WordPress.
- Thêm tương tác: Sử dụng các công cụ vẽ ở thanh công cụ để khoanh vùng khu vực, cấu hình Tooltip hoặc hiệu ứng màu sắc tương ứng.
- Nhúng vào bài viết: Sử dụng block Image Map Pro trong Gutenberg hoặc sao chép đoạn shortcode dạng
[your-image-map-name]để dán vào vị trí mong muốn.
