okuma süresi: 4 dakika
Blog Yazılarına Dön

WordPress Siteye Harita Ekleme Nasıl Yapılır?

Harita Nasıl Eklenir  Wordpress Harita Ekleme

Wordpress Siteye Harita Ekleme


WordPress sitenize Google Haritalar eklemek, özellikle iletişim sayfalarında kullanıcıların konumu hızlıca görmesini sağlar. Bu işlem, WordPress altyapısının sunduğu esnek yapı sayesinde kolayca yapılabilir. Bu rehberde eklentisiz (iFrame) yöntemini ve eklentiyle harita ekleme seçeneklerini adım adım anlatıyoruz.

Google Business Profile (Benim İşletmem) kaydı olan işletmeler, harita üzerinden konum bilgisini kullanıcılarla paylaşabilir. WordPress’te bu konumu iFrame (yerleştirme kodu) veya eklentiyle sayfaya ekleyebilirsiniz. Eklentili veya eklentisiz olarak Google haritayı WordPress sitenize kolaylıkla entegre edebilirsiniz.

Eklentisiz Google Konum Ekleme

WordPress sitenizin iletişim veya herhangi bir sayfasına embed (iFrame) kodu ile harita ekleyebilirsiniz.

  1. Öncelikle Google haritalar sitesine giriyoruz.
  2. Eklemek istediğiniz adres veya konumu seçiyoruz.
  3. Sol tarafta seçeneklerin bulunduğu alandan paylaş butonuna tıklıyoruz.
  4. Açılan pencerede harita yerleştirmeyi seçiyoruz.
  5. Burada yer alan iframe kodunu kopyalıyoruz.
  6. WordPress sitemizin eklemek istediğimiz sayfasına geliyoruz.
  7. Bir yazı ekler gibi editörün görsel, metin alanında metin alanını seçip kodu ekliyoruz.
  8. Haritanın boyutunu ayarlamak için kodun içerisinde yazan width, height alanlarında değerleri değiştirerek sayfamızı kaydediyoruz.
  9. Kontrol ederek haritanızın eklendiğini görüntüleyebilirsiniz.

Eklentisiz Siteye Harita Eklemenin Avantajları

  1. Hızlı ve Hafif: Eklenti yüklemeden doğrudan ekleme yaparak görsel site hızınızı koruyabilirsiniz.
  2. Daha Az Bağımlılık: Ekstra eklenti yüklemeyerek site bakımını kolaylaştırırsınız.
  3. Tam Kontrol: Haritanın görünümü ve boyutları üzerinde tam kontrol sağlayabilirsiniz.

WordPress Eklenti ile Siteye Google Harita Nasıl Eklenir ?

  1. WordPress sitenize giriş yapın ve >> Eklentiler << bölümünden >> WP Go Maps << eklentisini ekleyip, etkinleştirin.
  2. Daha sonra admin panelinden >> Haritalar << bölümüne gidin.
  3. Kurulan eklentinin Google haritalar ile senkronize çalışması için öncelikle >> WordPress Google Maps Api Key << almamız gerekiyor.Bunun için,
  4. Haritalar menüsünde karşımıza çıkan >> Important Notification << sekmesi ve bu uyarının altında ki >> Create an Api key now (free) << linkine tıklayın.
  5. Google geliştirici sayfasına yönlendikten sonra >> Proje Oluştur << ve >> Devam<< diyoruz.
  6. API anahtarını oluşturduktan sonra mutlaka kısıtlama yapın: – Application restrictions: HTTP referrers (web siteniz) seçin – Website restrictions: sadece kendi domaininizi ekleyin (örn: https://barisdayak.com/*) – API restrictions: sadece kullandığınız Maps API’lerini seçin Bu, kötüye kullanım ve fatura riskini ciddi şekilde azaltır.
  7. Oluşan Api Anahtarının kodunu kopyalıyoruz ve admin paneline geri dönüyoruz.
  8. Eklentiler bölümüne girerek >> Paste your Api Key here and press save << kutusuna kodumuzu yapıştırıp >> Kaydet << diyoruz.
  9. WordPress Google Maps senkronizesini sağlamış oluyoruz.
  10. Admin paneli haritalar bölümüne gidiyoruz ve My First  Map haritasını düzenliyoruz.
  11. Birden fazla harita konumu için pro sürümüne geçmeniz gerekiyor.
  12. My First Map düzenle diyoruz ve haritayı ayarlayacağımız sayfayı düzenliyoruz.
  13. Sayfada ki sekme ve araçlar ile haritanın rengini, ebatını ve konumn ekleme işlemini gerçekleştirebilirsiniz.
  14. Haritanızı oluşturduktan sonra tekrar haritalar menüsüne gidiyoruz. Oluşturduğumuz harita burada görünecektir, Harita isminin sağında bulunan >> Shortcode << kodunu kopyalıyoruz ve haritanın görünmesini istediğiniz sayfasına kodu yapıştırıp yayınlıyoruz. >>İletişim, Footer vb.<<

WordPress harita eklentisi ile wordpress sitemize haritamızı eklemiş bulunuyoruz.

Diğer WordPress Eklentileri

Aşağıda, WordPress sitenize harita eklerken kullanabileceğiniz diğer güncel ve popüler eklentilerden bazılarını bulabilirsiniz:

  1. MapPress Maps for WordPress: Etkileşimli Google Haritalar oluşturmanızı sağlar. Gerçek zamanlı trafik ve rota desteği sunar. Yazılara ve sayfalara kolayca kısa kod ekleme desteği sağlar.
  2. Google Maps Easy: Basit bir arayüzle harita eklemek isteyen kullanıcılar için idealdir. İşaretçi ekleme ve özel harita stilleri gibi seçenekler sunar. Kodlama bilmeden hızlıca harita oluşturabilirsiniz.
  3. Advanced Google Maps Plugin for WordPress: Özellikle işletmeler ve kurumsal kullanıcılar için tasarlanmış güçlü bir eklentidir. Birden fazla konumu haritada göstermek için kullanışlıdır. Pro kullanırsanız Yoğun trafik haritaları, ısı haritaları ve KML entegrasyonu gibi ek özellikler.
  4. Hero Maps Premium: Güçlü filtreleme ve özelleştirme araçlarıyla harita ekleme sürecini kolaylaştırır. Profesyonel görünüm arayan kullanıcılar için uygundur. Modern ve stilize edilmiş haritalar oluşturabilirsiniz.

Alternatif olarak şu eklentiler tercih edilebilir (özellikleri sürümlere göre değişebilir):

  • MapPress
  • Google Maps Easy
  • Advanced Google Maps Plugin…

Bu eklentilerden ihtiyacınıza uygun olanı seçerek, WordPress sitenize haritalarınızı kolayca ekleyebilirsiniz. Her biri farklı özellikler sunduğundan, projenize en uygun olanı tercih ederek kullanıcı deneyimini artırabilirsiniz.

Harita görünmüyorsa genelde iFrame engellemesi, HTTPS karma içerik veya tema blok ayarları gibi nedenler olur. Bu adımları kontrol ederek sorunu hızlıca çözebilirsiniz.

İlgili WordPress Rehberleri

WordPress çoklu dil desteği

Google Haritalar (Benim İşletmem) rehberi

Mobil uyumlu WordPress tasarım

WordPress’te harita eklemek için hangi eklentiyi kullanabilirim?

Popüler eklentiler arasında WP Go Maps, MapPress Maps for WordPress, ve Google Maps Easy bulunur. Bu eklentiler sayesinde haritaları kolayca sitenize ekleyebilirsiniz.

Siteye Harita nasıl eklenir?

Haritanızı eklemek için Google Haritalar’dan Paylaş > Haritayı Yerleştir seçeneğini kullanarak iframe kodunu alın ve WordPress’teki ilgili sayfaya HTML blok olarak yapıştırın. Eklentiye gerek yoktur.

Google Harita API anahtarı nasıl alınır?

Google Cloud Platform’da oturum açın, bir proje oluşturun ve API ve Hizmetler > Kimlik Bilgileri sekmesinden bir API anahtarı oluşturun. Anahtarı harita eklentisinde kullanabilirsiniz.

Google Haritalar sitenin hızını etkiler mi?

Evet, harita entegrasyonu, site yükleme hızını biraz etkileyebilir. Performansı optimize etmek için haritalarınızı eklentisiz eklemeyi veya harita boyutlarını küçültmeyi tercih edebilirsiniz.

WordPress iletişim sayfasına harita eklemek zorunlu mu?

Zorunlu değildir, ancak işletmenizin konumunu göstermek kullanıcı deneyimini artırır ve güvenilirlik sağlar. İletişim sayfasına harita eklemek çoğu işletme için faydalıdır.

Mobil uyumlu haritalar nasıl yapılır?

Haritanızı mobil uyumlu hale getirmek için iFrame’i sarmalayan bir kapsayıcı kullanın:
container: position:relative; width:100%; padding-bottom:56.25%;
iframe: position:absolute; top:0; left:0; width:100%; height:100%;

Bu yazıyı
Beğendiniz mi ?

En güncel yazılar, kampanyalar ve hizmetlerimiz hakkında düzenli bilgi sahibi olmak için abone ol!

    Yorumlar devre dışıdır