wpDataTables: Veri Temsilinde Tabloları Açma

Web sitelerinde görüntülenen bilgiler genellikle paragraf biçimiyle sınırlı değildir. Bazen, özellikle nesneleri listelemek veya karşılaştırmak istiyorsanız, verilerinizin temiz bir tablo biçiminde gösterilmesini istersiniz. Bu, WordPress yazılarına ve sayfalarına eklenebilecek excel benzeri bir yapıya ihtiyaç yaratır.

Bu amaç için geliştirilmiş kapsamlı ve ayrıntılı bir eklenti girin – wpDataTables .

wpDataTables – WordPress için Veri Temsil ve Yönetim Eklentisi

wpDataTables, verilerle manuel olarak doldurabileceğiniz veya çeşitli veri biçimlerinden içe aktarabileceğiniz içerikle WordPress web sitenizde tablolar ve grafikler oluşturmanıza olanak tanır. Tek yapmanız gereken verileri eklentiye beslemek, işlemin geri kalanını eklentinin kendisi yapacak.

Tablolardaki verileri içe aktarma, filtreleme, sıralama veya vurgulama olsun, wpDataTables hepsini yapar.

Herhangi bir kodlama bilgisi olmadan sadece birkaç tıklama ile tablolar oluşturabilir ve bunları web sitenizin herhangi bir yazısına veya sayfasına ekleyebilirsiniz.

wpDataTables ve uzantıları, tablo halinde veri gösterimi, sayfalandırma, filtreler, sıralama, arama vb. özellikler eklemek için JavaScript kitaplıklarını kullanır. Eklenti, işleri bir adım ileriye götürür ve DataTable kitaplığı özelliklerini uygularken özelleştirmeler eklemenize olanak tanır.

Eklentiyi nasıl kullanacağınız aşağıda açıklanmıştır:

Diyelim ki web sitenizde çalışan bilgilerini görüntülemek istiyorsunuz.

• Bir tablo oluşturarak ve sütun sayısını yapılandırarak başlamanız gerekir. Eklenti size her sütun için bir ayarlar sayfası sağlar.
• Başlıklar, değerler, filtre türü, farklı platformlarda görünürlük vb. gibi her sütun için öznitelikler ayarlayabilirsiniz.
• Tablo yapılandırıldıktan sonra, tablolamak veya manuel olarak eklemek istediğiniz çalışan bilgilerini içe aktarabilirsiniz.
• Eklenti, tabloyu temsil etmek için kullanabileceğiniz bir kısa kod otomatik olarak oluşturacaktır. Bu kısa kod, seçtiğiniz herhangi bir sayfaya veya gönderiye eklenebilir. DataTable'ı yayınlamak için editör panelindeki "wpDataTable" düğmesini de kullanabilirsiniz.

İşte wpDataTable Özelliklerine Ayrıntılı Bir Bakış

1. Duyarlı Veri Temsil

wpDataTables, WordPress sitelerinin duyarlılığını göz önünde bulundurarak duyarlı tasarımlar oluşturur.

Tablonuzu duyarlı hale getirmek için yapmanız gereken tek şey, aşağıdaki resimde gösterildiği gibi, WP panosundaki tablo oluşturma/düzenleme sayfasındaki 'Duyarlı' seçeneğini işaretlemektir:

Ayrıca, her sütun için ayarlar kutusunda , sütunu kendi takdirinize göre cep telefonlarında ve tabletlerde gösterme/gizleme seçeneğiniz vardır.

2. Gelişmiş Filtreler ve Arama Seçenekleri

Gelişmiş filtreler ve arama seçenekleri, kullanıcıların ön uçta temsil edilen verileri filtrelemesine olanak tanıyan araçlardır . Her filtrenin farklı bir giriş türüne sahip olduğu içerik tablosunu filtrelemek için farklı parametreler ayarlanabilir. Tek bir tabloya aynı anda birden fazla filtre uygulanabilir.

Tablo verisine uygulanabilecek altı filtre şunlardır:

1. Metin filtresi: Anahtar sözcükleri veya anahtar sözcük parçalarını kullanarak verileri filtreler. Anahtar kelimeyi içeren satırın tamamı sonuçlarda görünür.
2. Sayı filtresi: Sayıları kullanarak verileri filtreler. Yine sayı hücresinin bir parçası olduğu satırın tamamı sonuçlarda görünür.
3. Sayı Aralığı filtresi: Sayı Filtresi kesin sayıları elerken, Aralık Filtresi, belirli bir sayı aralığına düşen satırların arama sonucu olarak görüntülenebilmesi için bir aralık ayarlamanıza olanak tanır.
4. Tarih Aralığı filtresi: Girdiğiniz veriler tarih biçimindeyse, 'Başlangıç' ve 'Bitiş' tarihlerini girerek Tarih Aralığı filtresini kullanarak verileri filtreleyebilirsiniz.
5. Kutu Filtresi Seçin: Filtrelerden bazıları, kullanıcılara yardımcı olmak için site yaratıcıları tarafından önceden tanımlanmıştır. Bu filtreler, ön uçta açılır menüler olarak görünür. Bu filtreler 'değerler' olarak bilinir ve yazarlar tarafından tanımlanabilir veya sistem tarafından oluşturulan değerler tarafından otomatik olarak doldurulur.

3. Verilerin Vurgulanması ve Biçimlendirilmesi

wpDataTables'ın bir diğer istisnai özelliği, belirli bir metni daha dikkatli hale getirmek ve ilgili verileri vurgulamak için koşullu biçimlendirmedir . Bu, sizinle alakalı olanı bulmak için çıkarılacak çok veri olduğu durumlarda son derece yararlıdır.

Benzer veriler renk kodlaması ile gruplandırılırsa veya özel CSS kullanılarak farklı şekilde şekillendirilirse, kullanıcının büyük miktarda veriyi önemli düzenlemeler yapmadan ayırt etmesini kolaylaştırabilir.

Tek yapmanız gereken, her sütun ayarının altındaki koşullu biçimlendirme bölümünü etkinleştirmek.

Koşullu biçimlendirme, ayarlarda her sütun için ayrı ayrı ' Kurallar' tanımlamayı içerir. Not: Her yeni kuralın bir öncekinden daha yüksek önceliği vardır ve her zaman son kuralı geçersiz kılar.

4. Grafik Olarak Veri Temsili

wpDataTables ayrıca kullanıcılarına desteklenen grafik motorlarını kullanarak verileri grafik çizelgeleri biçiminde işlemek için başka bir harika seçenek sunar .

Bu Grafikler, tablonun kendisinden alınan veriler kullanılarak oluşturulur. Sadece grafiğini oluşturmak istediğiniz sütunları seçin ve “ Tablo Ayarları” nda grafik tipini etkinleştirin. Ayrıca Grafik Sihirbazını açabilir ve bir işleme motoru seçebilirsiniz, ardından eklenti size seçim yapabileceğiniz yaklaşık 10'dan fazla grafik türünün bir listesini gösterir.

Grafik için 'Satır Aralığı' ve 'Sütun Aralığı' tanımlamanız gerekir.

Ayarlar kaydedildikten sonra, istediğiniz sayfaya veya gönderiye eklenebilecek bir kısa kod oluşturulur.

5. İçe Aktarma için Çoklu Veri Kaynakları

wpDataTable'lar çeşitli veri kaynaklarından gelen verilerle beslenebilir. Dahil edilen veri kaynakları aşağıdaki gibidir:

• MySQL sorgusu: Gerçek zamanlı veriler sağlayarak doğrudan MySQL'den tablolar oluşturabilirsiniz. Bu yöntem, büyük veritabanları için mükemmeldir.
• Google E-Tablosu: Burada oluşturulan tablolar, herhangi bir yazılım önkoşulunun indirilmesine gerek kalmadan paylaşılabileceği, düzenlenebileceği ve otomatik olarak Google Drive'a kaydedilebileceği çevrimiçi bir platformda olduğundan, bu son derece popüler bir veri kaynağıdır.
• CSV dosyası: Basit ve hafif bir veri kaynağı olan bir .CSV dosyası, MS Excel, OpenOffice, LibreOffice, Google Spreadsheet vb. herhangi bir yazılım kullanılarak oluşturulabilir ve DataTable'a yüklenebilir.
• Excel dosyası: Veriler bir dosyadan çıkarılabilir.   Excel'de oluşturulan .XLS veya .XLSX dosyası.
• XML dosyası: Tek bir kök düğüme ve aynı yapılandırılmış alt düğümlere sahip yapılandırılmış bir .XML dosyası, satırlar ve bunların nitelikleri hücre olarak işlev görmek için kullanılabilir.
• Serileştirilmiş PHP dizisi: Bir PHP dosyası tarafından döndürülen veriler, bir tablo oluşturmak için kullanılabilir.
• JSON dosyası: Bir URL aracılığıyla erişilebilen bir JSON dosyasındaki veriler, wpDataTable'ınıza yüklenebilir.

6. Kazanan Özellik: Tablo Oluşturucu

wpDataTables, tablo biçiminde veri gösterimini hızlı ve kolay hale getirmek için geliştirilmiştir. Bu amaçla geliştiriciler, tabloları ayarlamada adım adım size yardımcı olmak için eklentiyi Table Constructor adlı bir kurulum sihirbazıyla donattı. Bir tabloya manuel olarak veri girebilir, mevcut verileri içe aktarabilir veya mevcut site içeriğinize veya veritabanınıza göre bir tablo oluşturabilirsiniz.

Tablo Oluşturucu, tablo oluşturmayı sütun numarasından, veri türünden, varsayılan değerden vb. tamamen özelleştirilebilir hale getirir.

BONUS: wpDataTable Verilerini Dinamik Olarak Değiştirme!

Şimdi, veri gösterimi wpDataTables eklentisi tarafından sorunsuz bir şekilde işlenirken, içeriği ihtiyaçlarınıza göre değiştirmeniz gerekebilecek bir durum olabilir.

İşte bu konuda nasıl gidebileceğiniz!

Ana Filtre

wpDataTable, temsil edilen verileri değiştirmek için kullanılabilen bir ana filtreye ( wpdatatables_filter_initial_table_construct ) sahiptir.

Bu filtre, veriler bir kaynaktan okunduktan ve sütunlar oluşturulduktan sonra tablo nesnesine uygulanır. Yeni bir tablo türü oluşturmak için kullanılabilir. Bu filtre, veri kaynağından geçirilen tüm verileri içeren bir parametreye sahiptir. Değerler bu nesnenin yardımıyla alınabilir.

Bir tablodaki satırların verilerini alma:

 wdm_get_rows işlevi ($tbl)
{
    $allDataRows = $tbl -> getDataRows();
    // işlemleri burada gerçekleştir
}
add_filter( 'wpdatatables_filter_initial_table_construct' , 'wdm_get_rows' , 10 , 1 );

Bu kod, tablonun satırlarındaki tüm verileri getirir. Benzer şekilde sütun içeriğini de getirebilirsiniz.

Tablodaki sütunların verilerini alma:

 işlev wdm_get_columns ($tbl)
{
    $allDataColumns = $tbl -> getColumns();
    // işlemleri burada gerçekleştir
}
add_filter( 'wpdatatables_filter_initial_table_construct' , 'wdm_get_columns' , 10 , 1 );

Fonksiyonumuzdaki verileri değiştirdiğimizde, parametrelerin değiştirilen verileri temsil için döndürmesi için bu verileri tekrar parametreye ayarlamamız gerekir. Birkaç parametre korunduğundan, WPDataTable sınıfında bu özel değerleri ayarlamak için yeterli yöntem yoktur.

Ancak özel değişkenleri aşağıdaki gibi ayarlamak için kendi yöntemlerimizi yazabiliriz:

 /**
* $target = verinin ayarlanacağı nesne
* $newVal = ayarlanacak olan değiştirilmiş değer
* $prop = değeri ayarlanacak nesnenin özelliği
**/
function wdm_set_values ($hedef, $newVal, $prop)
{
    $nesne = yeni WPDataTable ();
    $refObject = new ReflectionObject ($nesne);
    $refProperty = $refObject -> getProperty($prop);
    $refProperty -> setValue($hedef, $yeniDeğer);
    $refProperty -> setAccessible( true );
    $refProperty -> setValue($hedef, $yeniDeğer);
$hedef döndür ;
}

Yukarıdaki örnek, bir tablonun veri satırlarını ayarlar ve aşağıdaki fonksiyon kullanılarak çağrılabilir:

 wdm_set_values($tbl, $modifiedDataRows, '_dataRows' );

Ana Sütun filtresi

Ana sütun filtresi – wpdatatables_filter_columns_metadata – sütun verilerini dinamik olarak değiştirmek için kullanılabilir. Bu filtre, parametre olarak işlev gören ve sütunların tüm meta verilerini içeren bir diziye sahiptir. Bu filtre, değiştirilmiş sütun dizisini döndürmek için kullanılabilir ve aşağıdaki gibi kullanılabilir:

 işlev wdm_columns_meta ($sütun_dizi)
{
    // sütun dizisini filtreleme mantığı
$column_array döndür ;
}
add_filter( 'wpdatatables_filter_columns_metadata' , 'wdm_columns_meta' , 10 , 1 );

Çözüm

Sonuç olarak, wpDataTables, tüm tablo ihtiyaçlarınız için eksiksiz bir çözüm olarak işlev görür . Eklenti, uyumlu tablolar ve grafikler oluşturur ve içeriğiniz için bir Veri Yöneticisi olarak işlev görür. Fiyat listelerini, katalogları, dizinler gibi sarı sayfaları görüntülemek ve her türlü karmaşık analiz ve karşılaştırmalar için kullanabilirsiniz.

35 $ ​​fiyatla kapsamlı belgeler, önceden tanımlanmış filtreler ve eylem kancaları ve istek üzerine ek özelliklerle 6 aylık destek ile birlikte gelir. Tüm bunlar kullanışlı işlevsellik ile birleştiğinde bu eklenti her kuruşuna değer!

Aşağıdaki yorum bölümünde düşüncelerinizi ve önerilerinizi bana bildirin!