WordPress Siteye Harita Ekleme Nasıl Yapılır? (Google Maps)

Facebook
Twitter
LinkedIn
WhatsApp
Email
Bize Sorun
İçindekiler

“WordPress sitenize kolayca Google Maps eklemek mi istiyorsunuz? ‘WordPress siteye harita ekleme’ işlemi, kullanıcılarınızın konumunuzu bulmalarını sağlamak için harika bir yöntemdir. Bu yazıda, ‘Google Maps ekleme’, ‘WordPress Google Maps eklentisi’, ve ‘siteye harita ekleme kodu’ gibi adımlarla süreci basit ve anlaşılır bir şekilde anlatacağız.

Eklentisiz Google Konum Ekleme

Eklentisiz olarak Google Embed özelliği ile harita konumunu siteye ekleyebilirsiniz.WordPress Gutenberg editorü veya Elementor sayfa yapıcının Maps modülü kullanarak eklenebilir.

Google Maps Embed Kodu ile Harita Ekleme

google haritalar greenmedya konumu harita embed kodu alma

Google Haritaları açarak eklemek istediğiniz konumu arayın.Harita konumunda PAYLAŞ butonu tıklayın.

google maps harita yerlestirme

Açılan menüde Harita Yerleştirme kısmını tıklayın.

google maps harita yerlestirme kodunu kopyalama

Daha sonra açılan ekran HTML’Yİ KOPYALA butonu tıklayarak embed kodunu kopyalayın.

https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3015.2852355184277!2d29.28604262867779!3d40.90949137278286!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cadbdaf80ed499%3A0xd43bd412e809dc41!2sGreen%20Medya!5e0!3m2!1str!2str!4v1725907136997!5m2!1str!2str

Bu şekilde bir kod kopyalamış olacaksınız.Şimdi bu kodu WordPress sitenizde haritayı eklemek istediğiniz sayfaya veya blog yazısına giderek yapıştırın.

gutenber ozel html ile harita ekleme

Gutenberg Editörü Özel HTML Bileşeni İle Harita Ekleme

WordPress blog yazısı veya sayfaya harita eklemek için Özel HTML bileşenine google haritalardan kopyaladığınız embed kodu yapıştırarak ekleyebilirsiniz.

elementor ile wordpress siteye harita ekleme

Elementor ile WordPress Harita Ekleme

Eger Elementor kullanıyorsanız harita konumuzun adresini Google MAPS modülüne yazarak kolayca WordPress sitenize harita ekleyebilirsiniz.

wp google maps eklentisi

WordPress Eklenti ile Google Harita Nasıl Eklenir ?

WP Google Maps (WP Go Maps) eklentisi, WordPress sitenize kolayca Google Haritalar eklemenizi sağlayan popüler bir eklentidir. Özelleştirilebilir haritalar oluşturmak, işaretçiler eklemek ve haritanızı farklı sayfalarda veya yazılarda görüntülemek için oldukça kullanışlıdır.

WP Google Maps Özellikleri

  • Kısa Kod Desteği: Haritaları WordPress sayfalarınıza ve yazılarınıza kısa kod ile kolayca ekleyebilirsiniz.
  • İşaretçiler (Markers) Ekleme: Özel işaretçiler oluşturarak belirli konumları haritanızda işaretleyebilirsiniz.
  • Çoklu Harita Desteği: Birden fazla harita oluşturup farklı sayfalarda kullanabilirsiniz.
  • Rota Çizme: Kullanıcılar için rotalar çizebilirsiniz.
  • Gelişmiş Özelleştirme: Haritanın boyutları, rengi, zoom seviyeleri gibi ayarları değiştirebilirsiniz.

WP Google Maps Eklentisi Nasıl Yüklenir?

  • WordPress Yönetici Paneli‘ne giriş yapın.
  • Eklentiler > Yeni Ekle menüsüne gidin.
  • Arama kutusuna “WP Google Maps(WP Go Maps)” yazın.
  • Eklentiyi bulduktan sonra Yükle butonuna tıklayın ve ardından Aktifleştir seçeneğini seçin.

Bakınız: WordPress Eklenti Yükleme

Google API Anahtarını Alma

Google Maps eklentisini kullanmak için bir Google Maps API anahtarına ihtiyacınız olacak. Bu anahtarı almak için:

  • Google Cloud Platform Console adresine gidin.
  • Yeni bir proje oluşturun ve Google Maps JavaScript API‘yi etkinleştirin.
  • API anahtarını oluşturun ve kopyalayın.
wp google maps eklentisi api ekleme

WP Google Maps Eklentisine API Anahtarını Ekleme

  • WordPress yönetici panelinde WP Google Maps > Ayarlar sekmesine gidin.
  • Google API anahtarınızı Gelişmiş Ayarlar kısmından Google MAPS Api kısmına yapıştırın.
  • Kaydet butonuna tıklayarak işlemi tamamlayın.

Harita Nasıl Oluşturulur?

  • WP Google Maps menüsünden Yeni Harita Oluştur seçeneğine tıklayın.
  • Haritanıza bir ad verin ve başlangıç konumunu belirleyin.
  • Haritanıza işaretçiler eklemek için Yeni İşaretçi Ekle butonuna tıklayın. İşaretçi adı, adresi ve açıklamalarını ekleyebilirsiniz.
  • Haritanızın boyutlarını, zoom seviyesini ve diğer ayarları özelleştirin.
  • Haritanızı oluşturduktan sonra, Haritayı Kaydet seçeneğine tıklayın.
wp google maps harita olusturma

Haritayı WordPress Sayfasına Ekleme

  • Harita oluşturulduktan sonra size bir kısa kod verilecektir. Örneğin: [wpgmza id="1"]
  • Bu kısa kodu, WordPress sayfanıza veya yazınıza yapıştırın.
  • Sayfayı yayınladığınızda, harita bu kodun bulunduğu yerde görüntülenecektir.
Yorum Gönderin

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Son yazılarımıza göz atın