Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor.

Son zamanlarda, kullanıcılarımızdan biri bize WordPress formlarındaki adres alanları için otomatik tamamlamayı nasıl ekleyeceğimizi sordu. Otomatik tamamlama, kullanıcıların yazarken gerçek zamanlı olarak oluşturulan önerilerin adresini hızla seçmelerine olanak tanır.

Bu eğiticide, WordPress'te adres alanları için otomatik tamamlamanın nasıl ekleneceğini göstereceğiz " Google API adresleri '.

Wordpress 1'e otomatik tamamlama nasıl eklenir

Yapmanız gereken ilk şey, eklentiyi yüklemek ve etkinleştirmek. " Otomatik Tamamlama, Google Yeri Api Kullanarak Adres ". Daha fazla ayrıntı için, adım adım kılavuzumuza bakın. WordPress eklentisi nasıl kurulur.

Etkinleştirmeden sonra konumu ziyaret etmelisiniz " Ayarlar> Google Otomatik Tamamlama Eklenti ayarlarını yapılandırmak için Sayfa.

Wordpress'te otomatik tamamlamayı yapılandırın

Google Rehber API anahtarını girmeniz istenecektir. Bu API anahtarı, Site Web Google Haritalar ile bağlantı kurmak ve gerçek zamanlı veritabanlarından öneriler almak için.

Git " Google Geliştirici Konsolu Yeni bir proje oluşturmak.

Google konsol geliştirir

Projeniz için bir isim vermenizi isteyen bir pencere açılacaktır. Projeyi daha sonra tanımlamanıza yardımcı olacak bir ad kullanın ve ardından "Oluştur" düğmesini tıklayın.

Pop-up kaybolacak, birkaç saniye bekleyip otomatik olarak yeni projenize yönlendirileceksiniz.

Artık projeniz için etkinleştirebileceğiniz Google API'lerin listesini göreceksiniz. Bulmanız ve tıklamanız gerekiyor " Google Rehber API web hizmeti '.

Google api anahtarlarının listesi

Elementor ile web sitenizi kolayca oluşturun

Elementor oluşturmanıza izin verir Kolay ve Ücretsiz profesyonel bir görünüme sahip herhangi bir web sitesi veya blog tasarımı. Kendiniz yapabileceğiniz bir web sitesi için çok fazla ödeme yapmayı bırakın.

Bu sizi, bu API'nin nasıl çalıştığını açıklayan bir önizleme sayfasına götürecektir. Devam etmek için "Etkinleştir" bağlantısını tıklamalısınız.

Google yer api web hizmeti modülü aktivasyonu

Geliştirici Konsolu projesi için Google API'leri Yeri etkinleştirin.

Ancak, API'yi sitenizde kullanmak için yine de kimlik bilgilerine ihtiyacınız olacak. Öyleyse devam edin ve devam etmek için kimlik bilgileri oluştur düğmesine tıklayın.

Kimlik bilgileri oluşturun

Bir sonraki ekranda, "Hangi kimlik bilgilerine ihtiyacım var" düğmesine tıklamalısınız.

İhtiyacım olan herhangi bir bilgi

Geliştirici Konsolu şimdi size API anahtarını gösterecek. Bu anahtarı kopyalamanız ve WordPress sitenizdeki ayarlara yapıştırmanız gerekir.

Google api anahtarı kopyalayın

Google Geliştiriciler projenizde her zaman başka bir API anahtarını etkinleştirmelisiniz. Google Geliştirici Konsolu'ndaki kütüphaneyi tıklayın ve ardından " Google Maps JavaScript API '.

Google haritalar javascript api

Bu sizi, devam etmek için "Etkinleştir" bağlantısını tıklamanız gereken "API'ye Genel Bakış" sayfasına götürecektir.

Google harita javascript api

Bu API'nin ek bir API anahtarına ihtiyacı olmadığı için artık devam etmeye hazırsınız.

Form alanlarında otomatik tamamlama nasıl etkinleştirilir

Form oluşturma eklentileri tarafından oluşturulan alanlara otomatik tamamlama işlevselliği ekleyebilirsiniz.

WPForms'ı bu derste kullanacağız. Ancak, bu eklenti hemen hemen herhangi bir form oluşturma eklentisi ile çalışabilir.

Önce bir adres alanı veya bir dizi adres alanı içeren bir form oluşturmalısınız.

İşiniz bittiğinde, bu formu Site Web normalde yapacağın gibi.

Ardından, formunuzu eklediğiniz makaleye veya sayfaya gidin. Alana sağ tıklamanız ve tarayıcı menüsünden "İncele" yi seçmeniz gerekir.

Wordpress formu wpforms adres alanı

Adres alanı için CSS sınıfının adını, kimliğini ve değerlerini göreceksiniz.

Örneğin, bu yakalamada, öznitelik adı " wpforms [alanlar] [9] [address1] Kimlik değeri " wpforms-352-field_9 Ve sınıf css " wpforms alan adres-address1 '.

Bu değerlerden yalnızca birini kopyalayıp, eklenti ayarları sayfasına yapıştırmanız gerekir.

Birden çok alanı birden fazla biçimde hedeflemek istiyorsanız, o zaman bir virgül ekleyebilir ve başka değerler ekleyebilirsiniz.

WordPress alanlarından adres ekleyin

«Düğmesine tıklamayı unutmayın Enregistrer Değişikliklerinizi kaydetmek için.

İşte bu, şimdi form sayfasını ziyaret edebilir ve bir adres girmeyi deneyebilirsiniz. Form alanı, Google Rehber ve Google Haritalar kullanılarak öneriler göstermeye başlayacaktır.

Google ve google harita konumu

Hepsi bu ders için, umarım WordPress alanlarına otomatik tamamlama eklemenizi sağlar.

%d bu sayfayı beğendi blogcular: