Làm cách nào để tạo bản đồ có thể nhấp trong wordpress?

Có nhiều tùy chọn để chọn khi bạn muốn thêm bản đồ vào trang web WordPress của mình. Thậm chí còn có các tùy chọn miễn phí cho các plugin sử dụng Google Maps.  

Tuy nhiên, vấn đề với nhiều plugin bản đồ WordPress hiện có và các tùy chọn miễn phí là thiếu tùy chỉnh có sẵn cho bạn.  

Để phù hợp với bản đồ vào trang web của bạn và thực hiện các chức năng cụ thể, bạn sẽ cần một plugin cho phép bạn tùy chỉnh tất cả các khía cạnh của bản đồ. Plugin WordPress Bản đồ thế giới tương tác cung cấp cho bạn khả năng tạo bao nhiêu bản đồ tùy thích và điều chỉnh từng bản đồ này để hoạt động theo cách bạn thấy phù hợp.  

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách tạo bản đồ bằng plugin Bản đồ thế giới tương tác. Tôi sẽ giới thiệu cách tạo bản đồ, cách tùy chỉnh bản đồ và cách thêm bản đồ vào trang web của bạn bằng plugin tiện dụng này

Để làm theo, hãy tải xuống và cài đặt plugin.   

Tạo bản đồ

Để tạo bản đồ, hãy nhấp vào Bản đồ tương tác > Thêm bản đồ mới ở phía bên trái bảng điều khiển WordPress của bạn. Thao tác này sẽ mở trình chỉnh sửa bản đồ.  

Trong ví dụ của chúng tôi, chúng tôi sẽ tạo một bản đồ hiển thị Châu Âu. Chúng tôi cũng sẽ thêm vào một số khu vực tương tác ở Châu Âu để người dùng có thể hiểu rõ hơn về một quốc gia cụ thể ở Châu Âu.  

Trước tiên, chúng ta sẽ bắt đầu bằng cách thêm tên và mô tả vào bản đồ. Tên sẽ là Châu Âu và mô tả sẽ là Bản đồ Châu Âu tương tác

Tiếp theo, đi đến phần Cài đặt bản đồ. Tùy chọn đầu tiên mà chúng tôi sẽ thay đổi là Khu vực hiển thị. Vì chúng tôi chỉ muốn Châu Âu hiển thị trên bản đồ của mình, hãy nhấp vào Châu Âu trong trình đơn thả xuống.  

Nếu bây giờ chúng ta cuộn xuống cuối trình chỉnh sửa bản đồ, chúng ta có thể thấy một phần có tên là Xem trước. Bản đồ châu Âu hiện có trong bản xem trước này

Quay trở lại cài đặt bản đồ, chúng tôi sẽ thay đổi Hành động khu vực đang hoạt động thành URL mở (cửa sổ mới) vì chúng tôi muốn một trang web mới xuất hiện khi người dùng nhấp vào một quốc gia cụ thể.  

Tiếp theo, chúng tôi sẽ bắt đầu thêm các tương tác bản đồ của mình trong phần Vùng tương tác của trình chỉnh sửa. Điều này cho phép bạn đánh dấu các vùng cụ thể, thêm văn bản và trong trường hợp của chúng tôi, mở ra một liên kết cụ thể khi các vùng đó được nhấp vào.  

Trong bản đồ Châu Âu của chúng tôi, chúng tôi sẽ đánh dấu hai quốc gia là Ý và Tây Ban Nha. Trước tiên, chúng tôi sẽ thêm các vùng này trong tab Đơn giản trong phần Vùng tương tác.  

Mục đầu tiên mà chúng ta cần đưa vào là Mã vùng. Để tìm mã vùng cho hai quốc gia của chúng ta, hãy nhấp vào liên kết Lục địa và Quốc gia ngay bên dưới Cài đặt bản đồ—liên kết này sẽ đưa bạn đến một

Điều hướng xuống Châu Âu và bạn sẽ tìm thấy các chữ viết tắt của Ý và Tây Ban Nha, đó là CNTT và ES.  

Vì vậy, để tạo một vùng tương tác cho Ý, hãy nhập IT vào trường Mã vùng.  

Tiếp theo, chúng ta sẽ thêm một tiêu đề. Tiêu đề sẽ được hiển thị khi người dùng di chuột qua quốc gia trên bản đồ. Trong trường hợp này, chúng tôi sẽ sử dụng Ý.  

Tiếp theo, chúng ta sẽ thêm Capital. Rome trong phần Chú giải công cụ. Văn bản chú giải công cụ sẽ xuất hiện dưới tiêu đề.  

Cuối cùng, chúng ta sẽ thêm Giá trị hành động. Chúng tôi sẽ thêm một URL vào trường này, liên kết đến một trang web sẽ được mở khi khu vực được nhấp vào

Chúng tôi muốn trang Wikipedia của Ý mở ra trong một cửa sổ mới khi quốc gia được nhấp vào, vì vậy chúng tôi sẽ thêm liên kết đó vào trường Giá trị Hành động.  

Khi bạn nhấp vào nút Thêm ở ngoài cùng bên phải của trình chỉnh sửa, bạn sẽ thấy trong bản xem trước rằng Ý hiện được tô sáng. Bạn có thể làm theo các bước tương tự để tạo vùng tương tác cho bất kỳ quốc gia nào khác

Để xem quá trình tạo bản đồ đang hoạt động, hãy xem video bên dưới

Thêm bản đồ vào trang web của bạn

Mã ngắn WordPress có thể nhúng tệp hoặc tạo đối tượng thường yêu cầu nhiều mã phức tạp chỉ trong một dòng.  

Plugin Bản đồ thế giới tương tác sử dụng các mã ngắn này để dễ dàng thêm bản đồ vào trang web của bạn. Để lấy mã ngắn cho một bản đồ cụ thể, hãy nhấp vào nút Tạo bản đồ ở phía bên trái của trình chỉnh sửa bản đồ trong Cài đặt trực quan

Một mã ngắn sẽ xuất hiện ở đầu trình chỉnh sửa—hãy sao chép mã ngắn này vào trình chỉnh sửa hoặc khay nhớ tạm của bạn.   

Tiếp theo, đi tới một trang hoặc bài đăng mới. Trong trang hoặc trình chỉnh sửa bài đăng, hãy dán mã ngắn vào và nhấp vào nút Xem trước ở phía bên phải của trình chỉnh sửa. Bản đồ mà bạn vừa tạo sẽ hiển thị trên trang hoặc bài đăng của bạn.  

Xem video bên dưới để biết cách thêm bản đồ vào bài đăng hoặc trang WordPress.  

Phần kết luận

Plugin Bản đồ tương tác WordPress cung cấp cho bạn khả năng tạo và tùy chỉnh bản đồ tương tác và đặt nó trên trang web WordPress của bạn với giá cả phải chăng. Trong plugin này, bạn đã học được một cách để tạo bản đồ bằng plugin.  

Để dùng thử plugin này, hãy truy cập CodeCanyon và xem bản xem trước trực tiếp của plugin Bản đồ tương tác

Và khi bạn ở đây, hãy xem một số plugin WordPress tuyệt vời khác có sẵn từ CodeCanyon

Bạn có thể tạo một bản đồ tương tác trên WordPress không?

Làm cách nào để tạo bản đồ tương tác?