ile WordPress'te birden çok konuma sahip bir harita oluşturmak ister misiniz? Elementor ve Temel Eklentiler?
Halihazırda şehirde birkaç şubesi olan bir işletmeniz olduğunu ve bu şubelerin yerlerini gösteren bir dijital harita oluşturmak istediğinizi varsayalım. WordPress tabanlı bir web siteniz varsa, böyle bir haritayı zahmetsizce oluşturabilirsiniz. Çok konumlu bir harita oluşturmak için kullanabileceğiniz harika bir eklenti var: Temel Eklentiler.
Temel Eklentiler bir eklentidir Elementor premium olduğundan ayrıca yüklemeniz gerekir Elementor kullanmadan önce. Essential Addons modülüyle bir kart oluşturmak için Elementor'un ücretsiz sürümünü kullanabilirsiniz.
La Essential Addons'ın ücretsiz sürümü da mevcuttur. Ancak, bir harita oluşturmak için widget yalnızca ücretli sürümde mevcuttur. Essential Addons'ın ücretli sürümünü şu adresten indirebilirsiniz: resmi internet sitesi.
Temel Eklentileri kullanarak WordPress'inizde bir harita oluşturmak için Google Haritalar platformunu kullanacağız. Başlamadan önce Elementor ve Essential Eklentilerini kurduğunuzdan emin olun.
Google Haritalar'ı Essential Addons modülüyle entegre edin
Essential Addons ile bir Google Haritalar haritası ekleyebilmeniz için önce bunları entegre etmeniz gerekir. Google Haritalar'ı Essential Addons modülleriyle entegre etmek için bir API anahtarına ihtiyacınız var.
İlk önce şu adresi ziyaret edin: Google API Konsolu ve Google hesabınızla oturum açın. Üst kısımdaki açılır menüye tıklayarak yeni bir proje oluşturun ve üzerine tıklayın. YENİ PROJE.
Yeni projenize bir isim verin ve butona tıklayın CREATE .
Yeni projeniz oluşturulduktan sonra, açılır menüden projenizi seçin ve üzerine tıklayın. kütüphane sol panelde.
Google, Google Haritalar Platformu API'sini 17 türe ayırır. Linke tıklayarak onları görebilirsin TÜMÜNÜ GÖRÜNTÜLE bölümde Cartes. Neyi başarmak istediğinize bağlı olarak API'leri etkinleştirmeniz gerekir.
Ayrıca keşfedin: Elementor ile WooCommerce'de Özel Tek Ürün Şablonu Nasıl Oluşturulur
Bizim durumumuzda, Temel Eklentileri kullanarak Google Haritalar'dan bir harita eklemek için aşağıdaki API'leri etkinleştirmeniz gerekir.
- API Yönergeleri
- Coğrafi Kodlama API'sı
- Haritalar JavaScript API'sı
- Yerler API'si
Bir API'yi etkinleştirmek için, etkinleştirmek istediğiniz bir API'yi seçin (üzerine tıklayarak) ve düğmesine tıklayın ETKİNLEŞTİR.
Gerekli API'leri etkinleştirmeyi tamamladıktan sonra, Google API Konsolunun ana kontrol paneline dönün ve tıklayın Tanımlayıcılar sol panelde. butona tıklayın Kimlik bilgileri oluştur ve seç API anahtarı. Görünen açılır pencerede API anahtarını kopyalayın.
WordPress panonuza giriş yapın ve tıklayın Temel Eklentiler sol panelde. sekmeye tıklayın Elements ve bölümde aşağı kaydırın Gelişmiş Google Haritası. Tıklayın Ayarlar ve az önce kopyaladığınız API anahtarını yapıştırın.
butona tıklayın AYARLARI KAYDET Yeni değişikliği uygulamak için.
Haritayı oluşturmaya başlayın
Google Haritalar ve Temel Eklentiler entegre edildikten sonra, haritayı oluşturmaya başlayabilirsiniz. Bunu yapmak için yeni bir sayfa oluşturun (Sayfalar – > Ekle ) veya yeni bir makale (Öğeler – > Ekle) ve Elementor ile düzenleyin.
Sayfayı oluşturmadan önce, Ayarlar panelini açmak için sol alt köşedeki dişli simgesine tıklayarak düzeni ayarlayın. Açılır menüden düzeni ayarlayın.
Düzenleme kutusundaki artı düğmesine tıklayarak yeni bir bölüm oluşturun. Harita için daha geniş bir alana sahip olmak için tek sütun yapısını seçebilirsiniz. Widget'ı sürükleyin EA Google Haritalar sol panelden düzenleme alanına.
Sol panele gidin ve kart türünü şu şekilde ayarlayın: çoklu işaretçi.
Bölümü aç Harita İşaretçisi Ayarları ve düzenlemek için mevcut harita işaretçisine tıklayın. Haritaya eklemek istediğiniz ilk konumun enlem ve boylamını yapıştırın. Ayrıca başlığın yanı sıra açıklamayı da ayarlayın.
Bir yerin enlem ve boylamını öğrenmek için Google Haritalar'ı açın ve enlem ve boylamını almak istediğiniz konumu (yeri) arayın. Bulunduktan sonra, bağlamsal menüde görünen sayıya sağ fare tıklaması ve sol tıklama ile tıklayın.
Dolayısıyla bu eylem, enlemi (ilk değer) ve boylamı (ikinci değer) kopyalamanıza izin verir.
İlk konumun enlem ve boylamını eklemeyi bitirdiğinizde, düğmesine tıklayın. BİR ÖĞE EKLE Haritanıza başka bir konum eklemek için
Google Haritalar'ı tekrar açın ve haritaya eklemek istediğiniz yeni konumu bulun ve boylamı olduğu gibi boylamı da kopyalayın ve yukarıdaki gibi ilgili alanlara yapıştırın. Haritaya daha fazla konum eklemek için yukarıdaki adımları tekrarlayın.
Ayrıca Oku: Elementor'un Gönderi Widget'ı Nasıl Kullanılır?
Konum eklemeyi bitirdiğinizde bloğu açın Harita Kontrolleri kartınızda vermek istediğiniz komutları etkinleştirmek/devre dışı bırakmak için. Yakınlaştırma seviyesini buradan da ayarlayabilirsiniz.
Ayrıca bloğu açabilirsiniz. Harita Teması kullanmak istediğiniz Google Haritalar temasını seçmek için
Şimdiye kadar, birden çok konuma sahip bir haritayı başarıyla oluşturdunuz. sekmesini açabilirsiniz stil haritanın genişliğini olduğu kadar yüksekliğini de tanımlamak için.
Tam genişlikte bir haritaya sahip olmak istiyorsanız, haritayı içeren bölümü tam genişliğe ayarlayın. Bunu yapmak için, bölümün tutamacına tıklayın.
Sekmede ve blokta düzen İçerik genişliğini şu şekilde ayarla: Tam genişlikr ve Sütun boşluğu sapma yok
düğmesine tıklayın YAYINLANANSayfanızı yayınlamak için sol panelin altındaki ER.
Haritayı bir sayfaya veya gönderiye gömün
Herhangi bir nedenle haritanızı bir sayfa/yazıya (varsayılan WordPress — Gutenberg ile oluşturulan sayfa/yazı) düzenleyiciye yerleştirmeyi tercih ederseniz, WordPress Plugin Gutenberg için Elementor Blokları. Bu eklenti, bir Elementor şablonunu bir Gutenberg bloğuna dönüştürecektir.
Yeni oluşturduğunuz haritayı bir Elementor şablonu olarak kaydetmek için düğmenin yanındaki ok simgesini tıklayın. YAYIN / GÜNCELLEME ve seç Şablon olarak kaydet.
Modelinize bir isim verin ve butona tıklayın KAYIT YAPTIRICI.
Ardından, yeni bir sayfa veya gönderi oluşturun (yüklediğinizden emin olun). Elementor eklentisi Gutenberg için bloklar). Yeni bir blok ekleyin ve seçin Elementor kitaplığı ve az önce oluşturduğunuz şablonu seçin.
Remarque: Kart eklerken "Yalnızca geliştirme amaçlı" mesajı görürseniz Google Cloud faturalandırmanızı etkinleştirdiğinizden emin olun. Yeni Google politikası, geliştiricilerin faturalandırma hesabını etkinleştirmesini gerektirir (Google Haritalar API'sini ücretsiz olarak kullanmaya devam edebilirsiniz).
Şimdi Elementor Pro'yu Alın !!!
Sonuç
Yani ! Elementor ile birden çok konuma sahip bir haritayı nasıl oluşturacağınızı gösteren bu makale bu kadar. Oraya nasıl ulaşacağınızla ilgili endişeleriniz varsa, onlara Yorumlar.
Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.
Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...
