Eksiksiz Kılavuz: Google Haritalar WordPress'e Nasıl Gömülür

Tek Bir Google Haritalar Konumunu WordPress'e Nasıl Gömülür

WordPress sitenizde bir Google Haritalar konumunu göstermenin en temel yolu ile başlayalım. Yalnızca tek bir konuma veya görünüme sahip bir harita gömmek istiyorsanız, süslü araçlara veya eklentilere ihtiyacınız yoktur - tek ihtiyacınız olan Google Haritalar yerleştirme kodunu WordPress sitenize yapıştırmak .

İşte her şey şu şekilde çalışıyor:

Her zamanki gibi Google Haritalar web sitesine gidin ve yerleştirmek istediğiniz konumu arayın. Her şeyi arayabilirsiniz. Yani:

• Bütün bir ülke
• Belirli bir şehir
• Belirli bir işletme
• Adını koy

Gerçekten önemli değil!

Haritanızda göstermek istediğiniz konumu bulduktan sonra, sol kenar çubuğunda Paylaş düğmesini arayın:

Küçük bir açılır pencerenin göründüğünü görmelisiniz. Bu açılır pencerede Haritayı göm seçeneğini tıklayın:

Ardından, açılır menüden istediğiniz boyutu seçin. Ve istediğiniz boyutu seçtikten sonra kutudaki kodu kopyalayın:

Şimdi, Google Haritalar kutusunu gömmek istediğiniz WordPress gönderisine veya sayfasına gidin.

WordPress Düzenleyici'de Metin sekmesine geçin ve Google Haritalar'dan kopyaladığınız kodu haritanızın görünmesini istediğiniz yere yapıştırın:

Şimdi, gönderinizi normal şekilde yayınlayın ve WordPress sitenizin ön ucunda Google Haritalar kutunuzu görmelisiniz:

Yeterince kolay, değil mi?

Google Haritalar yönergelerini WordPress'e gömmek için de benzer bir yöntem kullanabilirsiniz. Tek fark, başlangıç ​​arayüzüdür. Hemen Paylaş düğmesini görmek yerine, hamburger simgesini tıklamanız ve Haritayı Paylaş veya göm seçeneğini belirlemeniz gerekir:

Birden Çok Konum İşaretçisiyle Google Haritaları WordPress'e Nasıl Gömülür

Birden çok konum işaretçisi olan bir Google Haritalar kutusunu WordPress'e gömmek istiyorsanız, işler biraz farklıdır.

Bir sonraki bölümde bunu başarmanıza yardımcı olacak iki Google Haritalar WordPress eklentisi gösterecek olsam da, bunu yapmak için aslında bir eklentiye ihtiyacınız yok .

Bunun yerine, Google Haritalarım'ı kullanarak kendi haritanızı oluşturabilir ve ardından, yukarıda ana hatları verilene benzer bir yöntemle bu haritayı WordPress'e gömebilirsiniz.

Başlamak için Google Haritalarım'a gidin ve arayüzü başlatmak için Başlayın'ı tıklayın. Arayüzde, Yeni Harita Oluştur seçeneğine tıklayın:

Ardından, haritanızı oluşturmak için arayüzü kullanın. Başlamak biraz zor olabilir - ancak bir kez alıştığınızda, kullanımı oldukça kolaydır. Arama kutusunu kullanarak bir şeyler arayabilir ve İşaretçi düğmesini kullanarak haritaya işaretçiler ekleyebilirsiniz:

Haritanızdan memnun kaldığınızda, üst kısımdaki Üç Nokta simgesine tıklayın ve Siteme yerleştir ' i seçin.

Ardından, daha önce olduğu gibi, haritayı WordPress sitenizde görüntülemek için Google Haritalar'ın size verdiği kodu WordPress Editörünün Metin sekmesine yapıştırabilirsiniz.

Google Haritalar ile Daha Fazla Çalışmanıza Yardımcı Olacak WordPress Eklentileri

Yukarıda size gösterdiğim gibi temel Google Haritalar yerleştirmeyi işlemek için gerçekten bir eklentiye ihtiyacınız olmasa da, daha fazla esneklik istiyorsanız (veya bu esnekliği uygulamak için daha kullanıcı dostu bir yol istiyorsanız) eklentiler kullanışlı olabilir.

Çoğu eklenti, yeterince dirsek yağıyla kendi başınıza yapamayacağınız hiçbir şeyi gerçekten yapmaz - ancak bunu çok daha kolay ve daha kullanıcı dostu hale getirir. Google Haritalar ile daha iyi çalışmanıza yardımcı olacak bazı güzel eklentiler.

WP Google Haritalar

WP Google Haritalar, WordPress.org eklenti dizinindeki en popüler ücretsiz Google Haritalar eklentisidir.

Seçtiğiniz harita işaretçilerini ve farklı harita temalarını kullanarak kendi özel Google Haritalar ekranlarınızı oluşturmanıza yardımcı olur. Temel olarak, yukarıda özetlediğim sürecin daha kullanıcı dostu bir uygulamasıdır.

Tek dezavantajı, ücretsiz sürümün yalnızca tek bir harita oluşturmanıza izin vermesidir. Birden fazla haritaya ihtiyacınız varsa, premium sürümü satın almanız veya farklı bir çözüm kullanmanız gerekir.

Başlamak için WP Google Haritalar'ı kurun ve etkinleştirin. WordPress.org'da listelendiği için bunu doğrudan WordPress kontrol panelinizden yapabilirsiniz.

Etkinleştirdikten sonra, başlamak için kenar çubuğunuzdaki yeni Haritalar seçeneğine gidin.

Ancak ilk haritanızı oluşturabilmeniz için bir Google Haritalar JavaScript API Anahtarı edinmeniz ve bunu eklentinin ayarlarına girmeniz gerekir. Bunu, aşağıdaki talimatları izleyerek yapabilirsiniz:

API anahtarınızı girdikten sonra, varsayılan İlk haritamı düzenleyebilirsiniz ( unutmayın - bu eklentinin ücretsiz sürümü yalnızca bir harita oluşturmanıza izin verir ):

Haritanızı oluşturmak için arayüzü kullanın. Ardından, işiniz bittiğinde, kısa kodu kullanarak sitenizin herhangi bir yerine gömebilirsiniz:

Süper kolay ve esnektir – tek dezavantajı ücretsiz sürümdeki tek harita sınırlamasıdır.

Harita Oluşturucu

Bir WordPress eklentisi ile Google Haritalar yerleştirmeleri oluşturmak için başka bir iyi seçenek de Haritalar Oluşturucu'dur.

Eklentiyi kurup etkinleştirdikten sonra, kontrol panelinizin kenar çubuğunda yeni bir Google Haritalar sekmesi göreceksiniz. WP Google Haritalar'da olduğu gibi, eklentiyi kullanmaya başlamadan önce bir Google Haritalar API Anahtarı eklemeniz gerekir.

Bunu yaptıktan sonra, yeni bir harita oluşturmak için Google Haritalar → Yeni Ekle seçeneğine gidebilirsiniz. Bu arayüzde, kullanıcı dostu arayüzü başlatmak için Harita Oluşturucuyu Aç düğmesini tıklayın:

Orada, eklentinin kenar çubuğunu kullanarak haritanızı oluşturabilirsiniz:

İşiniz bittiğinde, eklenti tarafından oluşturulan kısa kodu kullanarak haritayı WordPress sitenizin herhangi bir yerine gömebilirsiniz.

WP Mağaza Bulucu

WordPress sitenizde birden çok mağaza konumunu görüntülemek için özellikle Google Haritalar'ı kullanmak istiyorsanız ( genel bir istek! ), özel bir mağaza bulma eklentisi kullanmanız daha iyi olabilir.

Bunu yapmak için birkaç eklenti bulabilirken, esnek olduğu ve harika göründüğü için WP Store Locator'ı seviyorum.

Favori Sayfa Oluşturucunuzun Google Haritalar Modülünü kullanın

Çoğu WordPress sayfa oluşturucu, Google Haritalar içeriğini tasarımlarınıza yerleştirmenize yardımcı olacak özel bir Google Haritalar öğesi/modülü içerir.

Örneğin, popüler Divi Builder eklentisi, eklentinin arayüzü aracılığıyla biraz özelleştirebileceğiniz bir Google Haritalar modülü içerir:

Bu nedenle, zaten bir sayfa oluşturucu kullanıyorsanız, özel bir Google Haritalar eklentisi bulmak için koşmadan önce sayfa oluşturucunuzun bir Google Haritalar aracı olup olmadığını kontrol edin.

İleri Düzey Kullanıcılar İçin Eğlenceli Bir Tweak

Bu yöntem ileri düzeydedir ve kod bilgisi gerektirir - bu nedenle yeni başlayan biriyseniz bunu görmezden gelmekten çekinmeyin.

Ancak WordPress ve özel alanlardaki yolunuzu biliyorsanız, Google Haritalar Harita URL'leri şemasına dayalı olarak otomatik olarak bir harita oluşturmak için özel bir alan kullanabilirsiniz.

Örneğin, WordPress arka ucunda bir kullanıcının yalnızca adresi bir konuma yapıştırması gereken bir alan oluşturabilirsiniz.

Ardından, boşlukları kaldırmak için küçük bir ön işleme ile, bu adresi temanızın şablon dosyalarındaki bir iframe içinde aşağıdaki gibi bir şeye ekleyebilirsiniz:

Ve işte! Bir kullanıcının tek yapması gereken, WordPress Düzenleyici'ye bir adres girmektir ve bu konum için ön uçta otomatik olarak bir Google Haritalar yerleştirmesi görünecektir.

Yine – bu yöntem kesinlikle temel bir PHP bilgisi ve özel alanlar gerektirir – ancak biraz zaman kazanmak için harika bir hack.

Eşyaları Sarmak

İster normal bir Google Haritalar konumunu WordPress'e gömmek gibi basit bir şey yapmak ister birden fazla harita işaretçisi veya otomatik harita oluşturma ile daha fazla ilerlemek istiyorsanız, birçok seçeneğiniz var.

Tek haritaları gömmek için muhtemelen eklentileri atlayabilir ve normal Google Haritalar gömme kodunu kullanabilirsiniz. Ancak birden fazla konuma sahip haritalar oluşturmak ve stil üzerinde kolay kontrole sahip olmak istiyorsanız, iki Google Haritalar eklentisi iyi seçeneklerdir.

Son olarak, bir sayfa oluşturucu kullanıyorsanız, harici bir çözüme geçmeden önce bir Google Haritalar öğeniz olup olmadığını kesinlikle kontrol etmelisiniz.