WordPress Web Sitenize Etkileşimli Haritalar Nasıl Eklenir?

Kuşkusuz, çevrimiçi haritalar oldukça basittir. Google Haritalar gibi bir hizmet kullanıyorsanız, bir konum seçmeniz ve haritayı web sitenize yerleştirmeniz yeterlidir. Ancak, normal haritaları anında düzenleyemezsiniz ve iş arkadaşlarınız da yapamaz – ki bu genellikle ortak projeler için gereklidir.

İşte tam bu noktada etkileşimli haritalar devreye giriyor. Ekibinizdeki herkesin düzenleyebileceği hareketli işaretçiler yerleştirmenize izin veriyorlar. Bu yazıda, bu tür haritaların ne zaman işe yarayacağından bahsedeceğiz. Ayrıca, bunları WordPress'e eklemenin iki yolunu öğreteceğiz.

Hadi çalışalım!

Etkileşimli Haritalar Nedir (Ve Ne Zaman Kullanılır)

Bir web sitesine harita eklemek yeterince basittir. Google Haritalar veya Divi'nin Harita modülü gibi araçlar, haritaları birkaç dakika içinde sayfalarınıza yerleştirmenize olanak tanır. Bu yaklaşımın avantajı, ziyaretçilerin haritalarda dolaşabilmeleri, yakınlaştırabilmeleri, uzaklaştırabilmeleri ve daha fazlasını yapabilmesidir. Bu tür haritalar basit resimlerden daha etkileşimlidir, ancak bunları web sitenize ekledikten sonra değişiklik yapmanıza olanak vermezler.

Etkileşimli haritalar ise sizin (ve bazı durumlarda iş arkadaşlarınızın) bunlara yeni işaretçiler, simgeler, metinler ve daha fazlasını eklemenizi sağlar. Örneğin, web sitenizin üyeleri için bir buluşma planladığınızı hayal edin. Konum önermek için birden fazla iğneye sahip bir harita oluşturabilirsiniz.

Kullanıcılarınızın konumlarını paylaşmaları veya ziyaret etmek isteyebilecekleri yerlere yönlendirmeleri için etkileşimli bir harita da kullanabilirsiniz. Adil olmak gerekirse, bunlar oldukça niş uygulamalar. Bununla birlikte, etkileşimli haritalar çok çeşitli durumlarda kullanışlı olabilir . Ayrıca, eklemeleri normal muadillerinden daha zor değildir.

WordPress Web Sitenize Etkileşimli Haritalar Nasıl Eklenir (2 Yolla)

Etkileşimli haritalar söz konusu olduğunda, birini web sitenize yerleştirebilir veya bunu yapmanıza yardımcı olması için bir eklenti kullanabilirsiniz. İlk yaklaşım daha basittir, ancak eklentiler beklediğiniz gibi genellikle çok daha fazla özellik içerir. Bu özelliklerin ne olduğunu göstermek için önce eklenti yaklaşımını gözden geçirelim.

1. Maps Marker Pro Eklentisini kullanın

Maps Marker Pro eklentisi, WordPress'e haritalar eklemek için tek duraklı bir premium çözümdür. Birden fazla hizmetten harita çekmenizi sağlamak ve haritalarınıza neredeyse sınırsız sayıda işaretçi eklemek ve bunları sınıflandırmak gibi düzinelerce gelişmiş özellik içerir. Ayrıca, ziyaretçiler haritalarınızda görmek istedikleri işaretçi türlerini filtreleyebilir.

Eklentiyi kullanarak yapabileceğiniz diğer eğlenceli şeyler, işaretçiler arasında mesafe ve rota bilgisi eklemeyi içerir. Hatta isterseniz, web sitenizin haritası aracılığıyla kendi konumunuzu gerçek zamanlı olarak paylaşabilirsiniz. Eklentinin yapılandırılması, sunduğu özelliklerin zenginliği göz önüne alındığında biraz zaman alabilir. Ancak, hayal edebileceğiniz kadar zor değil.

Başlamak için, diğer eklentileri yaptığınız gibi eklentiyi kurun ve etkinleştirin. Eklenti kullanıma hazır olduğunda, Maps Marker Pro > Yeni katman ekle sekmesinden yapabileceğiniz yeni bir harita veya 'katman' eklemeniz gerekir. Burada, katmanınız için tanıyabileceğiniz bir ad belirleyin ve diğer çevrimiçi harita araçlarında yaptığınız gibi, görüntülenmesini istediğiniz konumu girin:

Şimdi, soldaki menüyü kullanarak varsayılan olarak ayarlamak istediğiniz boyut ve yakınlaştırma düzeyini ince ayar yapabilirsiniz. Ayrıca, aşağıdaki örnekte olduğu gibi, çok uzaklaştırırsanız, bir alandaki işaretçilerin sayısını içeren bir simge gösterecek olan İşaretleyici kümeleme adlı bir seçenek de vardır:

Öte yandan, haritanın altındaki işaretçilerin listesini göster seçeneği oldukça açıklayıcıdır. İşaretçileriniz için ek bilgiler eklemek isterseniz kullanışlı olabilir:

Şimdi aşağı kaydırın ve Bu katmana yeni işaretleyici ekle yazan seçeneği arayın. Bir sonraki ekranda, öncekiyle aynı haritayı kullanarak işaretçiniz için bir ad ve konum ayarlayabileceksiniz.

Ayrıca bir simge seçebilir ve işaretçiniz için açılır metin belirleyebilirsiniz. Bu, insanlar işaretçinin kendisine tıkladığında veya eklemeyi seçtiyseniz bir listeden seçtiğinde görünecektir. Her durumda, işiniz bittiğinde Yayınla düğmesine basmayı unutmayın. Birkaç işaret ekledikten sonra, ilk katmanınız şöyle görünmelidir:

Yeni etkileşimli haritanızı sayfalarınızdan birine eklemeye hazır olduğunuzda bir kısa kod kullanmanız gerekecektir. Katmanı düzenle sekmesinin en üstüne geri dönün ve ilgili kimliğini arayın:

Şimdi [mapsmarker layer=”X”] kısa kodunu istediğiniz gönderiye veya sayfaya yerleştirin. Yine de, X yer tutucusunu önceden katmanınızın kimliğiyle değiştirmeyi unutmayın.

Haritanız şimdi web sitenizde çalışıyor ve çalışıyor olmalı!. Daha da önemlisi, siz veya ekibinizdeki herhangi biri, gösterge tablonuzdan ayrılmadan istediğiniz zaman düzenleyebilir ve yeni işaretçiler ekleyebilir.

2. Google Haritasının Yerleşik Gömme Özelliği ile

Google Haritalar'ın bir tanıtıma ihtiyacı yok – dünyanın her yerinden haritalar çekmenize olanak tanıyan bir hizmettir, böylece diğer insanlarla konumları paylaşabilir, adresleri bulabilir ve hatta nerede olduğunuzu paylaşabilirsiniz. Web siteleri söz konusu olduğunda, Google Haritalar'ı birçok yolla sayfalarınıza yerleştirebilirsiniz. Ancak, çoğu harita sınırlı miktarda etkileşim sunar. Bunlar arasında gezinmenizi, yakınlaştırmanızı, uzaklaştırmanızı ve görünümünüzü değiştirmenizi sağlarlar, ancak daha fazlasını değil.

Mesele şu ki, Google Haritalar sadece düz haritalamadan çok daha fazla özellik sunuyor. Örneğin, Maps Marker Pro'ya benzer şekilde birden çok işaret ekleyebilir, mesafeleri ölçebilir ve haritalarınıza yol tarifleri ekleyebilirsiniz. Bu özellikleri denemek için Google Haritalarım'a gidin ve Yeni Harita Oluştur düğmesini tıklayın:

Bir sonraki ekranda, haritanız için bir başlık ve üzerine inşa edeceğimiz ilk katmanı belirleyin. Şimdi, ekranın üst kısmındaki Google Harita'nın arama çubuğunu kullanarak paylaşmak istediğiniz konumu bulun:

Yakınlaştırdığınızda, haritanızdaki konumları vurgulamaya başlamak için ekranın üst kısmındaki işaretçi simgesini kullanabilirsiniz. İşaretçinizi yerleştirmek istediğiniz yere tıklayın, ardından bunun için bir ad ve simge belirleyin:

Birden fazla işaretçiniz olduğunda, mesafeleri göstermek için aralarındaki çizgileri izleyebilirsiniz:

Haritanız hazır olduğunda soldaki menüden Paylaş düğmesine gidin. Orada, özelden genele Erişimi olanlar altında ayarları değiştirin:

Ayrıca ekip üyelerini e-postalarını kullanarak davet edebilirsiniz, böylece haritayı düzenlemeye anında erişim elde edebilirler:

Her durumda, yine de yeni haritanızı web sitenize yerleştirmeniz gerekiyor. Bunu, haritanızın başlığının yanındaki üç nokta simgesini ve Siteme göm seçeneğini tıklayarak yapabilirsiniz:

Artık, örneğin Divi's Code modülünü kullanarak gömme kodunu kopyalayıp sayfalarınızdan herhangi birine yapıştırabilirsiniz. Yeni haritanız, yerleştirdiğiniz her yerde görünecektir. Ayrıca, ekip arkadaşlarınız bunu düzenleyebilir ve gerektiğinde Google Haritalar aracılığıyla yeni işaretçiler ekleyebilir.

Zarif Temalar Üyeleri için

Tek ihtiyacınız olan basit bir harita ve birkaç işaretçiyse Divi's Map'i de kullanabilirsiniz. Web sitenize bir tane eklemek için modül. Nasıl yapılacağı hakkında konuşalım.

Divi Harita Modülünü Kullanarak WordPress Web Sitenize Harita Nasıl Eklenir

Çalışmaya başlamadan önce, Divi'nin modülünün kullandığı haritayı güçlendirmek için ihtiyaç duyduğu bir Google API Anahtarı oluşturmanız gerekir. API anahtarınızı almak için bu öğreticiyi izleyin ve sahip olduğunuzda, istediğiniz sayfada Divi Builder'ı açın. Ardından, bir Harita ekleyin modülü ve ayarlarını açın. Ekranın üst kısmına yakın bir yerde API ANAHTARINIZI EKLE yazan bir düğme göreceksiniz:

Buna tıklamak sizi Google API anahtarınızı ekleyebileceğiniz Divi Ayarları sayfasına yönlendirecektir:

Anahtarınızı kaydedin ve Divi Builder'a dönün. Harita modülü ayarları pencerenizi tekrar açarsanız, artık haritanızın göstereceği konum olan bir Harita Merkezi Adresi seçebileceğinizi göreceksiniz:

Görüntülemek istediğiniz adresi bulun ve Yeni Pin Ekle yazan yere geri gidin. Bu düğmeye tıklamak, bir başlık, açıklama ve haritanızın ilk iğnesinin yerleşimini belirlemenizi sağlayacaktır:

Unutmayın – Divi'nin Harita modülü, birden fazla pin eklemenizi sağlar. Bu, birden fazla adresi vurgulamak istiyorsanız bunu geçerli bir seçenek haline getirir. Ayrıca, Tasarım ayarlarına giderek ve seçeneklerle oynayarak iğnenizin stilini değiştirebilirsiniz. Divi Harita modülüyle oluşturulmuş bitmiş bir harita örneği:

Google Haritalar ve Haritalar Marker Pro'nun daha fazla özelleştirme ayarı sunduğu doğru olsa da, kullanım kolaylığı söz konusu olduğunda Divi öne çıkıyor. Ayrıca, haritalarınızı yerleştirmek için kısa kodlar veya gömme kodları kullanmanıza gerek kalmayacak. Sonuçta, inşaatçı size nereye gitmeleri gerektiği konusunda tam kontrol sağlar.

Çözüm

Özellikle Divi kullanıyorsanız, Harita modülü sayesinde WordPress web sitenize harita eklemek kolaydır. Ancak, normal haritalar yalnızca tek bir adresi göstermek istiyorsanız kullanışlıdır. Biraz daha esnekliğe ihtiyacınız varsa, etkileşimli haritalar gitmenin yoludur.

WordPress ile web sitenize etkileşimli haritalar eklemenin iki yolu vardır. Onları tekrarlayalım:

1. Maps Marker Pro eklentisini kullanma.
2. Google Harita'nın yerleşik Embed özelliği sayesinde.

WordPress web sitenizde etkileşimli haritaları ne zaman kullanacağınız hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde onlar hakkında konuşalım!

Hluboki Dzianis / Shutterstock.com'dan makale resmi küçük resmi.