[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0 ! important; border-bottom-width: 0px! important; padding-bottom: 0px! important;} "] [vc_column_text]

Divi: chủ đề WordPress dễ sử dụng nhất

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] TẢI XUỐNG [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 901.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí.

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 WordPressLà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

Sử dụng trình tạo bản đồ chuyên nghiệp

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:

Thêm một lớp mới

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:

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn tạo Dễ dàng và Miễn phí bất kỳ trang web hoặc thiết kế blog với một cái nhìn chuyên nghiệp. Ngừng trả nhiều tiền cho một trang web mà bạn có thể tự làm.

Hiển thị một điểm đánh dấu

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:

Danh sách các điểm đánh dấu

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:

Ví dụ về một lớp trên một khối

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:

Lưu số nhận dạng thẻ

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ỗ  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. Lưu bản đồ với google map

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  :

Bạn có muốn bán sản phẩm của mình trên internet?

Tải xuống WooCommerce miễn phí, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress và dễ dàng tạo cửa hàng trực tuyến của bạn. Hoàn hảo cho người mới bắt đầu.

Tạo bản đồ trên google map

Trên màn hình tiếp theo, xác định tiêu đề cho bản đồ của bạn và lớp đầu tiên của nó, 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:

Bản đồ mới và vị trí bản đồ google

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ó:

Thêm một điểm đánh dấu vào bản đồ mới của bạ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:

Hiển thị khoảng cách giữa hai điểm trên bản đồ

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 :

Xác định quyền truy cập thẻ

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 đồ:

Lập bản đồ cộng tác với các đối tác

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ản đồ nhúngBâ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ác plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của 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 captcha WordPress cao cấp, hiệu quả 100%. Nó cho phép thêm hình ảnh xác thực toán học trên WordPress đăng nhập, đăng ký, khôi phục mật khẩu, nhận xét, WooCommerce, biểu mẫu Tải xuống kỹ thuật số dễ dàng và biểu mẫu bbPress.Plugin wordpress captcha toán học cuối cùng

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 captcha vào nhiều biểu mẫu, hỗ trợ nhiều captcha Toán học trên cùng một trang, tùy chỉnh thông báo lỗi và nhiều hơn nữa.

Tải về | Bản demoWeb 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ổng thanh toán chuẩn Paypal cho các biểu mẫu ninja

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 plugin WordPress cao cấp này, có thể sửa đổi hoặc xóa các mục được gửi trong các biểu mẫu của trang web của bạn. Một tính năng thiếu rất nhiều trong plugin Gravity Forms, đó là lý do tại sao tiện ích mở rộng này được tạo.Danh sách biểu mẫu trọng lực chỉnh sửa plugin wordpress chèn bảng đồ họa trang web biểu mẫu blog

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.

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.

... 

8 cổ phiếu
cổ phiếu4
tweet2
Enregistrer2