Divi eklentisi spot ışığı – Modül harita tarafından genişletildi
Divi Builder’ın Divi tasarımınızda Google Haritalar’ı görüntülemenizi sağlayan bir harita modülü vardır. Bu iyi çalışır ve standart bir Google haritası istiyorsanız, ancak stilde ayarlamalar yoksa iyi bir seçimdir. Google Haritalarınızı düzenlemek istiyorsanız, Divi haritası gibi bir şeye ihtiyacınız var. Divi Map Extended, Divi Builder’a Divi Builder tabanlı bir web sitesi ile çalışan yeni bir modül ekledi. Bu, birçok harita stili ekler, harita türünü seçmenize, kendi PIN simgeni yüklemenize, haritanın yüksekliğini ayarlamanıza ve kendi bilgi kutusu içeriğinizi oluşturmanıza olanak tanır.
Divi haritası genişletilebilir: diviwebdesign.com. Genişletilmiş harita modülüne bakmadan önce, karşılaştırma için standart divi harita modülüne bakalım. Standart divi harita modülü
Pin yapmak İstediğiniz haritayı görüntülemek için harita merkezi adresini ekleyin. Bu haritaya birkaç pim ekleyebilirsiniz, her PIN farklı bir konuma ve bilgiye sahiptir. Haritanız için bir PIN oluşturmak için, harita modülüne yeni bir pim ekle seçin. Burada başlık pimini verir ve adresi seçersiniz. Başlık, ziyaretçiler fareyi pime yönlendirdiğinde görünecektir. Pimi, adresi girerek veya haritada istediğiniz yere sürükleyerek ve bırakarak yerleştirebilirsiniz. PIN, konumun ve adresin adını otomatik olarak görüntüler. PIN Bilgisi kutusunun içeriğini de belirleyebilirsiniz. Bu, Google Harita Varsayılan bilgilerini kullanmak yerine özel içerik oluşturmanıza olanak tanır. WYSIWYG düzenleyicisine bilgi kutusuna içerik ekleyin. Tıpkı sayfalar için içerik oluşturmak ve WYSIWYG Editor ile yayınlamak gibi, medya, metin veya diğer içerik yerleştirebilirsiniz. Bu örnekte göstermek istediğim metin ve resimleri ekledim. İşte sayfadaki harita ekranı Divi kütüphanesinden bize ulaşın. Bu örnekte bir PIN yerleştirdim ve bilgi kutusunun içeriğini tanımladım. Gelişmiş Tasarım Ayarları Gelişmiş tasarım ayarları size gri ölçekli bir filtre verir. İstediğiniz gri ölçek ekranını almak için filtre sayısını seçebilirsiniz. Gri ölçek, renginizi öne çıkarmak veya rengi azaltmak için yararlıdır. Bu, renk web sitenizin stiliyle eşleşmiyorsa veya haritanın öne çıkmak yerine karışmasını istiyorsanız da yardımcı olabilir. Yukarıdaki örnekte iki pim yerleştirdim ve gri ölçeği yaklaşık%70’e ayarladım. Standart harita modülü size haritayı belirlemek ve birçok pimi yerleştirmek için bir araç sağlar. Bilgi kutusu için kendi içeriğinizi bile oluşturabilirsiniz. Haritanızla haritaları, pimleri veya içeriği ayarlamak gibi daha fazla şey yapmak istiyorsanız ne olur? Genişletilmiş harita modülüne bakalım ve neler yapabileceğini görelim. Uzatma Modülü Genişletilmiş Harita Haritası, Standart Harita modülü üzerine oluşturulmuştur ve size haritanızı daha fazla ayarlamak için bir araç sağlar. Instalasis Eklentinizi yüklemeden önce önce unklip indir dosyaları olmalısınız. İçinde dokümantasyon ve zip eklenti dosyaları bulacaksınız. Bu yükleyeceğiniz dosyadır. Bu dosyayı her zamanki gibi yükleyin ve yükleyin.
Divi Yapım Modülü Genişletilmiş harita modülü Divi oluşturucuya eklenir ve herhangi bir modülle aynı şekilde kullanılır. Tanıma kolay çünkü modül parlak sarı. Bu, standart ve özel parçalarla kullanılabilir. Genel Ayarlar
Genel ayarlar, kontrolü göstermek için ek olmak dışında standart divi harita modülü ile aynı işlev görür. Bu, zoomlar, harita türleri ve yürüyüş yolları gibi varsayılan kontrolleri devre dışı bırakmanızı sağlar. Kontrolü devre dışı bırakmazsanız, en azından gelişmiş tasarım ayarlarını görene kadar harita aynı görünüyor. Gelişmiş Tasarım Ayarları Gelişmiş tasarım ayarları farklı modüllerin ikinci yeridir. Bu, harita seçenekleri, harita türleri, varsayılan görüntüleme seçenekleri, animasyon, harita yüksekliği ve birçok yazı tipi stili için seçenekler içerir. Harita seçeneği Sadece gri ölçek seçenekleri değil, bu modül Google Haritalar için farklı bir stil sağlamak için şık haritalar verileri kullanır. Başlangıçta bir seçeneğimiz olduğu yerde, şimdi 70’den fazla var. Çoğu tekrar renkli ama bazı etiketler vb. Her şey haritada yeni bir görünüm verir. Bazıları diğerlerinden daha aşırı ve bazıları belirli haritalarla daha iyi çalışıyor. Bazı örneklere bakalım. Midnight Commander Buna gece yarısı komutanı denir. Tüm toprak ve koyu mavi su. Daha büyük bir yol vurgulanır. Etiket açık kahverengi ve iyi çıkıntı yapıyor. Karanlık görünse de, bu temiz ve gezinmesi nispeten kolaydır. Mondrian Buna Mondrian denir. Toprak elemanları için açık mavi su, siyah yollar ve mavi, kırmızı, sarı ve bej kullanılır. Bu bir etiket göstermez. Kaplamak
Cladme, su, toprak, yol ve etiket göstermek için sadece birkaç renk kullanır. Sadece birkaç renkle bile okumak ve takip etmek kolay hissediyorum. Portakal Turuncu esas olarak su ve ana yollar için turuncu renklere odaklanır. TAN toprak için kullanılırken, daha küçük yollar genç kahverengidir. Parlak ve Kabarcık Parlak ve kabarcıklı birçok rengi mavi, kırmızı, kahverengi, kahverengi ve yeşil kullanır. Siyah, küçük yolun adı için kullanılırken, alan beyaz bir çizgi ile kırmızı bir çizgi ile etiketlenir. Harita türü
Varsayılan harita türünü ayarlayabilirsiniz. Kontrolü devre dışı bırakırsanız, okuyucunuz bunu değiştiremez. Aralarından seçim yapabileceğiniz dört tür harita vardır: Yol haritası Uydu Melez
Medan
Harita stilleri ve harita türlerinin çeşitli kombinasyonları bazı ilginç tasarımlar yapabilir. En uygun kombinasyonu bulmak için denemeniz gerekebilir. Aşağıdakiler, dört harita türü ile birlikte vintage harita seçeneğinin görüntülenmesidir. Yol haritalarıyla vintage sadece yolu gösterir.
Bu uydu ile vintage. Uydu harita kuvvetinden etkilenmez, bu yüzden aynı görünecektir.
Hibrit çizgiler yol verileri uydu görüntüleri. Bu, hibrit haritanın üzerinde vintage bir stil kullanır.
Bu arazide vintage. Bu alanı yol görünümüne ekledi. Yüklenirken bilgi penceresini gösterin
Genişletilmiş haritanın bir diğer avantajı, yaptığınız her PIN için kendi PIN simgeni yükleme yeteneğidir. Pin’in genişliğini ve yüksekliğini aynı simgeyi kullanırsanız, gerekirse boyutu değiştirebilecek şekilde ayarlayabilirsiniz. Örneğin, birden fazla konuma sahip bir mağazanız varsa, diğerlerinden daha büyük bir yer için bir simge, en büyük veya ilk konum olduğunu göstermek için bir simge yapabilirsiniz. Ağaç ve arazi haritası türü. . Üst simge dairesel olduğundan, boyutunu ayarlamalıyım veya çok dar görünecek. Farkı göstermek için varsayılan olarak alt simgeyi bıraktım. Standart harita modüllerinin örnekleri sadece gri ölçek ayarlarına sahiptir, bu nedenle tasarım açısından yapabileceğimiz çok şey yoktur. Harita sadece sitede, bazen hiç uyuşmaz. Genişletilmiş bir harita ile, tüm harita stilleri ve yazı tipi stili seçenekleri bize web sitesine uyacak haritalar düzenlemek için bazı iyi fırsatlar sunar. Birkaç örnek aldım. Bu örnek için görüntüler unssplash.com’dan alınmıştır. Plaj düğünü İşte plaj düğünü için bir web sitesi örneği. Düğün web sitesi belirli renkler ve yazı tipleri gerektirir ve ayrıca konuklarınızın doğru yeri bulmasına yardımcı olmak için Google Haritalar’dan da yararlanırlar. Haritayı düzenleyemediğiniz sürece, yerinde görülmez. Bu hafif tek renkli harita kuvveti kullanır. Font, sitenin diğer bölümüyle aynı stili kullanır. Bilgi kutusu yüklendiğinde açılacak şekilde ayarlanır. Dış restoran Bu örnek, metin, görüntüler ve haritalar içeren bir paralaks arka plan kullanır. Harita kuvveti pixmix. Yüklendiğinde bilgi kutusunu açacak şekilde ayarladım. Bilgi kutusu beyaz bir arka plan gösteriyor, ancak sitenin stiline uyum sağlamaya yardımcı olacak daha koyu bir arka plan istiyorum. Bilgi kutusunun arka planını düzenlemek için bir CSS satırı kullanıyorum. Harita yüksekliğini 600 piksele ayarladım. Bu ayrıca 32 × 32 piksel olarak ayarlanmış pimler (bıçak ve çatallı plakalar) için özel bir simgeye sahiptir. Tam Genişlik Haritası Standart iletişim düzeni tam genişlikte bir harita içerir. Tam geniş harita tam geniş parçalarda mevcuttur. Genişletilmiş harita modülü tam genişlik ile çalışmıyor, ancak onu tam olarak genişletmenin bir yolu var. Örnekte standart bölümü kullanarak üstümdeki bize ulaşın. Orijinal gibi görünmesi için bir sayfayı yeniden oluşturmak istiyorum. Tam geniş bir harita modülü, tam geniş bir parça ve tam geniş bir harita modülü divi kullanılarak orijinal sayfanın görünümüdür. Genişletilmiş modülü tam genişliğinde eşleştirin Bu, standart parça ve genişletilmiş harita modülünü kullanarak aynı etkidir. Çizgi ayarlarını tam genişliğe ayarlıyorum, hendek genişliğini 0 olarak ayarlıyorum ve üst, sağ, alt ve sol için 0 dolgu kullanıyorum. Sonuç, tam geniş bir harita ile aynı görünüyor. Bu, yol haritasına ayarlanmış varsayılan bir haritadır. İlave Bu ekstra ile çok iyi çalışıyor. Modül, standart harita modülü ile aynı reaksiyona girer, böylece divi veya ekstra kullansanız da aynı şekilde kullanabilirsiniz. Eklentinin lisansları, yenileme, destek ve belgeleri, siz ve müşterileriniz için sınırsız web sitelerinde kullanılabilir. Buna bir yıllık güncelleme ve altı aylık destek dahildir. Dokümantasyon bir indirme paketine dahildir. Bu, tarayıcınızdaki açık bir HTML dosyasıdır ve modülün nasıl yükleneceğini ve etkinleştirileceğini, harita stilinin nasıl yükleneceğini, yüklenirken bilgi penceresini açmayı, animasyonu kullanarak, özel simgeleri kullanarak ve yazı tipi ayarlarını ayarlayacağını gösterir. Ayrıca, tam geniş bir parça kullanmadan tam geniş bir harita yapmak için bir modülün nasıl kullanılacağı hakkında ayrıntılı bilgiler içerir. Bilgiler satır ayarlarını içerir, tam genişlik oluşturur, özel bir oluk genişliği kullanır ve özel bir yatak kullanır. Divi Map Extended’in Final Mind, standart Divi harita modülünde bulunmayan birçok tasarım özelliği sunar. Birkaç seçenek ve harita türü arasından seçim yapın, kendi bilgi kutusu içeriğinizi oluşturun ve sizi hissettirin, yüklendiğinde bilgi kutusunu görüntüleyin, kendi PIN’inizi ekleyin, PIN’i canlandırın, haritanın yüksekliğini belirleyin ve tam genişliğe sahip bir harita yapın . Tüm özellikler ve kullanım için sezgisel ayarlamalar. Divi modülünü kullanmakta rahat hissediyorsanız, bu modülle evde hissedeceksiniz. Divi tasarımınızda haritayı ayarlamanız gerekiyorsa, genişletilmiş Divi harita modülü dikkate almaya değer. Divi haritası genişletilebilir: diviwebdesign.com. Genişletilmiş divi haritasını kullandınız mı? Aşağıdaki yorumlarda bize fikrinizi söyleyin!
