WordPress’te birçok konumla bir harita nasıl yapılır
Şehirde zaten birkaç şubesi olan bir işletmeniz olduğunu ve şubenin yerini gösteren bir dijital harita yapmak istiyorsunuz. WordPress tabanlı bir web siteniz varsa, bunun gibi bir harita kolayca yapabilirsiniz. Birçok konuma sahip bir harita yapmak için kullanabileceğiniz harika bir eklenti var: Essential Addons. Essential Addons’ın kendisi premium bir eklenti Elementor’dur, bu nedenle kullanmadan önce Elementor’u yüklemeniz gerekir. Temel eklentilerle bir harita oluşturmak için ücretsiz Elementor’u kullanabilirsiniz. Essential Addons’ın ücretsiz versiyonu da mevcuttur. Ancak, haritalar yapmak için widget’lar yalnızca ücretli sürümde mevcuttur. Temel eklentilerin ücretli sürümünü resmi web sitesinden indirebilirsiniz.
Essential Addons kullanarak WordPress’inize bir harita oluşturmak için Google Haritalar platformunu kullanacağız. Başlamadan önce Elementor ve Essential Addons’ı kurduğunuzdan emin olun. Google haritalarını temel eklentilerle entegre edin, Google haritalarından temel eklentilerle bir harita eklemeden önce, önce entegre etmelisiniz. Google haritalarını temel eklentilerle entegre etmek için bir yangın anahtarına ihtiyacınız var. İlk olarak, Google API konsolunu ziyaret edin ve Google hesabınızla giriş yapın. Üst taraftaki Heeded römorkör menüsüne tıklayarak ve yeni projeye tıklayarak yeni bir proje oluşturun.
Coğrafi kodlama ateşi
API JavaScript haritası
Ateş nerede
Yangını etkinleştirmek için etkinleştirmek istediğiniz ateşi seçin (tıklayarak) ve Etkinleştir düğmesini tıklayın.
Gerekli yangını etkinleştirmeyi bitirdikten sonra API, API Geocoding, JavaScript API haritaları ve API yerleştirmeleri), Google API konsolunun ana gösterge tablosuna geri döndü ve sol paneldeki kimlik bilgilerini tıklayın. Kimlik Bilgisi düğmesini tıklayın ve API tuşunu seçin. Görünen açılır pencereye yangın anahtarını kopyalayın. WordPress Gösterge Tablonuzu girin ve sol paneldeki Essentials eklentilerini tıklayın. Öğe sekmesini tıklayın ve Gelişmiş Google Harita bölümüne gidin. Ayarları tıklayın ve kopyaladığınız yangın kilidini yapıştırın. Yeni değişiklikler uygulamak için Ayarlar Kaydet düğmesini tıklayın. Google haritaları ve temel eklentiler entegre edildikten sonra harita yapmaya başlayın, bir harita yapmaya başlayabilirsiniz. Bunu yapmak için yeni bir sayfa (sayfa -> yeni ekle) veya yeni bir gönderi (yayınlar -> yeni ekle) oluşturun ve Elementor ile düzenleyin. Bir sayfa oluşturmadan önce, ayar panelini açmak için sol alt köşedeki dişli simgesini tıklayarak sayfanın düzenini ayarlayın. Sayfa Düzeni bölümündeki sayfa düzenini ayarlayın. Tuval alanındaki Plus düğmesini tıklayarak yeni bir bölüm oluşturun. Haritalar için daha geniş bir alana sahip olmak için tek bir sütun yapısı seçebilirsiniz. EA Google harita widget’ını sol panelden tuval alanına sürükleyin. Sol panele gidin ve harita türünü çoklu işaretleyiciye ayarlayın. Harita İşaretçisi Ayar seçeneğini açın ve düzenlemek için mevcut harita işaretleyicisini tıklayın. Haritaya eklemek istediğiniz ilk konumdan enlem ve boylamı yapıştırın. Ayrıca başlığı ve açıklamayı ayarlayın. Bir konumun enlemini ve boylamını elde etmek için Google Haritalar’ı açın ve enlemi ve boylamı elde etmek istediğiniz konumu (yeri) bulun. Bulduktan sonra, harita işaretçisini doğru tıklayın ve burada ne var? Google Haritalar sayfasının alt kısmında, seçiminiz için gerekli koordinatlarla birlikte açılır pencereyi göreceksiniz. Enlem (birinci değer) ve boylam (ikinci değer) kopyalayın. İlk konumdan enlem ve boylam eklemeyi bitirdikten sonra, haritanıza başka bir yer eklemek için öğeyi ekle tıklayın. Google haritalarını bir kez daha açın ve boylam ve boylam haritasına ve kopyasına eklemek istediğiniz yeni bir yer bulun ve yukarıdaki alanlarına yapıştırın. Haritaya başka yerleri eklemek için yukarıdaki adımları tekrarlayın. Bir yer eklemeyi bitirdikten sonra, haritanızda vermek istediğiniz kontrolü etkinleştirmek/devre dışı bırakmak için harita kontrol seçeneğini açın. Zoom seviyesini burada da ayarlayabilirsiniz. Kullanmak istediğiniz Google Haritalar temasını seçmek için harita teması seçeneğini açabilirsiniz.
Bu noktada, birkaç konumla bir harita yapmayı başardınız. Haritanın yüksekliğini ve genişliğini ayarlamak için Kuvvet sekmesini açabilirsiniz. Tam geniş bir haritaya sahip olmak istiyorsanız, haritayı tam geniş tutan parçayı ayarlayın. Bunu yapmak için bölümün sapını tıklayın. Düzen sekmesinin altındaki içerik genişliği bölümünde, tam genişliğe ayarlayın. Ayrıca kolum boşluğunu boşluk olarak ayarlayın. Sayfanızı vermek için sol panelin alt tarafındaki yayın düğmesini tıklayın. Örneğe bakın Haritayı normal bir sayfaya/gönderide sabitledi, bir nedenden dolayı, haritanızı normal bir sayfaya/gönderiye (varsayılan WordPress -Gutenberg editörü tarafından oluşturulan sayfalar/yayınlar) sabitlemeyi tercih ederseniz, Gutenberg Elementor eklentisi için blokları kullanabilirsiniz. Bu eklenti Elementor şablonunu Gutenberg bloğuna değiştirecektir. Daha fazla bilgi edinmek için bu makaleyi okuyabilirsiniz. Elementor şablonu olarak yeni oluşturduğunuz haritayı kaydetmek için, yayın/güncelleme düğmesinin yanındaki ok simgesini tıklayın ve Şablon olarak Kaydet’i seçin.
Şablonunuzu adlandırın ve Kaydet düğmesini tıklayın.
Ardından, yeni bir sayfa/gönderi oluşturun (önce Gutenberg için eklenti elementor bloklarını yüklediğinizden emin olun). Yeni bir blok ekleyin ve Elementor Kütüphanesi’ni seçin ve yeni oluşturduğunuz şablonu seçin. Not: EA Google harita widget’ını tuval alanına sürükledikten sonra harita yüklenmezse ve “yalnızca geliştirme amacıyla” mesajını görürseniz, Google bulut faturalandırmanızı etkinleştirdiğinizden emin olun. Yeni Google politikası, geliştiricilerin faturalandırma hesabını etkinleştirmesini gerektirir (yine de Google Haritalar API’sını ücretsiz kullanabilirsiniz). Sorunu çözmek için bu makaleyi okuyun.
