WordPress sitenize etkileşimli bir harita nasıl eklenir
Gerçekten de, çevrimiçi haritalar oldukça kolaydır. Google Haritalar gibi hizmetleri kullanıyorsanız, konumu seçebilir ve web sitenize bir harita yerleştirebilirsiniz. Bununla birlikte, sıradan haritaları hızlı bir şekilde düzenleyemezsiniz veya işbirlikçi projeler için sıklıkla gerekli olan iş arkadaşlarınız da değildir. Etkileşimli harita buraya girer. Ekibinizdeki herkes tarafından düzenlenebilecek hareketli bir işaretleyici yerleştirmenize izin verir. Bu makalede, bu tür bir haritanın ne zaman yararlı olduğunu tartışacağız. Ayrıca, size WordPress’e eklemenin iki yolunu öğreteceğiz. Hadi çalışalım! İnteraktif bir harita nedir (ve kullanırken) web sitesine bir harita eklemek oldukça basittir. Google Haritalar veya Divi’nin harita modülü gibi araçlar, sayfanıza birkaç dakika içinde bir harita yerleştirmenizi sağlar. Bu yaklaşımın avantajı, ziyaretçilerin haritaları taşıyabilmeleri, büyütebilmesi, azaltılması ve daha fazlasını yapabilmeleridir. Bu tür harita basit bir görüntüden daha etkileşimlidir, ancak bu harita web sitenize ekledikten sonra değişiklik yapmanıza izin vermez.
İnteraktif haritalar ise (ve bazı durumlarda iş arkadaşlarınızın) yeni işaretler, simgeler, metin ve diğerleri eklemenize izin verir. Örneğin, web sitenizin üyeleri için toplantılar planladığınızı düşünün. Konumu önermek için birkaç pim ile bir harita hazırlayabilirsiniz. Kullanıcıların konumlarını paylaşmaları için etkileşimli haritalar da kullanabilir veya ziyaret etmek isteyebilecekleri yerlere birbirlerine işaret edebilirsiniz. Adil olmak gerekirse, bu oldukça özel bir uygulamadır. Bununla birlikte, etkileşimli haritalar çeşitli durumlarda yararlı olabilir. Ayrıca, eklemek her zaman normal meslektaşlarından daha zor değildir. WordPress sitenize etkileşimli haritalar nasıl eklenir (2 şekilde) Etkileşimli bir haritaya gelirken, web sitenize sabitleyebilir veya bir eklenti kullanabilirsiniz. yap. Önceki yaklaşım daha basittir, ancak eklentiler genellikle beklediğiniz gibi daha fazla özellik paketler. Bu özellikleri görüntülemek için önce eklenti yaklaşımını tartışalım. 1. Pro Marker Haritalar eklentisini kullanın
Marker Pro Maps eklentisi, WordPress’e bir harita eklemek için biriken bir premium çözümdür. Bu, haritaları çeşitli hizmetlerden çekmenize izin vermek ve haritanızla sınırlı olmayan pratik sayıda belirteç eklemek ve bunları sınıflandırmak gibi düzinelerce gelişmiş özelliği içerir. Buna ek olarak, ziyaretçiler haritanızda görmek istedikleri işaretleyici türünü filtreleyebilir.
Öte yandan haritanın altında bir işaret listesi gösterme seçeneği oldukça açıktır. İşaretleyicileriniz için ek bilgi girmek istiyorsanız bu yararlı olabilir: Şimdi aşağı kaydırın ve bu katmana yeni işaretleyiciler ekleyen seçeneği bulun. Bir sonraki ekranda, daha önce olduğu gibi aynı haritayı kullanarak işaretleyicileriniz için adları ve konumları ayarlayabilirsiniz. Ayrıca işaretleyicileriniz için simgeler seçebilir ve açılır metin ayarlayabilirsiniz. Bu, insanlar işaretleyicinin kendisine tıkladığında veya eklemeyi seçerseniz listeden seçtiğinde görünecektir. Ancak, bitirdikten sonra yayın düğmesine basmayı unutmayın. Birkaç markör ekledikten sonra, başlangıç katmanınız şöyle görünecektir: Sayfalarınızdan birine yeni bir etkileşimli harita eklemeye hazır olduğunuzda, kısa bir kod kullanmalısınız. Katman Düzenle sekmesinin üstüne geri dönün ve uygun kimliği bulun: Şimdi, kısa kodu [MAPSMarker katmanı = “x”] istediğiniz gönderi veya sayfaya yerleştirin. Yer tutucu X’i önceki katman kimliğinizle değiştirmeyi unutmayın.
Haritanız şimdi aktif olmalı ve web sitenizde çalışmalı!. Daha da önemlisi, siz veya ekibinizdeki herhangi biri, gösterge panelinizden ayrılmadan istediğiniz zaman düzenleyebilir ve yeni işaretler ekleyebilir. 2. Google haritasının varsayılan gömme özelliği aracılığıyla Google Haritalar neredeyse tanıtım gerektirmez – bu, dünyanın her yerinden haritaları çekmenizi sağlayan bir hizmettir, böylece konumları başkalarıyla paylaşabilir, adres bulabilir ve hatta konumunuzu paylaşabilirsiniz. Web sitesine geldiğinizde, Google Haritaları sayfanıza birçok yönden sabitleyebilirsiniz. Ancak, çoğu harita sınırlı miktarda etkileşim sunar. Onlar içinden geçmenize, görünüşünüzü büyütmenize, azaltmanıza ve yönlendirmenize izin verirler, ancak daha fazlası yoktur. Sorun şu ki, Google Maps sadece sıradan eşlemeden daha fazla özellik sunuyor. Örneğin, Haritalar Marker Pro’ya benzer şekilde birkaç markör ekleyebilir, mesafeleri ölçebilir ve haritanıza talimatlar ekleyebilirsiniz. Bu özelliği denemek için Google Petaku’yu açın ve düğmeyi tıklayın Yeni bir harita oluşturun: Bir sonraki ekranda, haritanızın ve oluşturacağımız ilk katman için başlığı ayarlayın. Şimdi ekranın üst kısmındaki Google Harita arama çubuğunu kullanarak paylaşmak istediğiniz konumu bulun:
Büyütüldüğünde, haritanızdaki konumu vurgulamaya başlamak için ekranın üst kısmında bir işaretleyici sembolü kullanabilirsiniz. İşaretleyicinizi yerleştirmek istediğiniz yere tıklayın, ardından adı ve simgeyi ayarlayın: Birkaç işaretleyiciniz olduktan sonra, mesafeyi göstermek için aralarındaki çizgileri izleyebilirsiniz:
Haritanız hazır olduğunda, soldaki menüdeki Paylaş düğmesini açın. Orada, kişiselden halka erişimi olan ayarları değiştirin:
Ayrıca, bireysel ekip üyelerini e -postalarını kullanmaya davet edebilirsiniz, böylece haritaları düzenlemeye doğrudan erişim sağlarlar: Ancak, yeni haritanızı web sitenize sabitlemeniz gerekir. Bunu, harita başlığınızın yanındaki üç nokta simgesini tıklayıp sitemdeki gömme seçeneğini tıklayarak yapabilirsiniz: Şimdi, örneğin Divi kod modülünü kullanarak herhangi bir sayfaya SEMAT kodunu kopyalayıp ekleyebilirsiniz. Yeni haritanız nereye koyarsanız görünür. Ayrıca, takım arkadaşlarınız onu düzenleyebilir ve gerektiğinde Google Haritalar aracılığıyla yeni işaretler ekleyebilir. Zarif tema üyeleri için ihtiyacınız olan tek şey basit bir harita ve bazı işaretler ise, web sitenize bir tane eklemek için divi modül haritasını da kullanabilirsiniz. Nasıl yapılacağı hakkında konuşalım. WordPress sitenize bir harita nasıl eklenir Divi harita modülünü kullanarak çalışmaya başlamadan önce, Divi’nin modül tarafından kullanılan haritaya güç sağlaması gereken bir Google API anahtarı oluşturmanız gerekir. Ateş anahtarınızı almak için bu öğreticiyi izleyin ve aldıktan sonra Divi Builder’ı istediğiniz sayfada açın. Ardından, modül haritasını ekleyin ve ayarları açın. Ateş anahtarınızı ekranın üstüne ekleyin yazan düğmeyi göreceksiniz: Bunu tıklamak sizi Google API anahtarınızı ekleyebileceğiniz Divi Ayarları sayfasına gönderecektir: Anahtarınızı kaydedin ve Divi Builder’a geri dönün. Harita modülü ayarları penceresini tekrar açarsanız, haritanızın görüntüleneceği konum olan harita merkezi adresini seçebileceğinizi göreceksiniz: Görüntülemek istediğiniz adresi bulun ve yazma yerine geri dönün yeni bir PIN ekleyin. Bu düğmeyi tıklamak, harita ilk PIN’inizin başlığınızı, açıklamasını ve yerleştirilmenizi ayarlamanıza izin verir: Unutmayın – Divi harita modülü birçok pim eklemenizi sağlar. Bu, birkaç adresi vurgulamak istiyorsanız geçerli bir seçenek haline getirir. Ayrıca, tasarım ayarlarını girip seçeneklerle oynayarak PIN stilinizi değiştirebilirsiniz. Aşağıdakiler, Divi harita modülü ile yapılan bitmiş bir harita örneğidir: Google Haritalar ve Haritalar Marker Pro’nun daha fazla ayarlama ayarı sunduğu doğru olsa da, Divi kullanım kolaylığı açısından parlıyor. Ayrıca, haritanızı yerleştirmek için kısa kodlar veya sedan kodları kullanmanıza gerek yoktur. Ayrıca, inşaatçı nereye gitmeleri gerekenler üzerinde tam kontrol sağlar. Sonuç WordPress web sitenize bir harita ekleyin, özellikle harita modülü sayesinde divi kullanıyorsanız, basittir. Ancak, sıradan haritalar yalnızca bir adresi görüntülemek istiyorsanız kullanışlıdır. Biraz daha esnekliğe ihtiyacınız varsa, etkileşimli haritalar doğru yoldur. WordPress ile web sitenize etkileşimli haritalar eklemenin iki yolu vardır. Onları özetleyelim: Pro Haritalar Marker Pro eklentisini kullanma. Google haritasının varsayılan gömme özelliği aracılığıyla. WordPress sitenizde etkileşimli haritalar ne zaman kullanacağınızla ilgili sorularınız var mı? Aşağıdaki yorumlar bölümünde onlar hakkında konuşalım! Thumbnail Makale Görüntüsü Hluboki Dzianis / Shutterstock.com.