wpDataTables ile Çarpıcı Duyarlı Tablolar Oluşturun

WordPress'te tablo oluşturmak kolaydır. WordPress'e kodla tablo eklemenin geleneksel yolları vardır, ancak bir tablo (veya grafik) oluşturmanın açık ara en uygun yolu wpDataTables WordPress eklentisidir. Tablonuzu çeşitli dış kaynaklardan içe aktarmayı, beğeninize göre şekillendirmeyi ve web sitenize eklemeyi son derece kolaylaştırır.

Temel HTML Tabloları

Standart HTML tablo etiketlerini kullanarak WordPress'e tablolar ekleyebilirsiniz. Oldukça basittirler ve aşağıdaki temel yapıyı kullanırlar (gönderinizi oluştururken bunları "metin" sekmesine girmeyi unutmayın):

 <table style="width: 100%;"> <tbody> <tr> <th style="width: 33%;">First</th> <th style="width: 34%;">Second</th> <th style="width: 33%;">Third</th> </tr> <tr> <td>Jack</td> <td>Jackson</td> <td>25</td> </tr> <tr> <td>Jane</td> <td>Jenson</td> <td>30</td> </tr> </tbody> </table>

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

Öncelikle	İkinci	Üçüncü
Jack	Jackson	25
Jen	Jenson	30

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

• Gelişmiş seçenekler için HTML kodlamasını öğrenmeniz gerekecek
• HTML eklemek zaman alıcıdır ve çok sayıda tablo oluşturuyorsanız uzun vadede üretkenliğinizi engeller.
• Bu yöntem, düzen ve tasarım açısından oldukça 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 güvenle 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 değil.

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

Daha önce, WordPress'e HTML içeren tablolar eklerken üç ana sorun belirledik. Endişelenmeyin – tablolar oluşturmanın çok daha iyi bir yolu var. Bu yüzden, yukarıda bahsedilen tüm sorunları ortadan kaldıracak ve bir dizi faydalı özellik getirecek bir eklenti tanıtmama izin verin.

wpDataTables ile Daha İyi Tablolar Oluşturun

WordPress ile tablolar oluşturmak için wpDataTables'ı şiddetle öneririz. Bu tamamen duyarlı premium eklenti, WordPress'te tabloları ve çizelgeleri oluşturmayı, özelleştirmeyi ve yönetmeyi kolaylaştırır – kodlama gerekmez . Sadece kurun ve tablolar ve çizelgeler oluşturmaya başlayın! 14.300'den fazla kişi tarafından güvenilen (ve daha önce onu ayın WordPress eklentilerimizden biri olarak adlandıran), mütevazı görüşümüze göre 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ı

Verilerinizi nerede saklamayı tercih ettiğinize bağlı olarak wpDataTables, birçok farklı kaynaktan içe aktarmanıza olanak tanır. Verileri içe aktarmak için Excel, CSV, Google Doc, XML, JSON, Serileştirilmiş PHP Dizisi veya MySQL sorgusu arasından seçim yapın. Ayrıca manuel olarak yeni bir tablo oluşturma, canlı bir veri kaynağına bağlantı (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, uygun bir veritabanındaki verileri görüntülememe ve değiştirmeme izin verdiği için benim kişisel favorim. wpDataTables, MS SQL ve PostgreSQL veritabanları için ayrı veritabanı bağlantılarını ve birden fazla ayrı veritabanı bağlantısı ekleme seçeneğini destekler. Tablolar, birden çok veritabanından ve sunucudan veri çekebilir. Bir masa projesi üzerinde çalışan bir geliştirici ekibiniz varsa, bu, işbirliğini çok basit hale getirecektir (bununla ilgili daha fazla bilgi ileride anlatılacaktır)!

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. Ayrıca mor, koyu ve aqua dahil olmak üzere seçilebilecek yeni modern masa kaplamaları da var. Eklentinin sunduğu harika tasarım özelliklerine bir göz atın:

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

Verimli Arama için Filtreler

Yeni bir tablo oluştururken (veya mevcut bir tabloyu düzenlerken) filtreleri etkinleştirme seçeneğiniz vardır. Filtreler ile sadece istediğiniz itemler ile sonuç setinizi küçültebilirsiniz. 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, konuya göre sonuçları filtrelemek kitabınızı çok daha hızlı bulmanıza yardımcı olur.

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

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

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. Hatta hangi kullanıcıların veritabanındaki değerleri düzenleyebileceğini belirleyebilirsiniz – tüm kullanıcıların erişim göndermesi veya kullanıcı rollerine göre erişim sağlaması için açık bırakarak.

Grafikleri Kullanarak Verileri Görselleştirin

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

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

Ömür Boyu Güncellemeler

Çoğu eklenti geliştiricisi size bir yıllık güncelleme ve destek verir. Ancak bu geliştirici, bir kerelik ücret karşılığında ömür boyu güncellemeler ve altı aylık destek içermektedir (not – sürekli destek için lisansınızı yenilemeniz gerekecektir).

Ayrıntılı Belgeler

Geliştirici, wpDataTables'ın nasıl kullanılacağını açıklamaya gelince, hiçbir taş bırakmaz. Eklentinin tam kapasitesini kavramanıza yardımcı olacak kapsamlı çevrimiçi belgeler ve video eğitimleri var!

Bu bize 2 şey söyler:

1. Geliştirici, müşterilerini önemser – böylece ürünü satın almak için geri gelirler
2. Bilgili bir müşteri = daha az hıçkırık = daha düşük destek biletleri = mutlu müşteriler

Ayrıca, daha az destek bileti ile geliştirici, eklentiyi geliştirmeye ve daha yeni özellikler sunmaya daha fazla zaman ayırabilir!

wpDataTables ile Duyarlı Bir Tablo Nasıl Oluşturulur

Artık wpDataTables'ın neden harika bir eklenti olduğunu düşündüğümüzü anladığınıza göre, nasıl kullanılacağını size gösterelim! wpDataTables eklentisini kullanarak yeni bir tablo oluşturmak için tam olarak üç adım vardır.

1. wpDataTables'ı kurun

Bunun bariz olması gerektiğini biliyorum, ancak önce wpDataTables'ı yüklemeniz gerekecek. Bu premium bir eklenti olduğu için CodeCanyon'dan satın alınmalı ve indirilmelidir (sadece satın alımlarınıza gidin ve “Yalnızca Yüklenebilir WordPress dosyasını” indirin).

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

2. Veri Tablonuzu Oluşturun

Eklenti aktifken yepyeni bir “wpDataTables” menü öğeniz olmalıdır. Üzerine tıklayın, ardından yeni bir tablo oluşturmaya başlamak için büyük mavi Yeni Ekle düğmesine tıklayın.

İlk seçeneğiniz, tablonuzu nasıl oluşturmak istediğiniz olacaktır. Sunulan beş seçenek olmalıdır. Kullanmak istediğimiz basit bir elektronik tablomuz olduğu için CVS'den içe aktarma seçeneğini seçtik. Ardından, İleri'ye tıkladıktan sonra, dosyanızı seçip yüklemeniz istenecektir.

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

Artık evdesin! Bu sayfadan tablolarınız için ek ayarlar yapabilirsiniz (isteğe bağlı). Daha küçük cihazlarda duyarlı daraltmayı etkinleştirmek, yatay kaydırma çubuğu eklemek, tablo genişliğini sınırlamak vb. için "Görüntüleme" seçeneklerini kullanın. Ön uç düzenlemeyi etkinleştirmek veya tablo araçlarını (yazdırma, kopyalama veya dışa aktarma) etkinleştirmek için "Düzenleme" sekmesine gidin Hızlı Linkler). Hepsinden iyisi, ince ayarlar yaparken düzenlemelerinizi canlı olarak önizleyebilirsiniz. Herhangi bir değişiklik yaparsanız Kaydet (veya uygula) onay işaretine tıklamayı unutmayın.

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

3. Tablonuzu Bir Yazıya veya Sayfaya Ekleyin

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

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

Bir Grafik oluşturmak ister misiniz?

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

Buradan grafiğinize bir ad verin, bir stil seçin (seçim yapabileceğiniz tonlarca var) ve grafiğinizi oluşturmak için kullanmak istediğiniz veri tablosunu seçeceğiniz sonraki ekrana geçin.

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 gerekli minimum sayıda değer olabilir. Örneğimizde, grafik için (çubuklar olmak üzere) en az iki sütun gerektiren bir çubuk grafik seçtik. Kayan nokta ve tamsayı sütunlarını filtrelemek için sayı aralığı kaydırıcısını da kullanabilirsiniz. Sütunlarınızı sıraladıktan sonra bir sonraki adıma geçin.

Ş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, üzerine gelindiğinde araç ipuçları ve daha fazlası için tonlarca seçenek vardır.

Düzenlemeyi bitirdikten sonra, ileri'ye tıklayın ve grafik kısa kodunuzu kopyalayın. Sadece gönderinize veya sayfa içeriğinize yapıştırın, kaydedin ve grafiğinizi görmek için web sitenizin ön ucuna gidin!

Ek bir bonus olarak wpDataTables, eklentiyi silseniz bile tablolarınızı saklamak isteyip istemediğinizi seçmek için benzersiz bir seçenek içerir (varsayılan olarak tablolar eklentiyi sildikten sonra veritabanına kaydedilir).

Daha Fazla WordPress Tablosu Özelliği Ekleyin

Daha fazla istemek? WordPress siteniz için daha fazla tablo ve grafik seçeneği eklemek için wpDataTables için bir dizi uzantı ve eklenti vardır.

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

Rapor Oluşturucu : Veri tablolarına dayalı olarak kendi özel Word veya Excel raporlarınızı oluşturun. Bu, özellikle kullanıcılar tarafından ön uç düzenlemeye izin verildiğinde (veri toplarken raporları yeniden çalıştırabilir ve yazdırabilirsiniz) veya raporları düzenli olarak yenilemeniz gerektiğinde (aylık faturalar veya zaman çizelgeleri gibi) yararlıdır.

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

Gravity Forms : Kullanıcı verilerine dayalı olarak WordPress tablolarını otomatik olarak 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. Ve Gravity Forms tabanlı tablolar için (Gravity Forms entegrasyon eklentisi ile) kolay ön uç düzenleme bile vardır.

wpDataTables'ı Kendiniz Deneyin

Çoğu geliştirici, eklentinin neler yapabileceğine dair bir fikir vermek için size canlı bir demo verir. Ancak size yalnızca çıktıyı gösterirler, yani önceden belirlenmiş girdilere dayanan “ön uç” görünümü Bu, çoğu eklenti canlı demosunun yetersiz kaldığı yerdir – size eklentinin ayarlarına ve araçlarına erişim izni vermezler – yani arka uç .

wpDataTables ancak demolarında size satın almadan önce deneyebileceğiniz tam bir sanal alan sunar. Tüm araba satıcıları bunu yapar – kötü şöhretli 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üle

Kendi kurulumunuzda test etmek için bir kopya indirmek ister misiniz? wpDataTables, WordPress.org deposundan alabileceğiniz hafif bir sürüm sunar. Yukarıda bahsettiğimiz harika, premium özelliklerin tümüne sahip değil, ancak eklentinin ihtiyaçlarınız için doğru çözüm olup olmadığını görmenin harika bir yolu.

wpDataTables Lite'ı edinin

Ve beğenirseniz gönül rahatlığıyla gidip satın alabilirsiniz. Niye ya? Çünkü ürünü zaten test ettiniz ve kullandınız.

Çözüm

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

WordPress için wpDataTables alın

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 haber almak isteriz!