Memasang Google Maps responsive di postingan WordPress terkadang perlu untuk dilakukan, mulai dari blog pribadi hingga website perusahaan membutuhkan Google maps, kegunaannya adalah untuk menunjukan lokasi yang tepat tentang keberadaan mereka. Google maps umumnya ditaruh di halaman kontak.
Ada beberapa plugin WordPress yang bisa digunakan untuk melakukan hal tersebut. Namun ada baiknya kita menghindari penggunaan plugin jika dapat melakukannya dengan menulis kode sendiri. Menggunakan terlalu banyak plugin tentu bisa membuat website menjadi lambat.
Pada kesempatan kali ini Jurnalweb akan mencoba menjelaskan bagaimana cara membuat shortcode WordPress sederhana untuk mengaktifkan fitur embed Google maps di dalam post atau page WordPress. Google maps biasanya menggunakan iframe, kita akan membuat google maps tersebut menjadi responsive agar tampilannya tetap bagus ketika dibuka di layar yang lebih kecil seperti tablet dan smartphone.
Cara membuat [shortcode] Google Maps di WordPress
1. Buka file functions.php yang ada di folder theme Anda.
2. Tambahkan kode dibawah ini dan save.
3. Sekarang kita sudah bisa dengan mudah menambahkan google maps ke dalam post atau page. Caranya tinggal menuliskan dengan format berikut ini.
[googlemap src=”URL_GOOGLE_MAP_ANDA”]
Ganti URL_GOOGLE_MAP_ANDA dengan URL yang Anda dapatkan dari Google maps.
– Baca juga: Cara mendapatkan kode embed Google Maps.
Misalnya kode yang didapat ketika embed google maps adalah seperti ini (contoh: lokasi gedung DRP/MPR)
Maka kita ambil URL nya saja menjadi seperti ini
Maka shortcode yang kita tulis di dalam post atau page menjadi seperti ini
Hasilnya nanti akan seperti ini
Selamat mencoba….
biar di post ada tombol shortcode gmn bang? itu udah ada atau harus nulis, inginnya sih saat posting ada tombolnya, jadi tidak lupa dengan shortcode nya….
Coba baca ini
pasang coding di functions gak riskan?