Bing Haritalarını WordPress web sitenize yerleştirmek ister misiniz? Bir Google Haritalar alternatifi arıyorsanız, Bing Maps sizin için doğru adaydır.
Google Haritalar’a benzer şekilde, WordPress sitenizde yol tariflerini, trafiği, rotaları ve navigasyon talimatlarını göstermek için Bing Haritalar’ı kullanabilirsiniz. Microsoft’a ait olduğu için, tonlarca yararlı veriye sahip harika bir harita uygulamasıdır.
Bu makalede, Bing Haritalarını WordPress’e nasıl kolayca yerleştireceğinizi adım adım göstereceğiz.
WordPress’te Bing Haritaları Ekleme (Eklenti Gerekmez)
Yapmanız gereken ilk şey, Bing Haritalar web sitesine gitmek ve yerleştirmek istediğiniz konumu veya haritayı aramaktır.
Konumu bulduğunuzda, üç nokta simgeli ‘Daha Fazla’ seçeneğini tıklayın ve ‘Bir harita yerleştir’ seçeneğini seçin.
Bundan sonra, haritayı web sitenize yerleştirmek için özelleştirebileceğiniz yeni bir sekme açılacaktır.
Harita boyutunu, harita türünü (statik veya sürüklenebilir harita), harita stilini (yol veya hava) ve harita bağlantılarını seçebilirsiniz. Özelleştirme seçeneklerini gözden geçirin ve ardından Kod Oluştur’a tıklayın.
Bundan sonra, size bir kod parçacığı sağlayacaktır. Devam edin ve kodu kopyalayın çünkü sonraki adımda ihtiyacınız olacak.
Şimdi, WordPress sitenize geri dönün ve yeni bir sayfa oluşturun veya haritayı eklemek istediğiniz yerde mevcut bir sayfayı düzenleyin.
Sayfa düzenleme ekranında, Yeni Blok Ekle simgesine tıklayın ve Özel HTML bloğunu seçin.
Bundan sonra, daha önce kopyaladığınız Bing Haritası gömme kodunu HTML alanına yapıştırın.
Artık sayfanızı kaydedebilir veya yayınlayabilir ve sayfanıza gömülü haritayı görmek için önizleme düğmesini tıklayabilirsiniz. Bing Haritası demo web sitemizde şu şekilde görüntülendi.
Eklenti Kullanarak Bing Haritalarını Ekleme
Web sitenize yalnızca bir harita yerleştirmeniz gerekiyorsa, yukarıda gösterilen manuel yöntem en iyi seçenektir.
Ancak, genellikle harita eklemeniz gereken bir web sitesi çalıştırıyorsanız, Bing Haritalarını eklemek için bir eklenti kullanmak daha kolay olacaktır.
Yapmanız gereken ilk şey, Ultimate Maps by Supsystic eklentisini kurmak ve etkinleştirmektir. Ayrıntılı talimatlar için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakabilirsiniz.
WordPress blogunuza Bing haritalarını, Leaflet haritalarını ve diğer Google Haritalar alternatiflerini yerleştirmenize izin veren ücretsiz bir WordPress harita eklentisidir.
Bu eklentiyi Bing haritalarıyla kullanmak için bir Bing Map API Anahtarına sahip olmanız gerekir.
Bing Maps Dev Center web sitesinde bir hesap oluşturmanız yeterlidir. Zaten bir Microsoft hesabınız varsa, hesap kimlik bilgilerinizle oturum açmanız yeterlidir.
Hesabınıza giriş yaptıktan sonra, ‘Hesabım’ menüsünü tıklamanız ve ‘Anahtarlarım’ seçeneğini seçmeniz gerekir.
Bir sonraki ekranda, bir anahtar oluşturmak için web sitesi bilgilerinizi doldurmanız gerekir.
Bundan sonra, bir kutuda ‘Anahtar başarıyla oluşturuldu’ mesajını ve anahtar ayrıntıları görebilirsiniz.
‘Anahtarı kopyala’ bağlantısını veya ‘Anahtarı göster’ bağlantısını tıklayıp Bing Haritalar API anahtarını kopyalayabilirsiniz.
Bundan sonra, anahtarı eklenti ayarlarınıza yapıştırmanız gerekir.
Kontrol panelinizden Supsystic »Ayarlar’a Göre Ultimate Maps sayfasını ziyaret edin ve harita motorunuz olarak ‘Bing Microsoft’u seçin. Bundan sonra, daha önce kopyaladığınız API anahtarını Bing Maps API anahtarı alanına yapıştırın.
Eklenti ayarlarınızı kaydetmeyi unutmayın.
Bundan sonra, Supsystic’e göre Ultimate Maps »Marker Kategorileri» Kategori Ekle’yi ziyaret ederek işaretçi kategorileri eklemeniz gerekir.
İhtiyaç duyduğunuz kadar işaretçi kategorisi oluşturun.
Ardından, yeni bir harita oluşturmak için Harita Ekle menüsünü tıklayın. Haritanız için bir ad girin, haritanın genişliğini ve yüksekliğini tanımlayın, gezinme çubuğu modunu seçin, vb.
Ayrıca haritayı sürüklenebilir hale getirmek için seçenekleri yapılandırabilir, yakınlaştırmak için çift tıklamayı kullanabilir ve daha fazlasını yapabilirsiniz. Hepsinden önemlisi, harita merkezinde görüntülenecek konumu girin.
Ardından, aşağı kaydırın ve aşağıda daha fazla seçeneği yapılandırın. Tamamlandığında, harita önizleme kutusunun altındaki ‘Haritayı Kaydet’ düğmesini tıklayın.
Bundan sonra, haritanızdaki ana konum noktalarını göstermek için işaretçiler ekleyebilirsiniz. İşaretçiler sekmesine tıklayın ve ardından yapımcınız için bir ad ekleyin.
Yerin veya kuruluşun adını işaret adı olarak kullanabilirsiniz.
Örneğin, bir işaret adı olarak ‘Florida Üniversitesi’ni kullandık çünkü demo haritamızda Florida’daki en iyi kolejlerden bazılarını göstermek istiyoruz.
Bundan sonra, resimle birlikte işaretçi açıklama metni ekleyebilirsiniz.
Aşağı kaydırın ve yeni işaretçiniz için bir simge seçin. Ardından, işaretleyiciyi işaret etmek için adresi girmeniz gerekir. Ve ayrıca işaretçi kategorisini seçin.
Diğer tüm seçenekleri gözden geçirin ve ardından ‘İşaretçiyi Kaydet’ düğmesini tıklayın.
Aynı adımları izleyerek daha fazla işaretçi ekleyebilirsiniz.
İşaretçileri ekledikçe, onları önizleme kutusunda canlı olarak önizleyebilirsiniz. Haritanızdan memnun olduğunuzda, üstteki ‘Harita kısa kodu’ seçeneğine gidin ve kısa kodu kopyalayın.
Bundan sonra, yeni Bing haritanızı yerleştirmek için yeni bir sayfa oluşturun veya mevcut bir sayfayı düzenleyin.
Sayfa düzenleyicisine girdikten sonra, Yeni Blok Ekle simgesine tıklayın ve Widget’lar bölümünün altındaki Kısa Kod bloğunu seçin.
Şimdi daha önce kopyaladığınız Bing haritası kısa kodunu yapıştırmanız gerekiyor.
Bittiğinde, sayfanızı kaydedin veya yayınlayın ve web sitenizde Bing haritasının nasıl göründüğünü önizleyin.
Gömülü Bing haritasının demo web sitemizde nasıl göründüğü aşağıda açıklanmıştır.
Bu makalenin, Bing Haritalarını WordPress’e nasıl kolayca yerleştireceğinizi öğrenmenize yardımcı olacağını umuyoruz. WordPress blog yazılarına gerçek tweetleri nasıl yerleştireceğinize dair rehberimizi de görmek isteyebilirsiniz.
