Bỏ qua đến nội dung chính

Làm thế nào để thêm một bản đồ du lịch tương tác trên WordPress

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

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

hơn Tải xuống 701.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í. [Khuyến nghị]

Bạn có thường xuyên đi du lịch? Vì nếu bạn chưa biết thì WordPress cũng được sử dụng rộng rãi bởi các blogger đam mê du lịch. Với tính năng thứ hai, họ có thể chia sẻ ảnh của mình và những khoảnh khắc đặc biệt mà họ đã có để sống với người khác.

Vì vậy, đối với những bạn thích chia sẻ những địa điểm bạn đến thăm, bạn có nghĩ rằng việc thêm một bản đồ du lịch tương tác sẽ hiển thị những địa điểm khác nhau mà bạn đã đến không?

Nếu ý tưởng này khiến bạn thích thú như tôi, thì hãy biết rằng bạn sẽ học trong hướng dẫn này cách tích hợp bản đồ tương tác trên blog WordPress của mình.

thẻ tương tác tổng quan

Làm thế nào để cài đặt và cấu hình các plugin Nomad Bản đồ thế giới

Điều đầu tiên cần làm là cài đặt và kích hoạt plugin Nomad World Map (Nó được đặt tên là aptly) Khả dụng trên WordPress.org từ bảng điều khiển của bạn. Bạn cũng có thể tải về plugin như một tập tin zip.

bản đồ du mục

Sau khi cài đặt và kích hoạt plugin, một menu mới " Nomad Bản đồ »Sẽ được thêm vào trang tổng quan (ở phía dưới bên trái). Nhấp vào menu phụ cài đặt của nó, vì chúng tôi sẽ tiến hành cấu hình của nó.

cài đặt du mục

Cấu hình mặc định là đủ. Tôi sẽ luôn giải thích một số lựa chọn.

Trong phần "Chung"

Có thể kích hoạt đường đi giữa các địa điểm đã ghé thăm. Tùy chọn theo sau " Vẽ đường cong trên bản đồ Cho phép bạn vẽ các đường cong trên bản đồ.

« Nó PageLoad để phóng to Cung cấp cho bạn tùy chọn tập trung vào một vị trí khi tải trang. Bạn có sự lựa chọn giữa địa điểm đầu tiên hoặc địa điểm cuối cùng.

« mức phóng »Cho phép bạn điều chỉnh thu phóng được thực hiện trên bản đồ.

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

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

« loại bản đồ »Cho phép bạn chọn loại thẻ

Tùy chọn " màu đường qua "Là màu của một con đường được thực hiện và" màu đường tương lai Là màu của những con đường trong tương lai (cho các chuyến đi theo lịch trình).

Phần Tùy chọn nội dung

Với tùy chọn " chương trình bài hình thu nhỏ trong một vòng tròn », Bạn có thể hiển thị hình ảnh nổi bật của một bài báo trong bong bóng. Tùy chọn " Các hạnh phúc cho thuê trong »Cho phép bạn hiển thị chi tiết của địa điểm trong thanh trượt hoặc chú giải công cụ.

Cách thêm địa điểm mới vào bản đồ

Bấm vào nút đường biên tập viên ". Trên trang mới này, chúng tôi sẽ bắt đầu bằng cách thêm tên của địa điểm, ví dụ " Prague ”, Sẽ hiển thị một con trỏ tới bản đồ tại vị trí được chỉ định. Sau đó bấm vào " Thiết lập '.

add-dun-location

Tùy chọn " Cho thuê nhà hạnh phúc »Cho phép bạn chọn một mục sẽ được liên kết đến nơi này. Ngoài ra, bạn có thể thêm nội dung trực tiếp bằng cách chọn " tuỳ chỉnh hạnh phúc '.

Để đính kèm địa điểm vào một bài báo, hãy để tùy chọn " bài Trích »Kích hoạt và nhấp vào« Tìm kiếm »Trên trường tiếp theo để thực hiện tìm kiếm, ngay sau khi chỉ định tiêu đề bài viết (và không tìm kiếm thuật ngữ).

Sau đó, bạn có thể chỉnh sửa hình ảnh nổi bật, chỉ định thời gian khởi hành và đến thay vào đó, sau khi hoàn tất, hãy nhấp vào " Lưu Ở phía dưới bên trái.

thêm-và-thông tin-có-một-nơi

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Sau khi nhấp vào " Lưu Bạn sẽ có thể lặp lại quá trình, để thêm các địa điểm khác nhau nơi bạn đã đến.

bản đồ du lịch ví dụ

Làm thế nào để thêm nhiều thẻ du lịch

Tất cả những gì bạn cần làm là truy cập vào " quản lý Maps Của plugin và nhấp vào " Thêm bản đồ mới ". Một cửa sổ sẽ mở ra, bạn sẽ phải lưu tên của thẻ, ví dụ: " Du lịch đặc biệt 2014 '.

add-các-name-of-a-thẻ

Sau đó bấm vào tên của bản đồ này để thêm địa điểm, vì nó đã được trình bày thay thế.

một sự thay đổi thẻ

Bạn cũng có thể truy cập bản đồ bằng cách chọn bản đồ từ danh sách các bản đồ có sẵn.

đón một thẻ

Làm thế nào để hiển thị một bản đồ trên một trang / bài viết

Bạn chỉ cần truy xuất mã nhận dạng của thẻ và tích hợp nó dưới dạng tham số trong shortcode sau:

[Mwm_map]

Vì vậy, để có mã ngắn giống hệt như thế này: [mwm _map id = ”2 ″] ou [mwm _map id = ”10 ″]

Để truy xuất mã nhận dạng của thẻ, hãy quay lại " quản lý Maps Plugin và sao chép số tương ứng với bản đồ bạn chọn vào cột " ID '.

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, 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. [Đề xuất]

thẻ ID

Sử dụng shortcode này trong một bài báo / trang và kiểm tra xem nó để xem cách cư xử plugin.

Kết quả-du mục-bản đồ thế giới

Đó là nó cho hướng dẫn tạo bản đồ du lịch tương tác trên WordPress. Đừng ngần ngại chia sẻ mẹo với bạn bè của bạn trên mạng xã hội.

Bài viết này chứa comments 30

  1. Xin chào, Câu hỏi nhỏ, làm thế nào để bạn chọn khu vực của bản đồ để hiển thị? Tôi muốn tạo bản đồ của New Zealand nhưng khi bạn mở trang có bản đồ thì việc thu phóng được thực hiện trên nước Pháp ...

  2. Bonjour,

    Tôi đã thử Nomad Maps nhưng plugin dường như không được cập nhật nữa và tôi không thấy giao diện sạch sẽ và trực quan cho lắm.

    Tôi đã tìm thấy một plugin khác mà tôi nghĩ là phù hợp hơn: https://wordpress.org/plugins/travelmap-blog

    Bạn có thể liên kết hình ảnh và bài viết với bản đồ.

  3. Bonjour,

    Tôi mới sử dụng wordpress, cũng như Idem, tôi gặp thông báo lỗi xuất hiện trên bản đồ: »Sự cố nhỏ… Đã xảy ra lỗi
    Google Maps không tải đúng trên trang này. Để biết thêm thông tin kỹ thuật về lỗi này, vui lòng xem bảng điều khiển JavaScript. "
    Tôi đã cố gắng thay đổi chủ đề theo lời khuyên nhưng điều đó không giải quyết được vấn đề của tôi, bạn có thể giúp tôi không?

    Cảm ơn bạn trước!
    Bonne journée,
    Sonia,

  4. Bonjour,

    Tôi không có SEO >> Tiêu đề & Metas…
    Tôi chỉ có Trang tổng quan và Bảng điều khiển tìm kiếm. Có phải vì tôi không có phiên bản trả phí cao cấp không?

  5. Bonjour,
    Tôi là người mới bắt đầu và tôi tham khảo blog của bạn ...
    có vẻ như có lỗi cú pháp trên shortcode phải là [nwm_map id = ”1 ″] chứ không phải [mwm _map id = '1']
    Tôi đã đấu tranh rất nhiều trước khi nhìn thấy điều này.
    Bonne journée

  6. Bonsoir,

    Cảm ơn bạn đã hướng dẫn của bạn.
    Tôi đã cố gắng làm theo phương pháp của bạn để nhúng bản đồ vào TRANG (WordPress), tuy nhiên tôi không nhận được kết quả như mong đợi.
    Trong phần TEXT (không hình ảnh), tôi nhận được shortcode sau:
    [MWM _MAP id = '2']
    Khi tôi xem trước trang của mình, tôi không thấy bản đồ được hiển thị ngoài dòng chữ “[mwm _map id = '2']”.
    Bạn có thể vui lòng giúp tôi không ?
    Tôi xin cám ơn.

      1. Bonjour,

        Cảm ơn bạn đã trở về. Làm thế nào tôi có thể chia sẻ với bạn một màn hình?
        Nó dường như không phải với tôi để chèn một hình ảnh hoặc một tập tin đính kèm.

        1. Bạn có thể lưu trữ ảnh chụp màn hình của mình trên các trang web chuyên biệt và sau đó xuất bản liên kết tại đây. Hoặc bạn có thể đưa nó vào phương tiện của bạn và cung cấp cho tôi liên kết.

  7. Bonjour,

    Tôi đã cài đặt plugin nhưng tôi gặp sự cố:
    Trong "bản đồ du mục", bản đồ không được hiển thị! vì vậy tôi không thể cấu hình bất cứ điều gì.
    Đây là những gì được hiển thị: "Vấn đề nhỏ ... Đã xảy ra lỗi
    Google Maps không tải đúng trên trang này. Để biết thêm thông tin kỹ thuật về lỗi này, vui lòng xem bảng điều khiển JavaScript. "

    Tôi không biết cách sửa đổi bảng điều khiển javascript và trên hết là tôi không biết phải làm gì!

    Merci de Votre trợ

    1. Bonjour,
      Bảng điều khiển javascript cho phép bạn tìm ra nguyên nhân gây ra sự cố. Bạn đã làm theo hướng dẫn? Nếu đúng như vậy thì tôi sẽ cần chụp lại bảng điều khiển javascript của bạn. Để thực hiện, bạn phải nhấn F12 (trên Chrome), trên khu vực hiện ra, tìm tab "console", sau đó tiến hành chụp. Có một số công cụ sẽ cho phép bạn chụp. Sau khi bạn nắm bắt được bảng điều khiển javascript của mình, tôi sẽ có thể giúp bạn.

  8. Bonjour,

    Tôi không thể chèn thẻ vào trang web của mình. Tôi đã chèn [mwm _map id = '1 ′] rồi [nwm _map id =' 1 ′] (sau khi đọc nhận xét) trên một trong các trang của mình nhưng trong bản xem trước chỉ có mã ngắn được hiển thị. Tôi có thể làm gì?

    Merci

  9. xin chào

    Tôi không thể chọn bài viết mà tôi muốn đặt thẻ, nó cho tôi biết: Không tìm thấy bài đăng nào trên blog, vui lòng thử lại. bạn có bất kỳ ý tưởng để giải quyết vấn đề của tôi?

    cảm ơn bạn trước

      1. Bonsoir
        Tôi đã thành công khi sao chép / dán tiêu đề, mục nhập thủ công không hoạt động cho bất kỳ bài viết nào
        tuy nhiên tôi dừng lại với đoạn mã ngắn, tôi xin lỗi… Tôi đã chèn [mwm_map id = '1 ′] vào đầu bài viết của mình (phần nhập TEXT chứ không phải VISUAL của wordpress) nhưng trong phần tổng quan không có bản đồ nào cả. mã ngắn ...
        Tôi thực sự không tốt
        : - (((

    1. Bonjour,
      Bạn không cần phải chọn một mục, chỉ cần thêm shortcode [mwm_map]. Đọc kỹ phần “Cách hiển thị bản đồ trong một trang / bài báo”.

      Nếu vấn đề vẫn xin vui lòng liên hệ với chúng tôi một lần nữa

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
30 cổ phiếu
cổ phiếu28
tweet
Enregistrer2