WordPress İletişim Sayfanıza Nasıl Harita Eklenir?

Bir WordPress iletişim sayfasına nasıl harita ekleyeceğiniz hakkında bir giriş yapmak istediğinizi varsayarsak: WordPress iletişim sayfanıza bir harita eklemek, konumunuzu ziyaretçilerinize görsel olarak göstermenin harika bir yoludur. Ne tür bir harita kullanmak istediğinize ve haritanın görünümü üzerinde ne kadar kontrol istediğinize bağlı olarak, iletişim sayfanıza harita eklemenin birkaç farklı yolu vardır. Bu makalede, Google Haritalar widget'ını kullanarak WordPress iletişim sayfanıza nasıl harita ekleyeceğinizi göstereceğiz.

Bu bölümde, iletişim formu 7 eklentisini ve tema iletişim şablonumuzu kullanarak WordPress'te nasıl bir iletişim sayfası ve harita sayfası oluşturacağınızı göstereceğiz. Etkili olması için WordPress sitenizde Contact Form 7 eklentisinin kurulu ve etkinleştirilmiş olması gerekir. Harita yerleşik iframe'ini Google Haritalar Görsel Bestecisi'nde oluşturmak için neye ihtiyacım var? WordPress temalarıyla nasıl bir iletişim sayfası ve harita oluşturabileceğiniz aşağıda açıklanmıştır. Müşteri desteği, Visualmodo Ödüllü personel tarafından haftanın yedi günü, günde 24 saat sağlanır. Enlem/boylamınızı bulmak ve adresinizi enlem/boylam'a dönüştürmek için http://www.latlong.net/convert-address-to-lat-long.html adresine gidin. Ayrıca, bilgisayarınızdaki kişi haritası seçenekleri alanına girmek için bir Google Haritalar API anahtarı oluşturmanız gerekir.

WordPress'e Harita Ekleyebilir miyim?

WordPress ile web sitenize kolayca Google Haritalar ekleyebilirsiniz. Açtığınızda Google Haritalar'da bulduğunuz konum kodunu kopyalayın ve Google Haritalar alanına adresinizi girin, ardından WordPress düzenleyicisine yapıştırın.

WordPress'e harita eklemenin en iyi yolu, bunu basit bir şekilde yapmaktır. Eklenti, web sitenize manuel olarak bir Google Haritası eklemek veya kendi başınıza bir tane oluşturmak için kullanılabilir. Google API, tartışacağım hemen hemen tüm Google harita eklentileri için gereklidir. Belirli bir bölüme atlayın veya aşağıdaki bağlantıya tıklayarak makalenin tamamını okuyun. API anahtarı gerektiren çok çeşitli eklentileri inceleyeceğiz. Bunu sınırlayarak, insanların WordPress web sitelerinde API anahtarınızı kullanmasını engelleyebileceksiniz. Eklentisiz gitmenizi ve web sitenize bir Google Haritalar resmi eklemenizi tavsiye ederim.

WP Google Haritalar eklentisi , WordPress yayınlarına ve sayfalarına Google haritaları eklemeyi kolaylaştırır. Google Haritalar için Haritalar Widget'ları ile dakikalar içinde Google Haritalar için ışık kutusu içeren bir küçük resim haritası oluşturabilirsiniz. Özel Google harita boyutları, harita türleri (ör. yol haritaları), renk şemaları ve özel harita pin simgeleri mevcut özellikler arasındadır. Supsystic Ultimate Maps, Bing Maps'e ek olarak Bing Maps, OpenStreetMap, Leaflet, Mapbox ve Thunderforest gibi alternatif harita seçeneklerini destekler. Eklenti, Studio Styles ve GL JS kitaplığı gibi Mapbox hizmetlerini kullanır. Etkileşimli haritalar görüntüleyen bir WordPress sitesi oluşturmak için Etkileşimli Coğrafi Haritalar eklentisini kullanabilirsiniz. WP Store Locator eklentisini kullanarak mağaza konumlarını kolayca haritalayabilirsiniz.

Eklentiler, haritanın görünümünü özelleştirmenize, giriş alanları için özel etiketler sağlamanıza ve sonuçları yarıçapa göre filtrelemenize olanak tanır. Esnek Harita ile kısa kodlu bir WordPress web sitesine Google Haritalar eklemek kolaydır. Android Market'te bulunan Stellar Places eklentisi, Google Haritalar tabanlı konumlar oluşturmanıza, yönetmenize ve görüntülemenize yardımcı olmayı amaçlamaktadır. Ayrıca, bir sürükle ve bırak işareti kaldırma özelliği ve aralarından seçim yapabileceğiniz sınırsız sayıda harita içerir. Kaydettiğiniz KML dosyası, bir haritayı görüntülemek için merkez koordinatları, sokak adresleri ve URL'ler de içerebilir.

WordPress'te Özel Bir Google Haritasını Nasıl Oluştururum?

Eklentiler'e tıkladığınızda, yeni bir özellik ekleyin. Bir eklenti arıyorsanız, lütfen Snazzy Maps adını arama kutusuna yazın. Bulduktan sonra, Yükle düğmesine tıklamanız yeterlidir; etkinleştirilecektir. Artık Görünüm altından erişmek mümkündür.

WordPress'e Nasıl Harita Simgesi Eklerim?

WordPress'e bir harita simgesi eklemek iki adımlı bir işlemdir. Öncelikle, beğendiğiniz bir harita simgesi bulmanız ve bilgisayarınıza indirmeniz gerekir. İkinci olarak, harita simgesini WordPress sitenize yüklemeniz ve menünüze eklemeniz gerekir.

Özel işaretçi simgeleri, web sitenizin haritasını kişiselleştirmenin mükemmel bir yoludur. Haritanızda özel işaretçileri kullanmanın üç yolunu burada bulabilirsiniz. Simge, Özel İşaretleyici ve Yeni İşaretçi kategorilerinin tümü değiştirilebilir. Maceraperest hissediyorsanız, ücretsiz bir Google Haritalar simgeleri seti alabilirsiniz. Ardından Yeni Kategori Ekle bölümünde Yeni Kategori Ekle düğmesini tıklayın. URL'sini girerek veya Görüntü Yükle düğmesini kullanarak Ortam Kitaplığına bir görüntü yükleyerek bir işaretçi simgesi seçebilirsiniz. Kullanılacak bir simge seçerseniz, aşağıdaki ekran görüntüsünde gösterildiği gibi Retina Hazır geçişi etkinleştirilebilir.

Harita Html ile İletişim Sayfası

Harita html içeren bir iletişim sayfası, ziyaretçilerinize sizinle iletişim kurmanın bir yolunu sağlamanın mükemmel bir yoludur. Adlarını, e-postalarını ve mesajlarını içeren bir form doldurmalarına olanak tanır. Ayrıca nerede olduğunuzu görebilmeleri için bir harita sağlar.

Bu alıştırmada, bir iframe haritası kodlayacak ve ayrıca önceki derslerde öğrendiğiniz kavramları videoyu izleyerek gözden geçireceksiniz. HTML sayfamızdaki bir çerçevenin içine başka bir HTML sayfası yüklemek için uzun kod parçacığındaki iframe öğesini kullanırız. Başlamak için, İletişim Formu yorumumuzdaki tüm giriş formlarını saracak bir form öğesi oluşturmamız gerekecek. İşlevsel bir açılış form elemanı oluşturmak için iki eleman eklemeliyiz. Yaptığımız ilk işlem, formun giriş bilgilerini nereye göndereceğidir. Bir kullanıcı tam adını vermeden formu göndermeye çalıştığında, onları bilgilendirmek için 4. satırda gerekli bir özniteliği kullanırız. Formu göndermek için gerekli özelliğin mevcut olması gerekir.

Bu işlevsellik bizim için HTML5'e dönüştürülmüştür. 11. satıra son girdimizi girdiğimizde, gönderilecek bir form düğmesi var. Gönder butonumuza tıkladığımızda görünen metin, değer özelliğinde görülebilir.

WordPress Altbilgisine Google Haritası Nasıl Eklenir

Web sitenizin yönetici hesabına giriş yaparak Google Harita Kodunun yanı sıra Google Haritalar verilerini de girebilirsiniz. Widget alanı 1'in altında, altbilgi alanı 1'i bulacaksınız. Altbilgi widget Alanı İki veya Altbilgi Widget Alanı Üç'ü de kullanabilirsiniz.

Google Haritalar, tüm platformlarda bulunan en popüler navigasyon uygulamasıdır. Fiziksel bir mağaza adresiniz varsa, WordPress web sitenize Google Haritalar eklemek, kullanıcıların ofisiniz veya perakende mağazanız gibi konumlarınızı bulmasını kolaylaştırabilir. Bunu, sitenizin arama motoru görünürlüğünü iyileştirmek ve siteye daha fazla trafik çekmek için de kullanabilirsiniz. Hepsi Bir Arada SEO (AIOSEO) kullanmak, web sitenize Google Haritalar eklemenin en etkili yoludur. Bunu kullanarak, hiçbir şey kodlamanıza gerek kalmadan SEO sıralamalarınızı iyileştirebilirsiniz. AIOSEO'yu kurduktan sonra, Google Haritalar'a tek bir konum veya birden çok konum ekleyebilir ve bunları görüntüleyebilirsiniz. Birden fazla fiziksel konumunuz varsa, Yerel SEO'nun 'Konum' sekmesi altındaki 'Birden Çok Konum' seçeneğini etkinleştirmelisiniz.

Google Haritalar Platformu, ilk 300 ABD doları kullandıkça öde temelinde harcanacak şekilde herkes tarafından ücretsiz olarak kullanılabilir. El ile ücretli bir hesaba dönüştürmezseniz sizden herhangi bir ücret talep etmezler. Bir Google Haritalar API anahtarı oluşturduktan sonra, AIOSEO Yerel SEO'da harita ayarlarını düzenlemeniz gerekir. Google Haritalar bloğu , kısa kod, widget veya PHP kodu sürece dahildir. Ayrıca haritanıza özel bir işaretçi eklemenize ve çeşitli harita stilleri arasından seçim yapmanıza olanak tanır. Ayarlarınızı doğruladıktan sonra sayfayı yayınlamaya başlayabilirsiniz. WordPress sitenizin Görünüm bölümü, sitenize Google Haritalar eklemek için kullanılabilir.

Bu kategori, WordPress widget panellerini içerir. ” seçeneğine tıkladığınızda, 'AIO Yerel – Harita' widget bloğu görünecek ve widget ekranında konumunuzu görebileceksiniz. Daha sonra widget için ayarları seçebilirsiniz. Birden fazla konumunuz varsa bir başlık ekleyebilir, haritanın genişliğini ve yüksekliğini değiştirebilir veya haritaya bir konum ekleyebilirsiniz.

WordPress'e Google Harita Kısa Kodunu Nasıl Eklerim?

WordPress sol menüsünün Google Haritalar bölümü, Sayfaları Düzenle'ye tıklanarak düzenlenebilir. Gelişmiş Google Haritalar kısa kodundaki Düzenle düğmesini tıklayarak 2HOVER işlemini geri alabilirsiniz. Google Haritalar Ayarları ile yeni bir açılır pencere belirir. 4 Bu sayfada Google Haritalar kısa kodunu çeşitli şekillerde ayarlayabilirsiniz.

WordPress Sitenize Harita Eklemek İçin 5 Adım

İstediğiniz harita temasını seçin. Mevcut farklı harita temalarının sayısı, durumunuza en uygun olanı seçmeyi zorlaştırabilir. Platformda yerleşik olarak bulunan WordPress tabanlı bir harita temasıyla başlamak en iyisidir. Alternatif olarak, kendi harita temanızı oluşturabilir veya ücretsiz bir tane bulabilirsiniz. Seçtiğiniz bir harita sağlayıcısı olmalıdır. Bir harita teması seçtikten sonra, seçtiğiniz harita sağlayıcısına ihtiyaç duyulacaktır. Bu kadar çok sağlayıcı olması, sizin için doğru olanı seçmeyi zorlaştırıyor. Bir satın alma yapmak istiyorsanız, ücretsiz denemeler için sağlayıcılara göz atmalısınız. Kodu bu gönderiye gömebilirsiniz. Gönderinize veya sayfanıza yerleştirme kodunu eklemek için düzenleme panelinde harita adının yanındaki menü simgesini tıklayın. Şimdi katıştırılmış kodu kopyalayıp yapıştırmalısınız. Haritaya gidin. Haritayı gönderinize veya sayfanıza bir kez eklemeniz yeterlidir. Bunu yapmak için haritanın simgesinden 'Bu haritayı göm'ü seçin ve ardından ona dokunun. 3. adımda, kopyaladığınız gömme kodunu göreceksiniz. Bu kodu gömme kodu alanına yapıştırdıktan sonra, gömme kodu alanı görünecektir. Harita çalışmıyorsa, deneyin. 'Canlı ön izleme' butonuna tıkladıktan sonra, harita otomatik olarak görüntülenecek ve doğru olup olmadığını anlayabileceksiniz. Her şey yolunda giderse süreç tamamlanır.

İletişim Formu Haritası Hazır

Bir iletişim formu haritası , bir harita ile kullanılmak üzere tasarlanmış bir iletişim formu türüdür. Form, kullanıcının adı, e-posta adresi ve mesajı için alanlar içerir. Form ayrıca kullanıcının bulunduğu alanın haritasını da içerir. Harita, kullanıcının konumuyla otomatik olarak doldurulur ve kullanıcı daha sonra harita üzerinde belirli bir konumu seçebilir.

Bir iletişim formu doldurarak, kullanıcılar hemen size ulaşabilir. Bir iletişim formu, kullanıcı bilgilerini talep etmenize veya kontrol etmenize olanak tanır. Basit bir iletişim formu, bir müşteri adayının dönüştürülme şansını artırabilir. Google Haritalar'ı İletişim Formu 7'yi kullanarak bir iletişim formuna eklemek için önce WordPress eklentisi için Google Haritalar Uzantısını indirmeli ve bu eğitimdeki talimatları izlemelisiniz. İletişim Formu 7, web sitenizi geliştirirken bir iletişim formu olarak iyi bir seçimdir. Özellikle kodlama konusunda yeniyseniz, hızlı bir şekilde başlamak için bu eklentiyi kullanabilirsiniz. CF7 için Google Haritalar Uzantısı ile CF7 formunuza bir harita alanı ekleyin.

İletişim Formu 7, şuna benzeyen, kullanıma hazır bir şablonla önceden yapılandırılmıştır: Google Haritalar düğmesini tıklarsanız, bir harita alanı ekleme seçeneğiyle birlikte görüntüleyen bir açılır pencere belirecektir. Ziyaretçiler, üzerine işaretçiler koyarak veya arama özelliğini kullanarak konumlarını bulabilirler. Her form, onu bir sayfaya gömmek için kullanılan bir kısa kod içerir.