Kalau sebelumnya kita sudah membahas cara embed Google Maps menggunakan Elementor, gimana kalau kita mau menambahkan Google Maps di WordPress tanpa menggunakan plugin?
Sebenarnya untuk menmbahkan Google Maps di WordPress tanpa plugin sangat mudah, namun tentunya ada beberapa kekurangan, misalnya kurangnya fitur kustomisasi yang bisa kita lakukan pada map yang ditambahkan, atau mungkin kamu perlu menambahkan kode HTML sendiri untuk menyesuaikan embed ini.
Kamu mungkin berfikiran untuk menggunakan fitur Embed yang ada di Block Editor WordPress dan tinggal menambahkan link Google Map saja, tapi ternyata fitur itu tidak dapat bekerja dengan normal, sehingga kamu bisa mengikuti langkah-langkah berikut ini
Untuk mendapatkan kode Embed, kamu bisa akses dulu Google Maps menggunakan browser, kemudian cari lokasi yang akan ditambahkan ke halaman website, misalnya disini menggunakan lokasi Lapangan Upacara IKN
Dari detail lokasi tersebut, klik tombol share untuk mendapatkan kode embed
Ketika muncul pop-up share, jangan langsung salin link yang digunakan untuk share, tapi buka tab embed a map
Disini kamu bisa memilih ukuran map yang akan kamu gunakan, misalnya Small, Medium, Large, atau bahkan dengan ukuran kustom. Disini kita akan menggunakan ukuran kustom 300×300 dan kalau kamu penasaran dengan hasil ukuran, kamu bisa klik tombol Preview actual size, kemudian ketika sudah sesuai, kamu bisa menyalin kode HTML dengan cara klik link Copy HTML
Sekarang kamu sudah bisa membuka halaman dashboard WordPress atau bagian lain, misalnya kustomisasi footer (tapi disini contohnya di halaman/pages).
Ketika sudah berada dihalaman block editor wordpress, tambahkan blok Custom HTML
Paste kode embed yang sudah kamu salin dari Google Maps sebelumnya
Ketika konten halaman sudah sesuai dengan apa yang akan kamu buat, maka kamu bisa melihat preview halamnnya dulu dan jika berhasil, maka hasilnya kurang lebih seperti ini
Gimana? Sangat mudah bukan untuk menambahkan Google Maps di WordPress tanpa plugin. Jika kamu ingin melakukan lebih banyak kustomisasi, maka kamu bisa menggunakan plugin untuk menambahkan Google Maps, misalnya menggunakan Elementor.
KOMENTAR
Memuat...