Loncat ke Konten Utama

Cara menambahkan peta wisata interaktif di WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.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 para blogger yang hobi bepergian. Dengan yang terakhir, mereka dapat berbagi foto dan momen luar biasa yang mereka alami bersama orang lain.

Nah, buat kamu yang suka share tempat-tempat yang kamu kunjungi, bukankah akan lebih baik jika menambahkan peta perjalanan interaktif yang akan menampilkan berbagai tempat yang pernah kamu kunjungi?

Jika ide ini memikat Anda seperti saya, ketahuilah bahwa Anda akan belajar dalam tutorial ini cara 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.

peta nomaden wold

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

pengaturan nomad

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

Di bagian "Umum"

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

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

« tingkat zoom »Memungkinkan Anda untuk menyesuaikan zoom yang dilakukan pada peta.

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]

« Jenis Peta »Memungkinkan Anda memilih jenis kartu

Pilihan " warna jalan melewati "Apakah warna jalan yang diambil 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 menampilkan gambar fitur artikel dalam gelembung. Pilihan " Tampilkan penyewaan bahagia di »Memungkinkan Anda untuk menampilkan detail tempat di slider 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 penunjuk pada peta di lokasi yang ditentukan. Lalu klik " set '.

add-dun-lokasi

Pilihan " 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 artikel, biarkan 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 unggulan, menentukan waktu keberangkatan dan kedatangan, 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

Cara menambahkan kartu perjalanan beberapa

Yang perlu Anda lakukan hanyalah mengakses " mengelola Maps Dari plugin dan klik " Menambahkan peta baru ". Sebuah jendela akan terbuka, Anda harus menyimpan nama kartunya, contoh: " 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

Anda hanya perlu mengambil pengenal kartu dan mengintegrasikannya sebagai parameter dalam kode pendek berikut:

[Mwm_map]

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

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

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

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 membagikan tip dengan teman-teman Anda di media sosial.

Artikel ini berisi komentar 30

  1. Halo, Pertanyaan kecil, bagaimana Anda memilih area peta untuk ditampilkan? Saya ingin membuat peta Selandia Baru tetapi ketika Anda membuka halaman dengan peta tersebut zoom dilakukan di Prancis ...

  2. Halo,

    Saya baru mengenal wordpress, sama seperti Idem, saya mendapat pesan error yang muncul di peta: »Masalah kecil ... Terjadi error
    Google Maps tidak dimuat dengan benar pada halaman ini. Untuk informasi teknis lebih lanjut tentang kesalahan ini, lihat konsol JavaScript. "
    Saya mencoba mengubah tema seperti yang disarankan tetapi itu tidak menyelesaikan masalah saya, dapatkah Anda membantu saya?

    Berterima kasih sebelumnya!
    Bonne journée,
    Sonia,

  3. Halo,

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

  4. Halo,
    Saya seorang pemula, dan saya berkonsultasi dengan blog Anda ...
    sepertinya ada kesalahan sintaks pada shortcode yang seharusnya [nwm_map id = ”1 ″], dan bukan [mwm _map id = '1']
    Saya berjuang keras sebelum melihat ini.
    Bonne journée

  5. Bonsoir,

    Terima kasih untuk tutorial Anda.
    Saya mencoba mengikuti metodologi Anda untuk menyematkan 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 pratinjau halaman saya, saya tidak memiliki peta yang ditampilkan tetapi teks “[mwm _map id = '2']”.
    Bisakah kamu membantuku ?
    Je vous remercie.

      1. Halo,

        Terima kasih untuk Anda kembali. Bagaimana saya bisa berbagi dengan Anda screenshot?
        Ini tampaknya tidak saya untuk menyisipkan gambar atau lampiran.

        1. Anda dapat menghosting tangkapan layar Anda di situs khusus dan kemudian menerbitkan tautannya di sini. Atau Anda dapat meletakkannya di media Anda dan memberi saya tautannya.

  6. Halo,

    Saya telah menginstal plugin tetapi saya memiliki masalah:
    Dalam "peta nomad", peta tidak ditampilkan! jadi saya tidak dapat mengkonfigurasi apa pun.
    Inilah yang ditampilkan: "Masalah kecil ... Telah terjadi kesalahan
    Google Maps tidak dimuat dengan benar pada halaman ini. Untuk informasi teknis lebih lanjut tentang kesalahan ini, lihat konsol JavaScript. "

    Saya tidak tahu cara memodifikasi konsol javascript dan yang terpenting, saya tidak tahu apa yang harus dilakukan!

    Merci de votre aide

    1. Halo,
      Konsol javascript memungkinkan Anda untuk mengetahui apa yang menyebabkan masalah. Apakah Anda mengikuti tutorial? Jika ini masalahnya maka saya perlu menangkap konsol javascript Anda. Untuk melakukan ini, Anda harus menekan F12 (di Chrome), di area yang muncul, cari tab "konsol", lalu ambil gambar. Ada beberapa alat yang memungkinkan Anda mengambil gambar. Setelah Anda menangkap konsol javascript Anda, saya akan dapat membantu Anda.

  7. Halo,

    Saya tidak dapat memasukkan kartu ke situs saya. Saya memasukkan [mwm _map id = '1 ′] lalu [nwm _map id =' 1 ′] (setelah membaca komentar) di salah satu halaman saya tetapi di pratinjau hanya ada kode pendek yang ditampilkan. Apa yang dapat saya?

    merci

  8. halo

    Saya tidak dapat memilih artikel di mana saya ingin meletakkan kartunya, itu menempatkan saya: Tidak ada entri blog ditemukan, silakan coba lagi. apakah Anda punya ide untuk menyelesaikan masalah saya?

    merci d'avance

      1. Bonsoir
        Saya akhirnya berhasil dengan melakukan salin / tempel judul, entri manual tidak berfungsi untuk artikel mana pun
        Namun saya berhenti lagi dengan kode singkat, saya mulai maaf… Saya memasukkan [mwm_map id = '1 ′] di awal artikel saya (bagian input teks dan bukan VISUAL dari wordpress) tetapi dalam ikhtisar tidak ada peta saja kode pendek ...
        Aku benar-benar tidak baik
        : - (((

    1. Halo,
      Anda tidak perlu memilih item, Anda hanya perlu menambahkan shortcode [mwm_map]. Bacalah dengan cermat bagian "Bagaimana 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
30 saham
saham28
menciak
Register2