WordPress’e Tablo Ekleme

tablepressWordPress‘in kendi yapısında klasik HTML table elemanını tanıyan bir dönüştürücü mevcut. Ancak CMS içerisinde bir veri tablosu (datatable) oluşturmanızı sağlayacak kapsamlı bir seçenek mevcut değil.

TablePress, WordPress’e kolay bir şekilde tablo eklemenizi sağlar. Client-side çalışan bu yapı sayesinde sorgu öğelerine sahip gelişmiş bir gridi WordPress sitenize dahil etmiş olursunuz. (daha&helliip;)

Devamını Oku


IMGRID ile Resimlerinizi Yönetin

imgridIMGRID, sizler için hazırladığımız bir resim grid kütüphanesidir. HTML5 ile oluşturulmuş, CSS3 ile stilize edilmiş tasarım jQuery ile fonksiyonel hale getirilmiştir. Ancak yapının esnekliği sadece teknik bazda değil, kullanıcı arayüzü tarafında da bulunmaktadır. 3 ayrı şekilde boyutlandırmayı tek fonksiyon altından sunan IMGRID tamamıyla responsive olarak geliştirilmiştir.

Bütün işlemlerini client side olarak yürüten IMGRID’ın geliştirmeleri Adobewordpress tarafından versiyonlanarak devam edecektir. Şimdi biraz detaylar ve kullanım üzerine konuşalım. Ama öncesinde örneği test etmek isteyebilirsiniz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

bootstrap-grid-yapisi

Ders 2 : Bootstrap Grid (Izgara) Yapısı

Bootstrap ders serimizin ikinci adımıyla sizlerleyiz.

Adobewordpress ailesi olarak CSS3’ün Media Sorgularını daha önce konu edinmiştik. Şimdi aynı işlemi, yani Responsive Design’in liquid yapısını Bootstrap ile hazırlayacağız.

Bugün kütüphanenin sunduğu en büyük avantajı, 12’lik grid (ızgara) yapısını konuşacağız. (daha&helliip;)

Devamını Oku

jQuery ile Düzenlenebilir Table (editableTableWidget)

editable-table
Web tasarımının listeleme yükünü sırtlayan tablo yapıları günümüzde popülerliğini korumakta. Ancak kimi zaman veri çokluğundan, kimi zaman da form yoğunluklarından bu tablolardaki güncelleme işlemleri popup, modal veya yeni sekmede yapılmakta. Bu da kullanıcının ufacık bir satırı değiştirmesi için fazladan bir ekran daha gezmesi anlamına geliyor.

Bu makalemizde jQuery ile düzenlenilebilir / değiştirilebilir table yapısı oluşturacağız. Karşınızda editableTableWidget!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku