WordPress için Ninja Formu: Kapsamlı İnceleme
WordPress, aralarından seçim yapabileceğiniz birkaç form eklentisine sahiptir. Bazılarının kullanımı kolaydır, ancak sınırlı özelliklere sahiptir, bazıları ise birçok özelliğe sahiptir, ancak kullanımı karmaşık olabilir. WP Ninja formları bunun böyle olması gerekmediğini gösterir. Ninja Forms, birçok özelliğe sahip basit bir form üreticisidir ve hatta daha da genişletilebilir, bu da size her türlü formu kolayca yapmak için bir araç sağlar. Bu derlemede Ninja formlarını ve bazı eklentilerini gördüm. Her zamanki gibi, herhangi bir belgeye bakmadan hemen girdim, ne kadar sezgisel olarak bir form oluşturduğuna dair bir fikir edindim.
Baskı
Düzen Stili
Çok bölümlü form
Koşullu mantık
Dosyayı yükle
Eklentilerin kullanılabileceği çeşitli web sitelerini içeren çeşitli fiyat seviyeleri vardır. Tüm baskılar 1 yıllık destek ve yenileme içerir. Satın aldığınız baskıya bağlı olarak çeşitli ek indirimler vardır. Her eklentiyi içeren ve sınırsız web sitelerinde kullanılabilen bir baskı bile var. Ayarlar Kurulumdan sonra eklentiyi etkinleştirmeli ve eklentinizi kaydetmelisiniz. Ayarlar dahil tüm menü öğeleri menüye formun altındaki gösterge paneline eklenir.
Ayarlama Ana ayar ekranında, genel ayarları, recaptcha ve gelişmiş ayarları ayarlayabilirsiniz. Buradaki önemli ayarlar, 3.0 ile bir sorununuz varsa 2.9’a dönmenizi sağlayan geri dönüş özelliğidir. Lisans Eklenti lisansınızı yapıştırın ve tek tek etkinleştirin. Tüm formlar Tüm formlarınızı menüdeki tüm formlar altında görebilirsiniz. Oluşturulan temas formu ile başlar. Bu ekran size kısa bir kod verir, böylece formunuzu istediğiniz yere kopyalayıp ekleyebilirsiniz. Yeni bir form ekle yeni bir form oluşturmak için, tüm formların ekranına yeni bir form ekle veya menüden yeni ekle seçebilirsiniz.
Yeni bir form ekle tıklamak sizi bir form oluşturabileceğiniz yeni ekrana götürür. Sol üst köşede navigasyon için birkaç sekme vardır. Saha Alanı sekmesine başlıyorsunuz. Burası bir form oluşturduğunuz yerdir. İstediğiniz alanı seçmek için metni tıklayabilir, yeni bir alan eklemek için sağ alt köşedeki sembolü tıklayabilir veya daha hızlı başlamanıza yardımcı olmak için üç şablondan birini tıklayabilirsiniz. Bize ulaşma, teklif talepleri ve etkinlik kaydı dahil şablonlar. Bu listeye nasıl daha fazla şablon ekleyeceğimi görmüyorum, ancak tüm formlarınız listesinde başkalarını oluşturmayı ve içe aktarmayı mümkün kılmak için herhangi bir şablonu çoğaltabilirsiniz. Şablonum nasıl çalıştığını görmek için üç şablon içeriyor. Hızlı bir şekilde başlamak ve nasıl inşa edildiklerine dair örnekler için iyidir. Bize Ulaşın
Aşağıda, sayfadaki iletişim formunun görüntülenmesidir. Bu üç formun en basitidir. Bir teklif isteği Aşağıda bir gönderide bir fiyat teklif isteği formudur. Bu şablon, sütunda yatay olarak dizilmiş birkaç alan vardır. Bu, CSS kapsayıcısına ilk tek ayaklı CSS sınıfı (sol taraf) veya yarım (sağ taraf) eklenerek yapılır. Etkinlik Kayıt Bir Gönderideki Etkinlik Kayıt Formunu görüntüler. Ayrıca birkaç sütun olduğunu görebilirsiniz. Ayrıca bir harita var. Bu, kodu HTML alanına eklenerek eklenir. Sıfırdan bir form oluşturun Buraya tıklayın ve seçebileceğiniz birkaç alanı açmak istediğiniz alanı seçin. Ekranın sağ tarafında depolanan alanlar birkaç kategoriyi içerir: genel alanlar, kullanıcı bilgileri, fiyatlar, düzenler ve diğerleri. İsterseniz bu ekranı tam bir ekrana çevirebilirsiniz. Nasıl çalıştığını görmek için birkaç alan seçtim. Her alanda dişliler vardır. Fareyi dişliye yönlendirdiğinizde, birkaç seçenek daha alırsınız. Alanı çoğaltabilir, kaldırabilir veya düzenleyebilirsiniz. Sağ tarafta alanda değişiklik yapabileceğiniz bir düzenleme ekranı alırsınız. Hemen hemen tüm alanlar, etiket düzenleme, görünüm, devam, yönetim ve stil gibi aynı temel seçenekleri içerir. Çoğu, özellikle alan türü için birkaç seçeneğe sahiptir. Örneğin, çok seçenekli bir alan etiketler ve değerler için seçenekler içerir. Ayrıca stil seçeneğinin altında ayarlayabilirsiniz. Stil, renk, yazı tipleri vb. İçerir. Seçenekler sargı stilleri, etiket stilleri ve eleman stilleri içerir. Diğer seçenekler arasında listeler listeleri, öğeler ve etiketler listesi bulunur. Her bir kuvvet türü için sofistike bir CSS özelliğine sahiptir. Doldurulması gereken alanı ayarlayabilir ve etiketin nereye yerleştirileceğini seçebilirsiniz. Tarlayı sürükle ve damla ile hareket ettirebilirsiniz. Wysiwyg ile bu daha kolay olacak (gördüğünüz şey ne elde edersiniz), ancak neye benzediğini görselleştirmek zor değil. Başka bir ekrandan alabilirsiniz. Bir form yaptıktan ve ayarlamalar yaptıktan sonra, sol üst köşede bitmiş seçin ve Yayıncılık’ı seçin. Şimdi gösterge tablosundaki tüm formları açın ve içeriğinize eklenecek kısa kodu kopyalayın. Formum Gördüğünüz gibi, Divi modülüne bir form ekledim. Yazarın fotoğraf ürünlerini inceleyeceği bir form yaptım. Yazar, incelemeleri için kategoriyi seçmeli, ona bir yıldız sıralaması vermeli ve sonra sıralamayı açıklamalıdır. Yalnızca zip dosyaları alacağı sınırını belirledim. Dosyaları yükleme etiketi, metin ve resimlerin bir dosyaya sıkıştırılması gerektiği talimatları verir. Eylem e -postası ve sekmesi
E -posta ve eylem, mesaja ne olduğuna karar vermenize izin verir. Başarılı mesajlar, yönetici e -postaları yapabilir ve gönderilerin nasıl kaydedileceğini seçebilirsiniz. Koşullu mantık ve gelişmiş özellikler bile kullanabilirsiniz. Ayrıca, size gönderilen e -postaya bir ek eklemeyi seçip eklemeyeceğinizi de seçebilirsiniz. Gelişmiş sekmesi Gelişmiş ayarlar şunları içerir: Ekranlar Kısıtlama
Hesaplama Stil
Koşullu mantık
çok parçalı
İşte her ayarın görüntülenmesi. Görüntü ayarları
Burada formdaki başlığı verebilir, reaksiyonun başarıyla nasıl tamamlandığını, etiket konumunu seçerek, özel bir CSS kullanarak, para birimlerini seçerek ve formun biçimini kullanarak seçebilirsiniz. Kilitleme Form, kendi kodunuzu programlarken formu yönlendirmek için kullanılır.
Kısıtlama
Kullanıcıların formu görmeden önce girmelerini ve gönderilerin sayısını sınırlamalarını istemek gibi sınırlar hazırlayın. Her iki ayar için de özel bir mesaj yapabilirsiniz. Hesaplama
Burada HTML alanına ekleyebileceğiniz, e -posta eyleminde vb. Kullanabileceğiniz bir hesaplama değişkeni oluşturabilirsiniz. Standart matematik geçişi kullanarak hesaplamalar yaparken gerilim listesinden uygulayan bir alan seçersiniz. Bu özellik diğer kadar etkili değildir ve bir örnek vermez. Belgelerde, birleştirme etiketi açılır listesinden HTML’ye değişkenlerin eklenmesini içeren bir örneği vardır. Stil
Bu, kaplar, başlıklar, satırlar, oran çizgileri ve yanıt ve hataların mesajları için renkleri ve yazı tiplerini değiştirebileceğiniz yerdir. Ayrıca marj, genişlik, yükseklik, dolgu, şamandıra ve diğerlerini de ayarlayabilirsiniz. Her bölümde, kendi CSS’nize etkinleştirip yapıştırabileceğiniz gelişmiş bir CSS özellik alanı vardır. Koşullu koşullu mantık, formlarınız ve e -postalarınız için koşulları yönetmenizi sağlar. Bu, koşullar karşılanana kadar alanı gizlemek veya e -postanın nasıl ve ne zaman gönderildiğini otomatik olarak seçmek için kullanışlıdır. Basit bir şekilde hazırlayın çünkü sadece açılır kutunun alanını seçmeniz ve koşulların ne olduğuna karar vermeniz gerekir. Bazı koşulları bile kullanabilir ve isterseniz kaplayabilirsiniz. İstediğiniz kadar koşul ekleyebilirsiniz. Bu, bazı ilginç koşullar eklemenizi sağlar. Örneğin, bu durumda tek bir onay kutusu için, kontrol edilirse çok seçilmiş alanları görüntüleyin. Değilse, çok seçilmiş alanı gizleyin. Bu durumda, kullanıcı yıldız sıralamasında 3’ten az verirse, sıralamaları hakkında daha fazla bilgi için isteneceği bir paragraf kutusu görünecektir. Üç alanın üzerindeki sıralama gizli kalırsa. Çok parçalı
Burada her bir parçayı doğrulamak, ekmek kırıntıları göstermek, ilerleme çubuğunu gösterme ve parti karolarını gösterme gibi çok bölümlü formlar için bazı ayarları etkinleştirebilirsiniz. Her kuvvet kabı, düğmesi, imleci noktalı ve etkin düğme için bir stil ayarı da vardır. Her birinin gelişmiş bir CSS özelliği de vardır. Ön izleme Formun web sitenizde nasıl göründüğünü görmek için birincil düğmeye tıklayın. Durumumu ayarladıktan sonra, paragraf metni olmadan bir form görüntüler. Yıldız sıralamasını seçtim ve yıldızları benden farklı hesapladığını gördüm. İki yıldız seçilen iki yıldız olarak düşündüm, iki yıldız düşünürken ikinci yıldızı sağdan seçtiğiniz anlamına geliyor. 4 yıldız olarak düşünüyorum. Bunu ayarlarda nasıl değiştireceğimi görmüyorum. Çok bölümlü form bir sayfa (bölüm) ile sınırlı değildir. İstediğiniz kadar çok parçaya sahip olabilirler. Formun daha fazla alan ekleyebileceğiniz diğer bölümlerini oluşturmak için daire içine alınmış eklenen işareti tıklayın. Her parçanın adını tek tek verebilirsiniz. Formun ilk kısmını görmek için soldaki oku seçin. Alanı parçalar arasında bile çekebilir ve serbest bırakabilir ve parçaları çoğaltabilir veya silebilirsiniz. Kullanıcılara forma ne kadar girdiklerini göstermek için ekmek kırıntılarını ve ilerleme bıçaklarını etkinleştiriyorum. Bu daha büyük formlar için çok yararlıdır. Ekstra UI/UX seviyesini seviyorum. Bu basit bir özelliktir, ancak çok fazla kullanıcı deneyimi ekler. Sayfaya form ekleyin ve gönderin Gösterge Tablosu menüsündeki tüm formlara tıklayarak formların bir listesini bulacaksınız. Burada içeriğinize eklenecek kısa bir kod seçebilirsiniz (Metin Düzenleyicisi sekmesinde veya Divi’deki metin modülü veya kod). Form listesi, bu listeden her form için yayınları düzenlemek, silmek, kopyalamak, gözden geçirmek ve görmek için düğmeler içerir. Bu Divi ile çok iyi çalışıyor. Burada metin modülüne koydum ve Sütun 2 için opaklık 50 ile siyah bir arka plan kullanıyorum. Fotoğraf Unplash’tan çekildi. Modül Gelişmiş Tasarım Ayarları sekmesinde Divi metin ayarını kullanabilir ve CSS Kustom Divi’yi kullanabilirsiniz. Bu ayar, Divi modül ayarlarından önceliklidir. Araç Ninja formu, yanınıza koyabileceğiniz bir widget içerir. Açılır kutudan istediğiniz formu seçebilirsiniz. Formunuzun tasarımına bağlı olarak, yan çubuğa tahsis edilen alanla düzgün çalışmayabilir. Form, alana uyacak şekilde biçimlendirilecek, ancak sadece yan çubuk için bir form yapmanızı öneririm. Bu orijinal olay kayıt formudur. Bu formu çoğaltacağım ve yanda kullanılacak basitleştireceğim. Bazı metin ve ayırıcı silerek formu kolaylaştırıyorum. Ayrıca, bir tercih varsa sadece yiyecek ve içecek alanını görüntülemek için bazı koşullu mantık ekledim. Ayrıca, yatay yerine dikey olarak adının adını biriktiriyorum ve telefon alanını siliyorum. Sonuç daha küçük ve daha temiz bir formdur. gönderi Menüdeki gönderimleri açın ve açılır kutudan istediğiniz formu seçin ve filtreyi tıklayın. Form için bir yayın listesi göreceksiniz. Beklenen işlev, düzenlemek, tarih aralığına göre filtrelemek ve ihracat sevkiyatı için burada. Açılır kutudan farklı bir form seçin. Bu da size gönderilen bilgileri içeren bir e -posta gönderecektir. İthalat ihracat Tam formlar, en sevdiğiniz alanlar ve stiller dahil olmak üzere içe aktarma ve ihracat için çeşitli seçenekler vardır. Bu, herhangi bir içe aktarma/dışa aktarma işlevi ile aynı işlev görür. Dosyaları bilgisayarınıza dışa aktarma. Tüm formlarda listenize dosya ekle ekle. Gayagaya tüm formlarınızı aynı anda menüdeki stil ayarlarından ayarlar. Stil ayarları kapsayıcıları, başlıkları, gerekli mesajları, satırları, tek satırları ve başarılı yanıt mesajlarını içerir. Her bölüm için özel bir CSS girebileceğiniz devam eden alanı etkinleştirebilirsiniz. Arka plandan yazı tipi boyutuna vb. Düzenlenmesi beklenen öğeler vb. Kuvvetin ayarlanmasında varsayılan stil alanı, alan türü, hata ve datePicker için bir sekme vardır. Burada yaptığınız stilin düzenlenmesi, Divi modülünde yaptığınız stilin yerini alacaktır. Form ayarlarında ayarlamalar yapmadıysanız, bu varsayılan olarak kullanılacaktır. Stil önceliği 1-form, 2- genel stil ayarları (bu bölümdeki ayarlar), 3- divi modülüdür. Yardım almak Mevcut çeşitli yardım türleri için bağlantılar içeren yardım alın ve size sunucu ve uygulama bilgilerinizi içeren sistem bilgilerini ve sorunları çözmeye yardımcı olacak etkinleştirilmiş eklentilerin bir listesini verin. Yardım almadan önce, belgelerini ziyaret etmenizi, bazı problem çözme yapmanızı ve daha sonra desteğin kapsamında neler olduğunu görmenizi istiyorlar. Hesaplamalar konusunda yardım için web sitelerinde yardım kullanıyorum. Bilgi kısa ama istediğim hesaplamayı yapmama yardımcı olacak kadar dikkatli. Bağımlı Şu anda Ninja formlarının işlevselliğini genişletmek için 48 eklenti bulunmaktadır.Koşullu mantık, ön uç düzenleyici, çok bölümlü formlar, tablolar, analitik ve sermaye gibi formlara bazı özellikler eklenirken, diğerleri formlarınızı ödeme almak, bültenlere abone olmak için diğer hizmetlere bağlar.Ek ücretler ekleyin.Yıllık bir fiyat verilir ve çoğu bir web sitesinde yaklaşık 50 $ ve 20 web sitesi için 99 $ kullanılır.Her birinin kendi belgeleri vardır.Dosyayı yükle
