Ana İçeriğe Geç

Forminator ve wpDataTables ile harika ücretsiz ön uç tabloları, çizelgeleri ve grafikleri oluşturun

Divi: Kullanılacak en kolay WordPress teması

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. [Önerilen]

Form verilerinin anlaşılır tablolara, çizelgelere ve grafiklere dönüştürülmesi, Forminator Forms için wpDataTables entegrasyonunun tanıtılmasıyla daha da kolaylaştı.

Popüler 5 yıldızlı Forminator eklentimizin bu eklentisi, WordPress sitenizin ön ucundan Forminator formu, quiz ve anket gönderilerine dayalı olarak duyarlı ve sıralanabilir tablolar ve grafikler oluşturmanıza olanak tanır.

Bu özellik aşağıdakiler için idealdir:

  • Genel dizinler - Forminator formu verileri toplar ve sıralanabilir ve aranabilir bir tabloda görüntüler.
  • Veri kontrol panelleri - Yukarıdaki gibi, bunun farklı grafikleri ve tabloları olabilir.
  • Sınav Yönetim Kurulu - Sınava giren ve sıralamaya göre sıralanan (doğru cevapların sayısı) herkesin sınav puanını görüntülemek için bir yönetim kurulu oluşturmak için kullanın.
  • Anketler - Bir anket tamamlandığında anket verilerini grafikte görüntülemek için kullanılabilir ve orijinal anketin taslak durumuna geçmesini sağlayabilirsiniz.

Ve her şey ücretsiz ve yapılması kolaydır!

Bu makalede, size mevcut bir Forminator formundan doğrudan ilham alan basit bir veri tablosu oluşturmanın ne kadar kolay olduğunu göstereceğiz.

Daha spesifik olarak, bu işbirliğini WordPress siteniz için nasıl kuracağınızı göreceğiz ve size nasıl yapılacağını göstereceğiz:

Daha sonra diğer olası tablo ve grafiklerin bazı bonus örneklerini sunacağız.

Bu makalenin sonunda Forminator ve wpDataTables'ın (tablo) nasıl üstesinden gelinemeyeceğini göreceksiniz!

Bu eklentileri kurun ve takip edin

Başlamak için üç eklenti kurmanız gerekecek. Çalışmak için bir eklenti eklentisi kullandığından diğer kurulumlardan biraz farklıdır.

Öncelikle, oldukça açık, ancak Forminator'a ihtiyacınız olacak. Forminator'ın Pro sürümünü de kullanabilirsiniz (aynısı wpDataTables için de geçerlidir), ancak gerekli değildir.

eğitmen resmi
Bunların hiçbiri Forminator olmadan olmaz.

Ayrıca wpDataTables VE eklenti eklentisini, Forminator Forms için wpDataTables Entegrasyonunu indirmeniz gerekecektir.

Forminator ve wpDataTables'dan görüntü.
Bir sonraki önemli öğe, wpDataTables eklentisidir.

Üçüne de sahip misin? Büyük! Kurulduktan ve etkinleştirildikten sonra, gitmeye hazırsınız.

Hadi gidelim ve ...

Yeni bir tablo oluştur

Yeni bir tablo oluşturmak için, bunu yapmak için wpDataTables'a atlayacaksınız. WordPress menüsünden wpDataTables'a gidin ve Tablo oluştur.

Bunu kontrol panelinden veya menüden yapabilirsiniz.

WpDataTables'da bir tablo oluşturduğunuz yer.
Tablo oluşturmak için iki yer vardır.

Daha sonra seçmek isteyeceksiniz. Mevcut bir veri kaynağına bağlı bir veri tablosu oluşturun seçenek ve vur aşağıdaki.

Mevcut bir veri kaynağına bağlı bir veri tablosu oluşturduğunuz yer.
Bu seçenek, en üstteki ilk seçeneklerden biridir.

WPDataTables, Excel, CSV, JSON, XML, PHP serileştirilmiş tablolardan ve hatta MySQL sorgularına dayalı tablolardan tablolar oluşturmanıza olanak tanır.

Ancak Forminator kullanarak yeni bir tablo oluşturduğumuzda, yeni ekranda Oluşturucu Formu du Giriş veri kaynağı türü.

Forminator'ı uyguladığınız yer.
Açılır listede fark edilmesi kolaydır.

Oh, ilham almak için mevcut bir Forminator formuna, testine veya anketine ihtiyacınız olacağını söylemiş miydim?

Yardıma ihtiyacınız olursa, size yardımcı olacak form oluşturma hakkındaki önceki makalelerimizden bazılarını burada bulabilirsiniz:

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Ardından, belirtildiği yerde bir tablo oluşturmak için kullanmak istediğiniz formu, anketi veya testi seçin. Biçimlendirici formu seçin.

Bu alan size Forminator'da oluşturulmuş tüm kullanılabilir formları gösterir.

Bu makale için oluşturduğum adıyla gideceğim WpDataTables test formu.

Forminator formunu seçtiğiniz yer.
Aralarından seçim yapabileceğim birkaç seçeneğim var, ancak yalnızca bu makale için oluşturduğum bir örnekle devam edeceğim.

Kullanmak istediğiniz form, anket veya sınavın en az bir gönderim olmalı veritabanınızda saklanır veya onunla bir tablo oluşturamazsınız.

Gönderim yoksa, veri kaynağı tablosunun satır içermediğini belirten bir hata mesajı alırsınız.

Tabloda satır olmadığında aldığınız hata mesajı.
Oh oh! Çizgi yok. Bu, alacağınız hata mesajıdır.

Bununla birlikte, süreçteki bir sonraki adım, Sütun olarak görüntülenecek alanları seçin.

Bu, Forminator formunda kullanmayı seçtiğiniz tüm alanları görüntüler. Sütun olarak görüntülemek istediğiniz alanları seçin.

Tüm alanları bir kerede veya ayrı ayrı seçin.

Desteklenen form alanlarına gelince, bir ton var. Şunları ekleyebilirsiniz:

  • İsim (tekli ve çoklu)
  • E-posta
  • Aramak
  • Adres
  • web sitesi
  • katkı
  • textarea
  • isim
  • radyo
  • Onay Kutusu
  • Hesaplamalar
  • Seç (tekli ve çoklu)
  • Veri seçici (takvim, açılır listeler ve metin girişi)
  • Zaman seçici (açılır listeler ve sayısal giriş)
  • Dosya indirme (tekli ve çoklu)
  • Verileri yayınlayın
  • Gizli alan
  • Vasiyet
  • Pay Pal
  • Bande
  • Elektronik imza (yalnızca Forminator PRO'da mevcuttur)

reCaptcha, HTML, Sayfa Sonu, Bölüm ve GDPR Onayı gibi alanların tablolardan hariç tutulduğunu unutmayın.

Tüm alanlarınızı tanımladıktan sonra, Değişiklikleri kaydet. Bu size fırsat verecek ...

Seçenekleri ve ayarları düzenleyin

Bu diğer seçenekler ve ayarlar, yeni panoyu daha da özelleştirmenize olanak tanır!

Bu ek parametrelerden bazılarının yalnızca wpDataTables'ın Pro sürümünde kullanılabileceğini unutmayın; ancak çoğu ücretsiz sürüm için mevcuttur.

İşte değiştirilebilecek her şeye ve ayarlara genel bir bakış:

  1. Veri kaynağı
  2. Görüntüleme
  3. Sıralama ve filtreleme
  4. Tablo araçları
  5. Ayrılmış alanlar
  6. kişiselleştirmek
  7. Forminator ayarları

Her birine daha ayrıntılı olarak bakalım.

1. Veri kaynağı: Bu, Forminator için veri kaynağı türünü girdiğiniz yerde geçtiğimiz ilk ekrandır. Kaynağı ve alanları değiştirmek isterseniz bu alanı her zaman gözden geçirebilirsiniz.

Veri kaynağı sekmesi.
Bu, daha önce yürüdüğümüz sekmenin aynısı.

2. Ekran: Ön ekran için masanızın düzenini ayarlayabilirsiniz.

Gibi seçenekler var Tablo başlığı, Bilgi bloğu, Sayfalara numara koyma, Kaydırılabilirve daha fazlası.

Ekran sekmesi.
Bir tablo başlığı ister misiniz? Bunu ve daha fazlasını bu alanda yapın.

Bu bölümde birçok farklı ayarlama vardır, bu nedenle bu alanı kontrol ettiğinizden ve buna göre değiştirdiğinizden emin olun.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

3. Sıralama ve filtreleme: Bu sekme, kullanıcılarınızın ön ekranınızda bulunan verileri filtrelemesine ve sıralamasına olanak tanıyan seçenekler sunar. Dahil etmek istediklerinizin kutularını işaretleyin.

Sıralama ve filtreleme sekmesi.
Gelişmiş Özel Filtrelerin yalnızca Pro bir özellik olduğunu unutmayın.

4. Tablo araçları: Bu, panonuzda kopyalama ve kaydetme seçeneklerini etkinleştirebileceğiniz yerdir. Açılır menü etkinleştirildikten sonra size seçenekler sunar: yazdırma, PDF, CSV, et süit.

Açılır menü, tüm seçeneklerinizi gösterir.

Kaydolduktan sonra, kullanıcılarınız seçilen seçeneklerden seçim yapabilecektir.

5. Ayrılmış alanlar: Bu bir Pro seçeneğidir ve yer tutucular kategorisindeki özelliklerin tümü Forminator verilerinden oluşturulan tablolarla kullanılamaz.

6. Kişiselleştirin: Bu, yalnızca Pro için kullanılabilen bir tablo stili seçeneğidir.

7. Biçimlendirici ayarları: Forminator için giriş kimliği aralığına ve giriş tarihine göre filtreleyebileceğiniz bir seçenekler alanı.

Forminator ayarları sekmesi.
Giriş kimliği aralığına ve giriş tarihine göre filtreleyin.

Tüm ayarlarınız yapılandırıldıktan sonra, kısa kodu kopyalayabilirsiniz.

Kabul edilebilir herhangi bir sayfa, gönderi veya widget üzerinde çalışır. WordPress sitenize yapıştırdıktan sonra hazır olacaksınız!

WpDataTable için kullandığınız kısa kod
Otomatik olarak kopyalamak için kısa kodun yanındaki simgeye tıklayın.

Herhangi bir şeyi ayarlamanız veya değiştirmeniz gerekirse, her zaman bu alana geri dönebilir ve buna göre düzenleme yapabilirsiniz.

Tabloyu önizleyin ve sütunları yapılandırın

Artık veritabanını veri kaynağıyla kurduğunuza göre, Tablo önizlemesi ve sütun yapılandırması görünecek.

Burada tablonuzun nasıl görüneceğini görebilir, giriş sayısına göre sıralayabilir, arayabilir ve düzenleyebilirsiniz.

Tablonun genel görünümü.
Şimdiye kadar tüm form girişlerini görebilirsiniz.

Üzerine tıklayarak dişli simgesi her kategoride nerede Sütun parametreleri bulunan.

Bu alanda, olasılığınız var sütun pozisyonlarını değiştir, görüntülenen başlığı yeniden adlandırın, eklemek hücre içeriği sonekive daha fazlası.

Her kategorinin özelleştirme seçenekleri vardır.

WpDataTables ve Forminator ile çok sayıda seçenek ve varyasyon oluşturabilirsiniz, bu nedenle tablonuzu mükemmelleştirmek için birkaç deneme yapmanız gerekebilir.

Tablo ve grafik örnekleri

Az önce oluşturduğumuz panonun ötesinde, burada nelerin oluşturulabileceğine dair birkaç örnek daha var.

Pasta grafik oluşturabilirsiniz ...

Pasta grafiğine bir bakış.
Turta isteyen var mı?

… Renkli bir çubuk grafik.

Anket sonuçlarını içeren bir grafik.
Sonuçlar geldi.

Ayrıca oluşturulabilecek çizgi grafikler, kabarcık grafikler, halka grafikler ve daha fazlası var!

Çeşitli grafikler.
Aralarından seçim yapabileceğiniz birçok grafik var.

Gördüğünüz gibi, özelleştirme söz konusu olduğunda bir sürü olasılık var.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

Daha fazla örnek için belgelerimize bakın. Pasta grafikler ve grafikler oluşturma hakkında daha fazla bilgi için, wpDataTables belgelerinin tamamını incelediğinizden emin olun.

Oyunlarının zirvesinde

Bir masa üzerinde çalışan eğitmen görüntüsü.
Forminator masada yer alır.

Forminator ve wpDataTables'ın dinamik tablo ikilisi, tabloları oluştururken onları oyunlarının en üstüne yerleştirir!

WordPress siteniz için mükemmel tablolar için kolayca özelleştirilir, düzenlenir ve etkinleştirilir (ücretsiz!).

Bu makalede ele alınan tüm özellikleri Forminator ve wpDataTables ile kendi başınıza uyguladığınızdan emin olun.

WordPress tablolarınız tanımlanacak!