Loncat ke Konten Utama

Cara menambahkan peta wisata interaktif di WordPress

Divi: tema WordPress termudah untuk digunakan

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]

Apakah Anda sering bepergian? Karena jika Anda belum mengetahuinya, WordPress juga banyak digunakan oleh para blogger yang bergairah tentang perjalanan. Dengan yang terakhir, mereka dapat berbagi foto dan momen luar biasa mereka harus hidup dengan orang lain.

Jadi, bagi Anda yang suka berbagi tempat yang Anda kunjungi, tidakkah Anda pikir akan lebih baik untuk menambahkan peta perjalanan interaktif yang akan menunjukkan berbagai tempat 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 dengan konfigurasinya.

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

Di bagian "Umum"

Adalah mungkin untuk mengaktifkan rute antara tempat-tempat yang dikunjungi. Opsi yang mengikuti Menggambar garis lengkung pada peta Memungkinkan Anda menggambar garis lengkung pada peta.

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

« tingkat zoom »Menyesuaikan zoom yang dibuat di peta.

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]

« Jenis Peta »Memungkinkan Anda memilih jenis kartu

Pilihannya warna jalan melewati Apakah warna jalur pinjaman dan warna jalan masa depan Apakah warna jalan masa depan (untuk perjalanan terjadwal).

Bagian Opsi Konten

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

Bagaimana 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 artikel yang akan ditautkan ke tempat ini. Selain itu, Anda dapat menambahkan konten secara langsung dengan memilih " kustom senang ".

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

Anda kemudian dapat mengubah gambar menjadi satu, tetapkan waktu keberangkatan dan kedatangan, dan setelah selesai, klik " Hemat Di kiri bawah.

menambahkan-dan-informasi-memiliki-a-tempat

Setelah mengklik " Hemat Anda dapat mengulangi prosesnya, untuk menambahkan berbagai tempat 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

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

add-the-nama-of-a-card

Kemudian klik pada nama peta ini untuk menambahkan tempat, seperti yang disajikan.

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 untuk shortcode berikut:

[Mwm_map]

Jadi memiliki shortcode 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 ".

Buat Toko Online Anda dengan mudah

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

ID kartu

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

Hasil-nomad-dunia-peta

Itu semua untuk tutorial ini tentang membuat peta perjalanan interaktif di WordPress. Silakan berbagi tip 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,
    Aku seorang pemula, dan saya cek blog Anda ...
    tampaknya ada kesalahan sintaks pada shortcode yang seharusnya [nwm_map id = "1"], bukan [mwm _map id = '1']
    Saya punya banyak masalah sebelum melihatnya.
    Bonne journée

  4. 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.

  5. 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.

  6. 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

  7. 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
Ada apa