Loncat ke Konten Utama

Cara menambahkan peta wisata interaktif di WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Apakah Anda sering bepergian? Karena jika Anda belum mengetahuinya, WordPress juga banyak digunakan oleh blogger yang gemar bepergian. Dengan yang terakhir, mereka dapat berbagi foto dan momen luar biasa yang mereka miliki untuk hidup bersama orang lain.

Jadi, bagi Anda yang suka berbagi tempat yang Anda kunjungi, bukankah menurut Anda akan menyenangkan untuk menambahkan peta perjalanan interaktif yang akan menunjukkan tempat-tempat berbeda yang pernah Anda kunjungi?

Jika ide ini memikat Anda menyukai saya, maka ketahuilah bahwa Anda akan belajar dalam tutorial ini untuk mengintegrasikan peta interaktif di blog WordPress Anda.

Sekilas kartu-interaktif

Cara menginstal dan mengkonfigurasi plugin Nomad World Map

Hal pertama yang harus dilakukan adalah menginstal dan mengaktifkan plugin Nomad World Map (Hal ini aptly bernama) Tersedia di WordPress.org dari dasbor. Anda juga dapat mengunduh plugin sebagai file zip.

Setelah menginstal dan mengaktifkan plugin, menu baru " Nomad Peta Akan ditambahkan ke dasbor (di kiri bawah). Klik pada sub-menu pengaturannya, karena kami akan melanjutkan konfigurasinya.

Konfigurasi default sudah cukup. Saya akan selalu menjelaskan beberapa opsi.

Di bagian "Umum"

Dimungkinkan untuk mengaktifkan rute antara tempat-tempat yang dikunjungi. Opsi berikut Menggambar garis lengkung pada peta Memungkinkan Anda menggambar garis melengkung di peta.

« Ini pageload untuk memperbesar Memberi Anda kemampuan untuk fokus pada tempat saat halaman dimuat. Anda memiliki pilihan antara tempat pertama atau tempat terakhir.

« tingkat zoom »Menyesuaikan zoom yang dibuat pada peta.

Mulailah mempromosikan blog Anda

Unduh lusinan Logo, spanduk, templat situs web, dan banyak alat pemasaran lainnya untuk memasarkan Blog WordPress Anda. [Rekomendasi]

« Jenis Peta »Memungkinkan Anda memilih jenis kartu

Pilihannya warna jalan melewati Apakah warna jalur yang dipinjam dan warna jalan masa depan Apakah warna jalan di masa depan (untuk perjalanan terjadwal).

Bagian Opsi Konten

Dengan opsi thumbnail acara posting dalam lingkaran Anda dapat melihat gambar di bagian depan artikel dalam sebuah balon. Pilihannya Tampilkan penyewaan bahagia di Memungkinkan Anda melihat detail lokasi dalam bilah geser atau tooltip.

Cara menambahkan tempat baru ke peta

Klik pada tombol rute Editor ". Di halaman baru ini, kita akan mulai dengan menambahkan nama tempat, misalnya " Praha , Yang akan menampilkan pointer ke peta di lokasi yang ditentukan. Kemudian klik " set '.

add-dun-lokasi

Pilihannya senang Sewa »Memungkinkan Anda memilih item yang akan ditautkan ke tempat ini. Selain itu, Anda dapat menambahkan konten secara langsung dengan memilih " kustom senang '.

Untuk melampirkan tempat ke item, tinggalkan opsi " posting Kutipan »Aktifkan dan klik« Pencarian Di bidang berikutnya untuk melakukan pencarian, tepat setelah menentukan judul artikel (dan tidak mencari istilah).

Anda kemudian dapat mengedit gambar menjadi satu, menentukan waktu keberangkatan dan kedatangan sebagai gantinya, dan setelah selesai, klik " Hemat Di kiri bawah.

menambahkan-dan-informasi-memiliki-a-tempat

Setelah mengklik " Hemat Anda akan dapat mengulangi prosesnya, untuk menambahkan tempat yang berbeda di mana Anda pergi.

peta-wisata-contoh

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Cara menambahkan kartu perjalanan beberapa

Buka saja menu « mengelola Maps Dari plugin dan klik " Menambahkan peta baru ". Sebuah jendela akan terbuka, Anda harus menyimpan nama kartu itu, misalnya: « Perjalanan Khusus 2014 '.

add-the-nama-of-a-card

Kemudian klik pada nama peta ini untuk menambahkan tempat, karena itu disajikan sebagai gantinya.

perubahan-card

Anda juga dapat mengakses peta dengan memilih peta dari daftar peta yang tersedia.

pick-a-kartu

Bagaimana menampilkan peta di halaman / tulisan

Cukup ambil ID kartu dan tambahkan sebagai parameter ke kode pendek berikut:

[Mwm_map]

Jadi memiliki kode pendek yang identik dengan ini: [mwm _map id = "2"] ou [mwm _map id = "10"]

Untuk memulihkan ID kartu, kembali ke halaman « mengelola Maps Plugin dan salin nomor yang sesuai dengan peta pilihan Anda ke kolom " ID '.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

ID kartu

Gunakan shortcode ini dalam sebuah artikel / halaman dan memeriksa untuk melihat bagaimana berperilaku plugin.

Hasil-nomad-dunia-peta

Itu saja untuk tutorial ini tentang membuat peta perjalanan interaktif di WordPress. Jangan ragu untuk berbagi kiat dengan teman-teman Anda di jejaring sosial.

Artikel ini berisi komentar 30
  1. Halo, pertanyaan kecil, bagaimana kita memilih area peta untuk ditampilkan? Saya ingin membuat peta Selandia Baru tetapi ketika kami membuka halaman dengan peta, zoom dibuat di Prancis ...

  2. Halo,

    Saya pemula di wordpress, idem untuk Idem, saya memiliki pesan kesalahan yang muncul di peta: »Ups! Sebuah kesalahan telah terjadi
    Google Maps tidak dimuat dengan benar di halaman ini. Untuk informasi teknis lebih lanjut tentang kesalahan ini, silakan baca konsol JavaScript. "
    Saya mencoba mengubah tema seperti yang disarankan tapi itu tidak memecahkan masalah saya, bisakah anda membantu saya?

    Berterima kasih sebelumnya!
    Bonne journée,
    Sonia,

  3. Halo,

    Saya tidak punya SEO >> Judul & Metas ...
    Saya hanya memiliki dasbor dan Search Console. Apakah karena saya tidak memiliki versi premium berbayar ??

  4. Halo,
    Aku seorang pemula, dan saya cek blog Anda ...
    tampaknya ada kesalahan sintaks pada kode pendek yang seharusnya [nwm_map id = "1"], bukan [mwm _map id = '1']
    Saya punya banyak masalah sebelum melihatnya.
    Bonne journée

  5. Bonsoir,

    Terima kasih untuk tutorial Anda.
    Saya mencoba mengikuti metodologi Anda untuk mengintegrasikan peta di PAGE (WordPress), namun saya tidak mendapatkan hasil yang diharapkan.
    Di bagian TEXT (tidak visual), saya mendapatkan shortcode berikut:
    [MWM _MAP id = '2']
    Ketika saya melihat halaman saya, saya tidak memiliki peta yang muncul tetapi teks "[mwm _map id = '2']".
    Bisa tolong bantu saya
    Je vous remercie.

        1. Anda bisa meng-host tangkapan layar Anda di situs khusus lalu mempublikasikan link di sini. Atau Anda bisa memasukkannya ke media Anda dan memberi saya tautannya.

  6. Halo,

    Saya menginstal plugin tapi saya punya masalah:
    Di "nomad map", peta tidak ditampilkan! Saya tidak bisa mengatur apa pun.
    Ini yang ditampilkan: "Masalah kecil ... Terjadi kesalahan
    Google Maps tidak dimuat dengan benar di halaman ini. Untuk informasi teknis lebih lanjut tentang kesalahan ini, silakan baca konsol JavaScript. "

    Saya tidak tahu cara memodifikasi konsol javascript dan terutama saya tidak melihat apa yang harus dilakukan!

    Merci de votre aide

    1. Halo,
      Konsol javascript memungkinkan Anda untuk menemukan apa yang menyebabkan masalah. Sudahkah Anda mengikuti tutorial? Jika itu yang terjadi, maka saya harus memiliki capture konsol javascript Anda. Untuk itu, Anda harus menekan F12 (di Chrome), pada zona yang muncul, cari tab "konsol", lalu buat tangkap. Ada beberapa alat yang memungkinkan Anda membuat tangkapan. Setelah Anda mendapatkan javascript konsol Anda, saya dapat membantu Anda.

  7. Halo,

    Saya tidak bisa memasukkan kartu di situs saya. Saya memasukkan [mwm _map id = '1'] lalu [nwm _map id = '1'] (setelah membaca komentarnya) di salah satu halaman saya tapi di pratinjau hanya ada kode pendek yang muncul Apa yang bisa saya lakukan?

    merci

  8. halo

    Saya tidak bisa memilih artikel di mana saya ingin meletakkan kartu itu, itu menempatkan saya: Tidak ada posting blog yang ditemukan, silakan coba lagi. apakah Anda punya ide untuk memecahkan masalah saya?

    terima kasih sebelumnya

      1. Bonsoir
        Saya akhirnya berhasil dengan menyalin / menyisipkan judul, entri manual tidak bekerja untuk artikel manapun
        namun saya tahan lagi dengan kode singkatnya, saya mulai menyesal ... saya memasukkan [mwm_map id = '1'] di awal artikel saya (bagian TEXT TEXT dan bukan VISUAL wordpress) namun dalam ikhtisar tidak ada kartu saja kode singkat ...
        Aku benar-benar tidak baik
        : - (((

    1. Halo,
      Anda tidak perlu memilih artikel, cukup tambahkan shortcode [mwm_map]. Baca bagian "Cara menampilkan peta di halaman / artikel".

      Jika masalah berlanjut, silakan hubungi kami lagi

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
32 saham
saham28
menciak2
Register2