Bridge Temasını Kullanarak WordPress'te İletişim Formu Nasıl Kurulur

WordPress sitenize bir iletişim formu eklemek istiyorsanız, Bridge teması bunu kolaylaştırır. Bu makalede, Bridge temasını kullanarak WordPress'te nasıl iletişim formu oluşturacağınızı göstereceğiz. Öncelikle, Bridge temasını yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, bir WordPress temasının nasıl kurulacağına ilişkin kılavuzumuza bakın. Tema etkinleştirildiğinde, iletişim formunuz için yeni bir sayfa oluşturmanız gerekir. Bunu yapmak için WordPress yönetici alanınızda Sayfalar » Yeni Ekle'ye gidin. Ardından, sayfanız için bir başlık eklemeniz ve ardından “İletişim Formu Ekle” düğmesini tıklamanız gerekir. Bu, iletişim formunuzu yapılandırabileceğiniz bir açılır pencere açacaktır. İlk olarak, bir form şablonu seçmeniz gerekir. Bridge teması, aralarından seçim yapabileceğiniz dört varsayılan form şablonuyla birlikte gelir. Bir şablon seçtikten sonra, iletişim formunuza form alanları eklemeye başlayabilirsiniz. Bridge teması, ad, e-posta ve web sitesi gibi beklediğiniz tüm standart form alanlarını içerir. İstediğiniz tüm form alanlarını ekledikten sonra, iletişim formunuzu kaydetmek için “Kaydet” düğmesine tıklayabilirsiniz. Artık iletişim formunuz kaydedildiğine göre, onu WordPress sitenize yerleştirebilirsiniz. Bunu yapmak için, açılır pencerede görüntülenen kısa kodu kopyalayın ve iletişim formunuzun görünmesini istediğiniz sayfaya veya yayına yapıştırın. Bridge temasını kullanarak WordPress'te bir iletişim formu oluşturmak için gereken tek şey bu.

Herhangi bir web sitesinin bir iletişim formu içermesi çok önemlidir. Bu ağ, sağlayıcı ve müşteri arasındaki boşluğu doldurur. İletişim formu arayüzünü oluşturmak için bir WordPress şablonu oluşturdum. Bu adımın sonucunda admin panelini kullanarak iletişim sayfası şablonu oluşturuyorum. Temaya eklenebilecek bir widget oluşturmak için iletişim formu kullanılabilir. Kişi sayfaları, HTML ve CSS içeren kişi şablonu dosyası yardımıyla oluşturulabilir. Ad, e-posta vb. dahil olmak üzere formdaki tüm alanların doldurulması kolaydır.

Tüm alanlar zorunludur ve bunları doğrulamak için JavaScript kullanılır. Ayrıca, WordPress'in temel işlevlerinde WP_enqueue_script() kullanarak JavaScript varlıklarını sıralayabiliriz. php şablonu. Bu dosyanın başında yukarıdaki dosyada isimlendirilmiş bir iletişim şablonu bulunmaktadır. İletişim formlarından ve postadan gelen verileri işlemek için kodda WP_ajax eylem kancalarıyla bir bölüm tanımlanır. İletişim e-posta konusunu ve gövde içeriğini ayarlamak için form verilerini alır. Gönderici ve alıcı adresleri, posta başlığı ayarlandığında da ayarlanır. WordPress'te SMTP kullanarak e-posta gönderebilirsiniz.

İletişim Formunu WordPress'e Nasıl Entegre Ederim?

Contact Form 7, WordPress için en popüler iletişim formu eklentisidir . WordPress sitenize kolayca bir iletişim formu eklemenizi sağlar. İletişim Formu 7'yi WordPress eklenti deposu aracılığıyla veya eklenti dosyalarını WordPress sitenize yükleyerek kurabilirsiniz. Contact Form 7 yüklendikten sonra onu etkinleştirebilir ve WordPress sitenizde kullanmaya başlayabilirsiniz.

İşlem, bağlamı URL'deki GET değişkenlerinden çekecek dinamik bir metin alanı yaratacaktır (bir sonraki adım GET değişkenlerini oluşturmak olacaktır). Dinamik Metin alanı, WPCF7 Etiket Oluşturucu ile oluşturulabilir. Bir kısa kod oluşturun ve bunu bağlam gibi Form Metnine yerleştirin. Hemen formunuzu doldurabilirsiniz. Bir gönderi (veya sayfa) koleksiyonu ve bir kullanıcıdan iletişim bilgisi talebi, kullanıcının hangi sayfayı ziyaret ettiğini belirleyebilmelisiniz. Her sayfanın URL'sinde uygun değişkeni içeren bir bağlantısı vardır ve bu bağlantıyı ziyaretçilerinizi İletişim sayfasına yönlendirmek için kullanabilirsiniz. Özetlemek gerekirse, iletişim Formu yalnızca içerik değişkeninin iletilmesini gerektirir.

Aşağıdaki kodu hemen yazınıza veya sayfanıza koyun. [İletişim-form-7]'yi göndermenin yanı sıra [iletişim-form-7]'yi de doldurabilirsiniz. Kısa kodu yükler yüklemez sağlamanız gereken temel bilgiler gerekli olacaktır. İletişim formu sizden adınızı vermenizi isteyecektir. Bir e-posta adresi, iletişim formu verilerini göndermek için kullanılacak e-posta adresidir. İletişim formunu gönderdiğinizde, “Adres Talebi” konu satırına sahip bir e-posta alacaksınız. Bir iletişim formu gönderdiğinizde, bu mesajı alacaksınız. Ayrıca, iletişim formu verilerinin sağlanan bir URL kullanılarak gönderilmesi gerekecektir. Bu URL, formun görüntülendiği sayfada uygun sayfaya işaret etmelidir. Tüm bilgilerinizi doldurduktan sonra “Değişiklikleri Kaydet” butonuna tıklayarak istediğiniz değişikliği yapabilirsiniz. Artık 'Önizleme' düğmesine tıkladığınıza göre, formunuzu görebilirsiniz. Artık her şey yolunda gittiği sürece bir gönderi veya sayfa yayınlayabilirsiniz. İletişim formunu blogunuzun ana sayfasından başka bir sayfada kullanmak istiyorsanız, fazladan bir kod eklemeniz gerekir. İlk adımda aşağıdaki cümleyi yazın: = 'action' – 'name' – 'contact-form' İletişim formunu kullanmak için lütfen kişinin adını girin. İsim istediğiniz herhangi bir şey olabilirken, ismin öne çıkması için 'iletişim' kelimesi eklenmelidir. Örnek olarak http://www.example.com/contact-form/ adresinde bulunan iletişim formunu kullanmak isterseniz yazınıza veya sayfanıza şu satırı yazarsınız: Yapmanız gereken call action * iletişim formu *adı *iletişim formu-adı *url *://www.example.com/contact-form/ Satırı ekledikten sonra formu bilgilerinizi girerek doldurmanız gerekir. Bu bilgiler OptinMonster hesap ayarlarında bulunabilir. Bu bilgi, bir e-posta adresi içerdiği için özellikle önemlidir. Tüm bilgileri doldurduktan sonra, 'Değişiklikleri Kaydet' düğmesini tıklayın.

WordPress'te Yeni Bir Eklenti Nasıl Oluşturulur

WordPress'i bir web sitesi olarak kullanmak istiyorsanız yeni bir WordPress eklentisi oluşturun. Eklentiler bölümü, sayfanın sağ üst köşesinde bulunabilir. “WPForms”, Yeni'ye tıklanarak bulunabilir. Eklentiyi etkinleştirin ve ayarlarınızı görüntülemek için Ayarlar menüsüne gidin. Form eklemek için "Formlar" bölümüne gidin ve "Yeni Ekle" düğmesini tıklayın. “Form Adı” alanına aşağıdaki bilgileri doldurunuz. “Dinamik” düğmesinde “Form Türü” alanını belirtin. “Alan Türü” alanına “Metin” ifadesini girin. “BELLEK ADI” alanına “ALAN ADI” girerseniz bir bağlam gireceksiniz. “Ekle” düğmesi seçilebilir. “Ayarlar” menüsünden WPForms eklentisinin “Formlar” bölümünü seçin. “Formlar” bölümünde “Yeni Ekle” butonu görünecektir. “Form Adı” alanına aşağıdaki bilgileri giriniz: Formu doldurmak için “Form Türü” alanına aşağıdaki bilgileri giriniz. “URL”ye tıklayarak “alan türü” açılır menüsüne erişebilirsiniz. Bilgilerinizi girdikten sonra aşağıdaki alanı seçebilirsiniz: ” Alan Adı.” “GET Değişkeni” alanına aşağıdaki bilgileri girin: *br “Yol” alanına aşağıdaki bilgileri girin. “Sorgu Dizesi” alanına aşağıdaki bilgileri girebilirsiniz: “Ekle”ye tıkladıktan sonra kendi içeriğinizi eklemeniz istenecektir. “Düzenle” düğmesine tıklayarak “Formlar” bölümünün ayarlarını değiştirebilirsiniz. “Bağlam”ı seçerek “Form Alanları” alanını değiştirebilirsiniz. “Form Değerleri” bölümüne aşağıdaki bilgileri girin: *br. “Form Gönder” alanına aşağıdaki bilgileri girerek formu gönderme işlemine geçebilirsiniz. “Güncelle” butonuna tıkladıktan sonra güncelleme yapabileceğiniz yeni bir pencereye yönlendirileceksiniz. İhtiyacımız olan tek şey hızlı bir son. Bu form artık “Context” GET değişkeninden Constant Contact hesabınıza veri gönderecektir.

Şablon Dosyama Bir İletişim Formu Gömebilir miyim?

Yine de şablon dosyanıza bir iletişim formu kısa kodu ekleyebilirsiniz, ancak doğrudan yapamazsınız. Kodu geçmek gerekecek…

Web sitenizde form oluşturmak için Contact Form 7 WordPress eklentisini kullanırken, özel temanıza bir iletişim formu eklemeniz önerilir. Bu kod, gönderi içeriğine manuel olarak girilmeli ve ardından talep edildiği sayfada görüntülenmelidir. Geliştiriciler olarak, otomasyona zaten aşinayız, ancak bu yaklaşımla ilgili birçok "eğer" var. Contact Form 7'yi yüklediğinizde, form varsayılan olarak otomatik olarak oluşturulur. Bu formu siteme nasıl eklerim? 'id' özelliği olmayan bir form kısa kodunuz olduğunda, 'title' özelliğini kullanarak istenen formu arayacaktır. Çoğu durumda, ilki önce kullanıldığı için aynı başlığa sahip birden çok form kullanılacaktır.