Gibi bir servis kullanıyorsanız Google Haritalar, sadece bir konum seçin ve haritayı web sitenize yerleştirin. Bununla birlikte, haritaları anında düzenleyemezsiniz ve iş arkadaşlarınız da düzenleyemez - ki bu genellikle ortak projeler için gereklidir.

Etkileşimli haritaların devreye girdiği yer burasıdır. Ekibinizdeki herkesin düzenleyebileceği hareketli işaretler yerleştirmenize olanak tanırlar. 

Bu eğitimde, bu tür kartların ne zaman işe yarayacağı hakkında konuşacağız. Ek olarak, bunları WordPress'e iki şekilde nasıl ekleyeceğinizi göstereceğiz.

Ama başlamadan önce, bakmak için zaman ayırın Bir WordPress tema nasıl kurulurKaç eklentileri WordPress yüklemeniz gerekir.

O zaman, mhadi işe koyulalım!

Etkileşimli harita nedir (ve ne zaman kullanılmalı?)

Bir web sitesine harita eklemek oldukça basittir. Gibi araçlar Google Haritalar, haritaları birkaç dakika içinde sayfalarınıza yerleştirmenize olanak tanır. Bu yaklaşımın avantajı, ziyaretçilerin haritalarda gezinebilmesi, yakınlaştırması, uzaklaştırması vb.

Bu tür haritalar, resimlerden daha etkileşimlidir, ancak web sitenize ekledikten sonra herhangi bir değişiklik yapmanıza izin vermezler.

Öte yandan, etkileşimli haritalar size (ve bazı durumlarda meslektaşlarınıza) yeni işaretçiler, simgeler, metinler ve daha fazlasını eklemenize izin verir. Örneğin, web sitenizin üyeleri için bir toplantı planladığınızı hayal edin. Konum önermek için birden çok pim içeren bir harita yapılandırabilirsiniz.

Bu arada keşfedin Blogunuza coğrafi konum eklemek için 5 WordPress eklentileri

Kullanıcılarınızın konumlarını paylaşabilmeleri veya ziyaret etmek istedikleri yerlere gidebilmeleri için etkileşimli bir harita da kullanabilirsiniz. Daha kesin olmak gerekirse, bunlar niş uygulamalardır. Ancak etkileşimli haritalar  kutu  çok çeşitli durumlarda yararlı olabilir. 

Ek olarak, eklerini mutlaka emsallerinden daha fazla zorlamazlar.

WordPress sitenize etkileşimli haritalar nasıl eklenir?

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

1. Eklentiyi kullanın Haritalar Marker Pro

Map Maker Pro'yu kullanın

Eklenti Haritalar Marker Pro WordPress'e harita eklemek için tek noktadan premium bir çözümdür. Birden çok departmandan haritaları görüntülemenize ve haritalarınıza neredeyse sınırsız sayıda işaretçi eklemenize ve bunları düzenlemenize olanak tanıyanlar gibi düzinelerce gelişmiş özellik sunar. Ek olarak, ziyaretçiler haritalarınızda görmek istedikleri işaretçi türlerini filtreleyebilir.

Bu eklentiyi kullanarak yapabileceğiniz diğer eğlenceli şeyler, işaretçiler arasına mesafe ve rota bilgisi eklemektir. İsterseniz, kendi konumunuzu web sitesi haritanız aracılığıyla gerçek zamanlı olarak bile paylaşabilirsiniz. Eklentiyi kurmak, sunduğu özelliklerin zenginliği göz önüne alındığında biraz zaman alabilir. 

Ancak, tahmin edebileceğiniz kadar zor değil. 

Başlamak için eklentiyi herhangi bir şekilde yapılandırın ve etkinleştirin. WordPress'te yeniyseniz, öğrenin WordPress bir eklenti yüklemeniz nasıl

Eklenti hazır olduğunda, sekmeden yapabileceğiniz yeni bir harita veya katman eklemeniz gerekir. Maps Marker Pro> Yeni bir katman ekle. Burada, katmanınız için tanıyabileceğiniz bir ad belirleyin ve diğer çevrimiçi haritalama araçlarında yaptığınız gibi, görüntülenmesini istediğiniz konumu girin:

Yeni bir katman ekleyin

Artık sol menüyü kullanarak varsayılan olarak ayarlamak istediğiniz boyut ve yakınlaştırma düzeyini ayarlayabilirsiniz. Ayrıca adında bir seçenek var İşaretçi kümeleme , aşağıdaki örnekte olduğu gibi, çok fazla yakınlaştırırsanız, bir alandaki işaretlerin sayısını gösteren bir simge görüntüler:

Bir işaretçi görüntüle

Seçenek Arama İşaretleyicileriÖte yandan, oldukça açık. İşaretçileriniz hakkında ek bilgi eklemek istiyorsanız, faydalı olabilir:

İşaretçilerin listesi

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

Çok keşfetmek sıkıştırmak ve WordPress üzerinde resimlerinizin boyutunu nasıl

Ayrıca bir simge seçebilir ve işaretçiniz için açılır metin ayarlayabilirsiniz. Bu, ziyaretçiler işaretçinin kendisine tıkladığında veya eklemeyi seçtiyseniz bir listeden seçtiğinde görünecektir.

Her durumda, düğmeye basmayı unutmayın yayınlamak bitirdikten sonra. Birkaç işaret ekledikten sonra, ilk katmanınız şöyle görünmelidir:

Bir bloktaki katman örneği

Yeni interaktif haritanızı sayfalarınızdan birine eklemeye hazır olduğunuzda, bir kısa kod. Sekmenin en üstüne gidin Katmanı düzenle  ve ilgili kimliğini arayın:

Kart tanımlayıcılarını kaydedin

Şimdi yerleştir kısa kod [mapsmarker layer = "X"] yayınınızda veya sayfanızda. Yer tutucuyu değiştirmeyi unutmayın  ancak önceden "katmanınızın" kimliğine göre.

Kartınız şimdi web sitenizde çalışır durumda olmalı! Daha da önemlisi, siz veya ekibinizdeki herhangi bir kişi, kontrol panelinden ayrılmadan, istediğiniz zaman düzenleyebilir ve yeni işaretler ekleyebilir.

2. Yerleşik Gömme özelliğini kullanma Google Harita

Google Haritalar gerçekten bir tanıtıma ihtiyaç duymaz - bu, dünyanın dört bir yanından haritaları çıkarmanıza, diğer insanlarla yerleri paylaşmanıza, adresleri bulmanıza ve hatta bulunduğunuz yeri paylaşmanıza olanak tanıyan bir hizmettir. Web siteleri söz konusu olduğunda, Google Haritalar'ı sayfalarınıza yerleştirmenin birçok yolu vardır. Haritaları google harita ile kaydedin

Bununla birlikte, çoğu kart sınırlı miktarda etkileşim sunar. Bunlar arasında gezinmenize, yakınlaştırmanıza, dışarı çıkmanıza ve görünümünüzü değiştirmenize izin verir, ancak daha fazlasını değil.

Gerçek şu ki, Google Haritalar basit haritalamadan çok daha fazla özellik sunuyor. Örneğin, birden fazla işaretçi ekleyebilir, mesafeleri ölçebilir ve haritalarınıza yol tarifleri ekleyebilirsiniz. Bu özellikleri denemek için adresine gidin. Google Haritalarım ve düğmesine tıklayın  + Yeni Harita Oluştur  :

Google haritasında bir harita oluşturun

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

Yeni harita ve google harita konumu

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

Yeni haritanıza bir işaretleyici ekleyin.

Birden çok işaretçiniz olduğunda, mesafeleri görüntülemek için aralarına çizgiler çizebilirsiniz:

Haritada iki nokta arasındaki mesafeyi görüntüleyin

Kartınız hazır olduğunda düğmeye tıklayın Hisse soldaki menüde. Orada, erişim ayarlarını değiştirin  de özel  à halka açık :

Kart erişimini tanımlayın

Ekip üyelerini e-postalarını kullanmaya davet edebilirsiniz, böylece haritaya hemen erişebilirler:

Ortaklarla işbirliği haritası

Her durumda, yeni kartınızı her zaman web sitenize yerleştirmelisiniz. Bunu harita başlığınızın yanındaki üç nokta simgesine ve seçeneğe tıklayarak yapabilirsiniz. Bu haritayı göm  :

Haritayı yerleştirArtık gömme kodunu kopyalayıp sayfalarınıza yapıştırabilirsiniz. Yeni kartınız yerleştirdiğiniz her yerde görünecektir. Buna ek olarak, iş arkadaşlarınız gerekirse Google Haritalar aracılığıyla bunu düzenleyebilir ve yeni işaretçiler ekleyebilir.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. Üstün Matematik Captcha

Ultimate Math Captcha bir WordPress Plugin %100 etkili captcha primi. Üzerine matematiksel bir captcha eklemeye izin verir. formlar WordPress oturum açma, kayıt, şifre kurtarma, yorumlar, WooCommerce, Kolay Dijital İndirmeler ve aux formlar bbPress'ten.Ultimate math captcha wordpress eklentisi

Özellikleri şunları içerir: kolay kurulum ve yapılandırma, birçok uygulamaya captcha ekleme formlar, aynı sayfada birden fazla Math captcha desteği, hata mesajlarının özelleştirilmesi ve daha birçok özellik.

Indir | gösteriWeb hosting

2. Ninja Formları için PayPal Standart Ödeme Ağ Geçidi

Ninja Forms için PayPal Standart Ağ Geçidi, PayPal ödeme ağ geçidi ile sorunsuz bir şekilde entegre olan formlar oluşturmanıza olanak tanır. Kişiselleştirilmiş sipariş formları oluşturabilecek ve standart Paypal hesaplarını kullanarak ödeme alabileceksiniz.

Ninja formları için Paypal standart ödeme ağ geçidi

Temel özellikleri şunlardır: kolay ve hızlı entegrasyon, IPN entegrasyonu, PayPal ağ geçidini bireysel formlarda etkinleştirme / devre dışı bırakma yeteneği, düzenli ödemeler için destek vb.

Indir | gösteri |  Web hosting

3. Yerçekimi Formları - Listeleme ve Düzenleme

bununla WordPress Plugin premium, web sitenizin formlarına gönderilen girişleri değiştirmek veya silmek mümkündür. Gravity Forms eklentisinde çok eksik olan bir özellik, bu yüzden bu uzantı oluşturuldu.Yerçekimi formları listesi wordpress eklentilerini düzenle Tablolar ekle grafikler site blog formu

Özellikleri arasında diğerlerinden bahsedeceğiz: mkaydedilen verilerin düzenlenmesi ve kaydedilmesi,girilen verilerin baskılanmasızaten yayınlanmış makalelerin değiştirilmesi ve silinmesi, iJQuery Datatables eklentileri ile mükemmel entegrasyon ve Yerçekimi Formlarıkoşullu mantığın desteklenmesi, staklit ve kurulumu hızlı ve çok daha fazlası.

Indir gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

Sonuç

Buraya ! Bu eğitim için bu kadar, umarım WordPress'te etkileşimli haritalar oluşturmanıza izin verir. Çekinme En sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşın

Ancak, ayrıca kaynaklarımız, İnternet sitesi oluşturma projelerinizi gerçekleştirmek için daha fazla öğeye ihtiyacınız varsa, WordPress blog oluşturma.

Öneriniz veya yorumunuz varsa, bunları bölümümüzde bırakın. Yorumlar.

...