WpDataTables ile WordPress’te Çarpıcı Duyarlı Tablolar Oluşturun

WordPress’de tablo oluşturmak kolaydır. Kod ile WordPress’e tablo eklemenin geleneksel yolları vardır, ancak bir tablo (veya grafik) oluşturmanın en uygun yolu wpDataTables WordPress eklentisidir. Masanızı çeşitli dış kaynaklardan içe aktarmayı, beğeninize göre şekillendirmenizi ve web sitenize eklemenizi son derece kolaylaştırır.


Temel HTML Tabloları

Standart kullanarak WordPress’e tablo ekleyebilirsiniz HTML tablosu etiketleri. Oldukça basittirler ve aşağıdaki temel yapıyı kullanırlar (yazınızı oluştururken bunları “metin” sekmesine girmeyi unutmayın):

İlk İkinci Üçüncü
kriko Jackson 25
Jane Jenson 30

Bu, buna benzer bir tabloyla sonuçlanacaktır (not – başlık hücreleri için herhangi bir stil temanıza bağlı olacaktır):

İlkİkinciÜçüncü
krikoJackson25
JenJenson30

Tablolarınızı oluşturmak için HTML kullanmak, sitenize yalnızca bir veya iki tablo eklemek istiyorsanız işe yarar ve iyi olur. Ancak, sık sık tablo oluşturacaksanız, muhtemelen karşılaşacağınız birkaç sorun vardır..

  • Gelişmiş seçenekler için HTML kodlamasını öğrenmeniz gerekir
  • HTML eklemek zaman alıcıdır ve çok sayıda tablo oluşturursanız uzun vadede verimliliğinizi engeller
  • Bu yöntem mizanpaj ve tasarımda ciddi şekilde sınırlıdır (gelişmiş bir geliştirici değilseniz)

WordPress kullanıyorsanız, 1) WordPress’in en son sürümünü kullandığınızı ve 2) temanızın duyarlı olduğunu varsayabiliriz. WordPress sitenize tablo eklemek için HTML tablo etiketini kullandığınızda, düzeni ayarlamak için çok zaman harcarsınız.

Siteniz duyarlı olabilir, ancak tablolarınız yanıt vermiyor.

Bu, doğal olarak sitenizin duyarlı özelliğini bozacaktır. Sitenize veri eklemek de sorun olabilir. Google E-Tablolar veya Microsoft Excel gibi elektronik tablo işleme yazılımları, veritabanından veri almak için birçok içe aktarma aracına sahiptir. Ancak her bir karakteri yazarken çok verimli değil.

Daha önce WordPress’te HTML içeren tablolar eklemek için üç önemli sorun tespit ettik. Endişelenmeyin – tablo oluşturmanın çok daha iyi bir yolu var. Bu yüzden, yukarıda bahsedilen tüm sorunları ortadan kaldıracak bir eklenti sunmama ve bir dizi yararlı özellik getirmeme izin verin.

WpDataTables ile Daha İyi Tablolar Oluşturun

wpDataTables Duyarlı Tablo Eklentisi

WordPress ile tablolar oluşturmak için wpDataTables’ı öneririz. Bu tamamen duyarlı premium eklenti, WordPress’de tablolar ve grafikler oluşturmayı, özelleştirmeyi ve yönetmeyi kolaylaştırır – kodlama gerekmez. Sadece yükleyin ve tablolar ve grafikler oluşturmaya başlayın! 14.300’den fazla kişi tarafından güvenilen (ve önceden ayın WordPress eklentilerimizden biri olarak adlandırılmıştı), mütevazi görüşümüzle WordPress destekli web sitenize tablo eklemenin en iyi yollarından biridir..

WpDataTables Hakkında Daha Fazla Bilgi Canlı Demoyu Görüntüle

Yukarıdaki düğmelere tıklayarak ThemeForest’ta wpDataTables hakkında daha fazla bilgi edinebilir veya neden bu kadar harika olduğunu düşündüğümüzü öğrenmek için okumaya devam edebilirsiniz..

Çoklu Veri Kaynakları

wpDataTables Veri Kaynakları

Verilerinizi depolamayı tercih ettiğiniz yere bağlı olarak, wpDataTables birçok farklı kaynaktan içe aktarmanıza olanak tanır. Verileri içe aktarmak için Excel, CSV, Google Doküman, XML, JSON, Seri PHP Dizisi veya bir MySQL sorgusu arasından seçim yapın. Manuel olarak yeni bir tablo oluşturma, canlı bir veri kaynağına bağlantı oluşturma (bir sayfaya yüklediğinizde tablonuzu dinamik olarak güncelleyene kadar) veya bir GUI (grafik kullanıcı arayüzü) aracı kullanarak özel bir sorgu oluşturma seçenekleri de vardır.

MySQL sorgusu kişisel favorim. ve değiştir uygun bir veritabanındaki veriler. Bir tablo projesinde çalışan bir geliştirici ekibiniz varsa, bu işbirliği çok basit hale getirecektir (daha sonra bu konuda daha fazla bilgi)!

Gelişmiş Özelleştirme ve Duyarlı Düzen

Masanızı tasarlamak hiç bu kadar kolay olmamıştı. Birkaç onay kutusu ve birkaç renk seçimi ile eklentiyi sitenizin temasını tamamlayacak şekilde tasarlayabilirsiniz. Eklentinin sunduğu harika tasarım özelliklerine göz atın:

wpDataTables Özel Şekillendirme

Arayüz dili, saat / tarih biçimlendirmesi, hizalamalar, özel JS / CSS ve daha fazlası için yerleşik seçenekler de vardır. Oh ve eklentinin de mobil duyarlı olduğunu söylemiş miydim? Ekranın boyutu ne olursa olsun, tablonun ne kadar yer kaplayacağını ayarlayabilirsiniz.!

Verimli Arama için Filtreler

wpDataTables Sıralama ve Filtre Seçenekleri

Yeni bir tablo oluştururken (veya mevcut bir tabloyu düzenlerken) filtreleri etkinleştirme seçeneğiniz vardır. Filtrelerle, sonuç kümenizi yalnızca istediğiniz öğelerle azaltabilirsiniz. Bu, büyük bir veritabanını sorgulamak için inanılmaz derecede faydalıdır. Örneğin, bir kütüphane veritabanınız varsa, sonuçları konu kitabınızı daha hızlı bulmanıza yardımcı olur.

Ancak, bir filtreyi her düzenlediğinizde, veritabanı tarafından yapılacak hesaplamaların sayısını artırır ve böylece sunucu baskısını artırır. Bu nedenle, filtreleri tamamen devre dışı bırakma tatlı seçeneğiniz var.

MySQL Veritabanını Ön Uçtan Düzenleme

wpDataTables Ön Uç Düzenlemeye İzin Ver

wpDataTables ayrıca veritabanlarınızı doğrudan ön uçtan, yani canlı WordPress sitesinden düzenlemenize olanak tanır. Tablonuzu yapılandırırken “Düzenleme” sekmesi altındaki seçeneği etkinleştirmeniz yeterlidir. Hangi kullanıcıların veritabanındaki değerleri düzenleyebileceğini bile ayarlayabilirsiniz; böylece tüm kullanıcıların kullanıcı rollerine erişim sağlaması veya bu rollere temel alması açık kalır.

Grafikleri Kullanarak Verileri Görselleştirme

Görselleştirme, normal metinden çok etkili bir dikkat çekicidir. Sonuçta, görmek inanmaktır. O veri alım oranımızı arttırır, geleneksel okumaya kıyasla. Örneğin, yıllık gelir raporunun bir pasta grafiğini görüntülerken, verileri on iki ay boyunca okumaya kıyasla neredeyse her zaman daha hızlı yorumlayacaksınız.

wpDataTables Grafik Stilleri

wpDataTables, tablonuzun verilerini görselleştirmek için dinamik grafikler oluşturmanıza yardımcı olur (Google Grafikler, HighCharts veya Chart.js aracılığıyla). Bu, çok sayıda sayısal veri içeren tablolar için özellikle yararlıdır, örneğin aylık gelir raporlarını paylaşan blogcular.

Ömür Boyu Güncellemeler

Çoğu eklenti geliştiricisi size bir yıllık güncelleme ve destek verecektir. Bununla birlikte, bu geliştirici ömür boyu güncellemeleri ve bir kerelik ücret için altı aylık desteği içeriyordu (not – sürekli destek için lisansınızı yenilemeniz gerekecektir).

Detaylı Dokümantasyon

WpDataTables’ın nasıl kullanılacağını açıklamaya gelince, geliştirici taşsız bırakmaz. Eklentinin tam yeteneğini kavramanıza yardımcı olacak kapsamlı çevrimiçi belgeler ve video eğiticileri var!

Bu bize 2 şey söyler:

  1. Geliştirici müşterilerini önemsiyor – böylece ürünü almaya geri dönüyorlar
  2. Bilgili bir müşteri = daha az hıçkırık = daha az destek bileti = mutlu müşteriler

Ayrıca, daha az destek bileti ile, geliştirici eklentiyi geliştirmek ve daha yeni özellikler sunmak için daha fazla zaman ayırabilir!

WpDataTables ile duyarlı bir tablo oluşturma

Artık wpDataTables’ın harika bir eklenti olduğunu düşündüğümüzü bildiğinize göre, nasıl kullanacağınızı gösterelim! WpDataTables eklentisini kullanarak yeni bir tablo oluşturmak için tam olarak üç adım vardır.

1. wpDataTables’ı yükleyin

Bu bariz bir olması gerektiğini biliyorum, ama önce wpDataTables yüklemeniz gerekir. Bu premium bir eklenti olduğundan, CodeCanyon’dan satın alınmalı ve indirilmelidir (sadece satın alma işlemlerinize gidin ve “Yalnızca yüklenebilir WordPress dosyasını” indirin).

WpDataTables Eklentisini Yükle

Ardından, kurulumu ve etkinleştirmeyi tamamlamak için ekrandaki talimatları izleyin..

2. Veri Tablonuzu Oluşturun

Eklenti etkinken yepyeni bir “wpDataTables” menü öğesine sahip olmalısınız. Üzerine tıklayın, ardından yeni bir tablo oluşturmaya başlamak için büyük mavi Yeni Ekle düğmesini tıklayın.

wpDataTables Tablo Oluştur veya İçe Aktar

İlk seçeneğiniz, tablonuzu nasıl oluşturmak istediğinizdir. Sunulan beş seçenek olmalıdır. Kullanmak istediğimiz basit bir e-tabloya sahip olduğumuz için bir CVS’den içe aktarma seçeneğini belirledik. Ardından İleri’yi tıkladıktan sonra dosyanızı seçmeniz ve yüklemeniz istenir.

wpDataTables Tabloyu Yönet

Veri kaynağınızı yükledikten sonra özel bir tablo adı girebilir, ayrıca sütunları ve satırları düzenleme, ekleme veya silme seçeneklerini kullanabilirsiniz. Ardından tablonuzu oluşturmayı tamamlamak için yeşil düğmeyi tıklayın.

wpDataTables Tablo Ayarları

Artık evde gerginsin! Bu sayfadan tablolarınız için ek ayarları değiştirebilirsiniz (isteğe bağlı). Daha küçük cihazlarda hızlı tepki veren daralmayı etkinleştirmek, yatay kaydırma çubuğu eklemek, tablo genişliğini sınırlamak vb. İçin “Görüntü” seçeneklerini kullanın. Ön uç düzenlemeyi etkinleştirmek veya tablo araçlarını etkinleştirmek (yazdırma, kopyalama veya dışa aktarma) için “Düzenleme” sekmesine gidin Hızlı Linkler). En iyisi, düzenlemeler yaparken düzenlemelerinizi canlı olarak önizleyebilirsiniz. Sadece üzerine tıklamayı unutmayın Kayıt etmek herhangi bir değişiklik yaparsanız (veya uygula) onay işareti.

İşiniz bittiğinde, üçüncü ve son adım için buna ihtiyacınız olacağından tablo kısa kodunuzu ekranın üstünden kopyalayın.

3. Tablonuzu Gönderiye veya Sayfaya Ekleme

wpDataTables Kısa Kodu

Tablonuzu kullanmak için tek yapmanız gereken, kısa kodu bir gönderi veya sayfadaki içeriğe yapıştırmaktır (yukarıdaki resimde olduğu gibi). Bu kısa kod, tablonuzu nasıl şekillendirdiğinize bağlı olarak web sitenizin ön ucunda oluşturulur:

wpDataTables Ön Uç Tablosu

Bizimkilerde, tablo araçlarını (yazdırma, dışa aktarma vb.), Filtrelemeyi ve ön uç gönderimlerini etkinleştirdiğimizi görebilirsiniz. Ama bu kadar – masanız gitmeye hazır!

Grafik oluşturmak istiyorum?

Ayrıca wpDataTables kullanarak grafikler oluşturabilirsiniz. Tablonuzu oluşturduktan sonra başlamak için “Grafik Oluştur” u tıklayın.

wpDataTables Grafik Oluştur

Buradan grafiğinize bir ad verin, bir stil seçin (seçebileceğiniz tonlar vardır) ve grafiğinizi oluşturmak için kullanmak istediğiniz veri tablosunu seçeceğiniz bir sonraki ekrana devam edin.

wpDataTables Veri Atama

Veri kaynağı olarak kullanılacak tabloyu seçtikten sonra tablo sütunlarınızı grafiğin bölümlerine atayın. Seçtiğiniz grafiğe bağlı olarak, gereken minimum değer sayısı olabilir. Örneğimizde, grafik için en az iki sütun gerektiren bir çubuk grafik seçtik (çubuk olmak). Sütunları sıraladıktan sonra bir sonraki adıma geçin.

wpDataTables Grafiği Özelleştir

Şimdi eğlenceli kısım için. Grafiğinize stil eklemek ve özellikler eklemek için seçenekleri kullanın. Duyarlı genişlik, yükseklik, arka planlar, kenarlıklar, yazı tipleri, etiketler, renkler, başlığı göster / gizle, fareyle üzerine gelme ipuçları ve daha fazlası için tonlarca seçenek var.

Düzenlemeyi bitirdikten sonra, ileri düğmesini tıklayın ve grafik kısa kodunuzu kopyalayın. Grafiğinizi görmek için yazı veya sayfa içeriğinize yapıştırmanız, kaydedip web sitenizin ön ucuna gitmeniz yeterlidir!

Daha Fazla WordPress Tablosu Özelliği Ekleyin

Daha fazla istemek? Bir dizi var için eklentiler ve eklentiler sitenize daha da fazla tablo ve grafik seçeneği eklemek için.

wpDataTables Gelişmiş Filtreler

Güçlü Filtreler: Basamaklı (soldan sağa bileşik) filtreler, yönlü filtreleme (dar sonuçlara birden fazla filtre uygulama) ayarlayın, kullanıcı filtreleri seçinceye kadar tablo görünümünü devre dışı bırakın, canlı arama özellikleri ekleyin ve daha fazlasını yapın. Sadece masanızı kurarken seçeneği etkinleştirin ve yapılandırın.

Rapor Oluşturucu: Veri tablolarını temel alarak kendi özel Word veya Excel raporlarınızı oluşturun. Bu özellikle kullanıcılar tarafından ön uç düzenlemeye izin verirken (veri topladıkça raporları yeniden çalıştırabileceğiniz ve yazdırabileceğiniz gibi) veya raporları düzenli olarak (aylık faturalar veya zaman çizelgeleri gibi) yeniden oluşturmanız gerektiğinde yararlıdır.

wpDataTables Zorunlu Formlar

Müthiş Formlar: Popüler Formidable Forms Pro form oluşturucu için destek ekleyin. Veri toplama formu oluşturmak için Zorunlu Formlar’ı kullanın (anket gibi), ardından kullanıcı gönderimlerine göre otomatik olarak bir tablo oluşturun ve her alan bir sütuna dönüştürülür.

Yerçekimi Formları: Kullanıcı verilerine göre otomatik olarak WordPress tabloları oluşturmak için Gravity Forms gönderimlerini wpDataTables ile entegre edin. Uzantı, tablonuzu oluştururken yeni bir veri kaynağı ekler, böylece belirli Yerçekimi Formunuza bağlanmak ve verileri görselleştirmek kolaydır.

WpDataTables’ı Kendiniz Deneyin

wpDataTables Canlı Korumalı Alanı

Çoğu geliştirici size eklentinin neler yapabileceğini hissetmek için canlı bir demo sunar. Ancak size yalnızca çıktıyı gösterirler, yani önceden belirlenmiş girdilere dayanan “ön uç” görünümü Bu, çoğu eklenti canlı demolarının yetersiz kaldığı yerdir – eklentinin ayarlarına ve araçlarına erişmenizi sağlamazlar – yani arka uç.

wpDataTables, demolarında tam bir korumalı alan sunar. satın almadan önce deneyin. Tüm otomobil satıcıları bunu yapıyor – rezil test sürüşü. Korumalı alan aracılığıyla eklentinin özelliklerini kalbinizin içeriğine göre test edebilir ve çıktıyı gerçek zamanlı olarak görüntüleyebilirsiniz.

WpDataTables Demosunu görüntüleyin

Kendi kurulumunuzda test etmek için bir kopyasını indirmek ister misiniz? wpDataTables, WordPress.org deposundan alabileceğiniz lite bir sürüm sunar. Yukarıda ele aldığımız harika, premium özelliklere sahip değil, ancak eklentinin ihtiyaçlarınız için doğru çözüm olup olmadığını görmek için harika bir yol.

WpDataTables Lite’ı edinin

Ve eğer isterseniz, devam edip tamamen gönül rahatlığıyla satın alabilirsiniz. Neden? Çünkü ürünü zaten test ettiniz ve kullandınız.

Sonuç

wpDataTables, muazzam miktarda veriyle uğraşan WordPress siteleri için vazgeçilmez eklentilerden biridir. İster bir okul projesi oluşturuyor olun, isterse şirketin yıllık raporu, tablolar ve bunların görselleştirilmesi veri sunumunda hayati bir rol oynamaktadır.

WordPress için wpDataTables’ı edinin

WpDataTables’ı denediniz mi? Veya bu eklentinin neler yapabileceği hakkında sorularınız mı var? Aşağıya bir yorum bırakın – sizden duymak isteriz!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map