Ana İçeriğe Geç

WordPress web sitenize etkileşimli haritalar nasıl eklenir?

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

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, diğer çevrimiçi haritalama araçlarında yaptığınız gibi katmanınız için tanıyabileceğiniz bir ad belirleyin ve 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:

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

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 [harita işareti katmanı = “X”] yayınınızda veya sayfanızda. Yer tutucuyu değiştirmeyi unutmayın  Bununla birlikte, ö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 üzerine inşa edeceğimiz ilk katmanı için bir başlık tanımlayın. Şimdi ekranın üst kısmındaki Google Harita arama çubuğunu kullanarak paylaşmak istediğiniz konumu bulun:

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

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  

Modern bir görünüm kazandırmak ve blogunuzun veya web sitenizin rahatlığını artırmak için diğer WordPress eklentilerini kullanabilirsiniz.

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

1. Üstün Matematik Captcha

Ultimate Math Captcha,% 100 verimli premium bir WordPress captcha eklentisidir. WordPress oturum açma, kayıt, şifre kurtarma, yorumlar, WooCommerce, Easy Digital Downloads ve bbPress formlarına matematik captcha eklemeye izin verir.Ultimate math captcha wordpress eklentisi

Özellikleri şunlardır: kolay kurulum ve yapılandırma, birçok forma captcha ekleme, aynı sayfada birden fazla Math captcha desteği, hata mesajlarının özelleştirilmesi ve çok daha fazlası.

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

Bu premium WordPress eklentisi ile web sitenizin formlarında gönderilen girişleri değiştirmek veya silmek mümkündür. Gravity Forms eklentisinde büyük ölçüde eksik olan bir özellik, bu nedenle bu uzantı oluşturuldu.Yerçekimi formları listesi wordpress eklentilerini düzenle Tablolar ekle grafikler site blog formu

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

Ö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.

... 

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
8 hisseleri
hisse4
cıvıltı2
Enregistrer2