Nếu bạn sử dụng một dịch vụ như bản đồ Google, chỉ cần chọn một vị trí và nhúng bản đồ vào trang web của bạn. Tuy nhiên, bạn không thể chỉnh sửa bản đồ một cách nhanh chóng và đồng nghiệp của bạn cũng vậy - điều này thường cần thiết cho các dự án cộng tác.
Đây là nơi các bản đồ tương tác xuất hiện. Chúng cho phép bạn đặt các điểm đánh dấu có thể di chuyển được mà mọi người trong nhóm của bạn có thể chỉnh sửa.
Trong hướng dẫn này, chúng ta sẽ nói về thời điểm loại thẻ này có ích. Ngoài ra, chúng tôi sẽ hướng dẫn bạn cách thêm chúng theo hai cách vào WordPress.
Nhưng trước khi bắt đầu, hãy dành thời gian để xem xét Làm thế nào để cài đặt một theme WordPress, Làm thế nào nhiều plugins tôi nên cài đặt trên WordPress.
Sau đó, mchúng ta hãy đi làm
Bản đồ tương tác là gì (và sử dụng nó khi nào?)
Thêm bản đồ vào trang web khá đơn giản. Các công cụ như Google Maps cho phép bạn nhúng bản đồ vào các trang của mình trong vài phút. Ưu điểm của phương pháp này là du khách có thể di chuyển xung quanh bản đồ, phóng to, thu nhỏ, v.v.
Những loại bản đồ này tương tác hơn chỉ là hình ảnh, nhưng chúng không cho phép bạn thực hiện bất kỳ thay đổi nào khi bạn đã thêm chúng vào trang web của mình.
Mặt khác, bản đồ tương tác cho phép bạn (và trong một số trường hợp, đồng nghiệp của bạn) thêm các điểm đánh dấu, biểu tượng, văn bản mới và hơn thế nữa. Ví dụ, hãy tưởng tượng rằng bạn đang lên kế hoạch cho một cuộc họp cho các thành viên trên trang web của bạn. Bạn có thể định cấu hình bản đồ với nhiều ghim để đề xuất vị trí.
Nhân tiện khám phá Các plugin 5 WordPress để thêm định vị địa lý vào Blog của bạn
Bạn cũng có thể sử dụng bản đồ tương tác để người dùng của bạn có thể chia sẻ vị trí của họ hoặc điều hướng đến những nơi họ muốn ghé thăm. Nói chính xác hơn, đây là những ứng dụng thích hợp. Tuy nhiên, các bản đồ tương tác có thể có ích trong một loạt các tình huống.
Ngoài ra, chúng không nhất thiết khó thêm vào so với các đối tác của chúng.
Cách thêm bản đồ tương tác vào trang WordPress của bạn
Khi nói đến bản đồ tương tác, bạn có thể nhúng một bản đồ vào trang web của mình hoặc sử dụng một plugin để giúp bạn làm điều đó. Cách tiếp cận đầu tiên đơn giản hơn, nhưng các plugin thường đóng gói nhiều tính năng hơn, như bạn có thể mong đợi. Hãy xem xét cách tiếp cận của plugin để cho thấy những tính năng này là gì.
1. Sử dụng plugin Maps Marker Pro
Các plugin Maps Marker Pro là một giải pháp cao cấp một cửa để thêm bản đồ vào WordPress. Nó đi kèm với hàng chục tính năng nâng cao, chẳng hạn như những tính năng cho phép bạn xem bản đồ từ nhiều phòng ban và thêm số lượng điểm đánh dấu hầu như không giới hạn vào bản đồ của bạn và sắp xếp chúng. Ngoài ra, khách truy cập có thể lọc các loại điểm đánh dấu mà họ muốn xem trên bản đồ của bạn.
Những điều thú vị khác bạn có thể làm bằng cách sử dụng plugin này là thêm thông tin khoảng cách và tuyến đường giữa các điểm đánh dấu. Bạn thậm chí có thể chia sẻ vị trí của chính mình trong thời gian thực thông qua bản đồ trang web, nếu bạn muốn làm như vậy. Việc thiết lập plugin có thể mất một chút thời gian, do vô số tính năng mà nó cung cấp.
Tuy nhiên, nó không khó như bạn tưởng tượng.
Để bắt đầu, hãy định cấu hình và kích hoạt plugin như cách bạn làm. Nếu bạn chưa quen với WordPress, hãy tìm hiểu Làm thế nào để cài đặt một plugin trong WordPress
Khi plugin đã sẵn sàng, bạn cần thêm bản đồ hoặc lớp mới, bạn có thể thực hiện việc này từ tab Maps Marker Pro> Thêm một lớp mới. Tại đây, hãy đặt tên mà bạn có thể nhận ra cho lớp của mình và nhập vị trí bạn muốn nó hiển thị, giống như bạn làm với bất kỳ công cụ lập bản đồ trực tuyến nào khác:
Giờ đây, bạn có thể điều chỉnh kích thước và mức thu phóng mà bạn muốn đặt làm mặc định bằng cách sử dụng menu bên trái. Ngoài ra còn có một tùy chọn được gọi là Gom cụm điểm , sẽ hiển thị một biểu tượng với số lượng điểm đánh dấu trong một khu vực nếu bạn phóng to quá xa, như trong ví dụ dưới đây:
tùy chọn Đánh dấu tìm kiếm, mặt khác là khá rõ ràng. Nó có thể hữu ích nếu bạn muốn bao gồm thông tin bổ sung về các điểm đánh dấu của bạn:
Bây giờ hãy cuộn xuống và tìm tùy chọn « Thêm điểm đánh dấu mới trên lớp này« . Trên màn hình tiếp theo, bạn sẽ có thể xác định tên và vị trí cho điểm đánh dấu của mình, sử dụng cùng một bản đồ với bản đồ trước đó.
Khám phá quá Làm thế nào để nén và thay đổi kích thước hình ảnh trên WordPress
Bạn cũng có thể chọn một biểu tượng và đặt văn bản bật lên cho điểm đánh dấu của mình. Điều này sẽ xuất hiện khi khách truy cập nhấp vào chính điểm đánh dấu hoặc chọn nó từ danh sách nếu bạn đã chọn bao gồm nó.
Trong mọi trường hợp, đừng quên nhấn nút xuất bản khi bạn đã hoàn thành. Sau khi thêm một vài điểm đánh dấu, lớp ban đầu của bạn sẽ trông như thế này:
Khi bạn đã sẵn sàng thêm bản đồ tương tác mới vào một trong các trang của mình, bạn nên sử dụng mã ngắn. Cuộn lên đầu tab Chỉnh sửa lớp và tìm ID tương ứng của anh ấy:
Bây giờ, đặt shortcode [mapsmarker layer = "X"] trong bài đăng hoặc trang của bạn. Đừng quên thay thế trình giữ chỗ X Tuy nhiên, bằng ID của "lớp" của bạn trước.
Thẻ của bạn bây giờ sẽ hoạt động trên trang web của bạn! Quan trọng hơn, bạn hoặc bất kỳ ai khác trong nhóm của bạn có thể chỉnh sửa nó và thêm các điểm đánh dấu mới bất cứ lúc nào mà không cần rời khỏi bảng điều khiển của bạn.
2. Sử dụng tính năng Nhúng tích hợp của Google Map
bản đồ Google không thực sự cần giới thiệu - đó là một dịch vụ cho phép bạn trích xuất bản đồ từ khắp nơi trên thế giới để chia sẻ địa điểm với người khác, tìm địa chỉ và thậm chí chia sẻ vị trí của bạn. Khi nói đến các trang web, có nhiều cách để bạn có thể tích hợp Google Maps vào các trang của mình. 
Tuy nhiên, hầu hết các thẻ đều cung cấp số lượng tương tác hạn chế. Chúng cho phép bạn điều hướng qua chúng, phóng to, thoát và thay đổi chế độ xem của bạn, nhưng không còn nữa.
Thực tế là Google Maps cung cấp nhiều tính năng hơn so với ánh xạ đơn giản. Ví dụ: bạn cũng có thể thêm nhiều điểm đánh dấu, đo khoảng cách và bao gồm chỉ đường trong bản đồ của mình. Để thử các tính năng này, hãy đi đến Google My Maps và nhấp vào nút + Tạo bản đồ mới :
Trên màn hình tiếp theo, đặt tiêu đề cho bản đồ của bạn và lớp đầu tiên của nó mà chúng tôi sẽ xây dựng trên đó. Bây giờ, hãy tìm vị trí bạn muốn chia sẻ bằng thanh tìm kiếm Google Map ở đầu màn hình:
Khi phóng to, bạn có thể sử dụng biểu tượng điểm đánh dấu ở đầu màn hình để bắt đầu đánh dấu các vị trí trên bản đồ của mình. Chỉ cần nhấp vào nơi bạn muốn đặt điểm đánh dấu, sau đó đặt tên và biểu tượng cho nó:
Khi bạn có nhiều điểm đánh dấu, bạn có thể vẽ các đường giữa chúng để hiển thị khoảng cách:
Khi thẻ của bạn đã sẵn sàng, hãy nhấp vào nút Chia trong menu bên trái. Ở đó, thay đổi cài đặt truy cập de riêng à công khai :
Bạn cũng có thể mời các thành viên trong nhóm sử dụng email của họ để họ có thể truy cập ngay vào bản đồ:
Trong mọi trường hợp, bạn nên luôn nhúng thẻ mới vào trang web của mình. Bạn có thể thực hiện việc này bằng cách nhấp vào biểu tượng ba chấm bên cạnh tiêu đề bản đồ của bạn và nhấp vào tùy chọn Nhúng bản đồ này :
Bây giờ bạn có thể sao chép và dán mã nhúng vào các trang của mình. Thẻ mới của bạn sẽ xuất hiện ở bất kỳ nơi nào bạn đặt thẻ. Ngoài ra, đồng nghiệp của bạn sẽ có thể chỉnh sửa nó và thêm các điểm đánh dấu mới thông qua Google Maps nếu cần.
Khám phá thêm một số plugin WordPress cao cấp
Bạn có thể sử dụng cái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý blog hoặc trang web của bạn.
Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.
1. Captcha toán học cuối cùng
Ultimate Math Captcha là một Plugin WordPress 100% phí bảo hiểm captcha hiệu quả. Nó cho phép thêm một hình ảnh xác thực toán học trên hình thức Đăng nhập WordPress, đăng ký, khôi phục mật khẩu, nhận xét, WooC Commerce, Tải xuống kỹ thuật số dễ dàng và phụ trợ hình thức từ bbPress.
Các tính năng của nó bao gồm: cài đặt và cấu hình dễ dàng, thêm hình ảnh xác thực vào nhiều hình thức, hỗ trợ nhiều hình ảnh xác thực Toán học trên cùng một trang, tùy chỉnh thông báo lỗi và nhiều thứ khác.
Tải về | Bản demo | Web hosting
2. Cổng thanh toán chuẩn của PayPal cho biểu mẫu Ninja
PayPal Standard Gateway cho Ninja Forms cho phép bạn tạo các biểu mẫu tích hợp liền mạch với cổng thanh toán PayPal. Bạn sẽ có thể tạo các mẫu đơn đặt hàng được cá nhân hóa và nhận thanh toán bằng tài khoản Paypal tiêu chuẩn.
Các tính năng chính của nó là: tích hợp dễ dàng và nhanh chóng, tích hợp IPN, khả năng kích hoạt / hủy kích hoạt cổng PayPal trên các biểu mẫu riêng lẻ, hỗ trợ thanh toán thông thường, v.v.
Tải về | Bản demo | Web hosting
3. Gravity Forms - Danh sách & Chỉnh sửa
với điều này Plugin WordPress cao cấp, có thể sửa đổi hoặc xóa các mục được gửi trong các biểu mẫu trên trang web của bạn. Một tính năng rất thiếu trong plugin Gravity Forms, đó là lý do tại sao tiện ích mở rộng này được tạo ra.
Trong số các tính năng của nó, chúng tôi sẽ đề cập đến trong số những người khác: mchỉnh sửa và lưu dữ liệu đã ghi,sự nhấn mạnh của dữ liệu được nhập vàosửa đổi và xóa các bài báo đã được xuất bản, iTích hợp hoàn hảo với các plugin jQuery Datatables và Trọng lực-hình thức,upport của logic điều kiện, sđơn giản và nhanh chóng để cài đặt, và nhiều hơn nữa.
Tải về | Bản demo | Web hosting
Tài nguyên đề xuất
Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.
- hình ảnh của bạn không được hiển thị với SSL? Đây là giải pháp
- Làm thế nào để thêm một widget vào header của blog WordPress của bạn
- Làm thế nào để nén và thay đổi kích thước hình ảnh trên WordPress
- Làm thế nào để trình bày và chia sẻ tệp PDF trên WordPress?
Kết luận
Đây ! Đó là nó cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn tạo bản đồ tương tác trong WordPress. Đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.
Nếu bạn có đề xuất hoặc nhận xét, hãy để lại trong phần của chúng tôi ý kiến.
...
