WordPress'te Kodlamadan Gelişmiş HTML Tabloları Nasıl Oluşturulur

WordPress, tüm web'in %43'lük payıyla dünyanın en popüler CMS platformu olmaya devam ediyor. Hiç şüphesiz en çekici özelliklere sahip olsa da, kodlama olmadan HTML tabloları oluşturmak söz konusu olduğunda WordPress mutlaka en iyi platform değildir.

Birçok kişi HTML tablolarının modası geçmiş olduğunu düşünse de, yine de izleyiciler için mükemmel bir değer sunarlar. Sonuç olarak, çoğu kullanıcı, belirli "yalnızca geliştirici" görevi için uzmanları işe almak zorunda kaldı. Amaç düşünüldüğünde, o zamanlar WordPress kullanıcıları için büyük bir hayal kırıklığıydı.

Gutenberg: WordPress'in tablo bloklu varsayılan düzenleyicisi

Temmuz 2017'de düzenlenen Avrupa WordCamp sırasında, WordPress kurucusu Matt Mullenweg, Gutenberg blok editörünün WordPress'in gelecekteki editörü olduğunu duyurdu. Birçok WordPress kullanıcısını memnun etmek için, yepyeni düzenleyici yerleşik bir tablo bloğu ekleyeceğine söz verdi.

Ancak Gutenberg, WordPress 5.0 ile geldiğinde, editör, farklı cihazlarda yanıt verme ve optimizasyon sorunlarına neden olduğu için eleştirildi. Bununla birlikte, editör, söz verildiği gibi, kullanıcıların web sitelerinde kodlamaya gerek kalmadan tablolar oluşturmalarını sağlayan yerleşik bir tablo bloğu ile geldi.

Gutenberg tablo bloğu, WordPress'te HTML tabloları oluşturmak için oldukça kullanışlı bir seçenek olsa da, etkili bir tablo oluşturucu çözümü olmanın kilometrelerce gerisindeydi. En çekici görünümü sunmaz, yeniden kullanılamaz ve büyük veritabanlarını işlemede iyi değildir.

Gutenberg, basit bir masa oluşturucusundan başka bir şey değildir. Tablo sıralama, filtreleme veya stil oluşturma gibi gelişmiş HTML tablo işlevleri için Gutenberg'i kullanamazsınız. Sonuç olarak, Gutenberg blok düzenleyici, herhangi bir şekilde gelişmiş bir tablo oluşturucu olmaktan çok uzaktır.

Bu nedenle, kontrol panelinize gelişmiş tablo özellikleri ekleyen bir eklenti oluşturmak bizim gibi serbest dolaşımdaki WordPress geliştiricilerine, WPManageNinja'ya kalmıştı.

Ninja Tabloları: gelişmiş HTML tablosu WordPress eklentisi

Gutenberg duyurulmadan önce bile, WPManageNinja'daki geliştiricilerimiz, kullanıcıların herhangi bir güçlük çekmeden tablolar oluşturmalarını sağlayacak güvenilir bir WordPress tablo eklentisi bulmak için durmaksızın çalışıyordu.

27 Şubat 2018'de WordPress eklenti mağazasında Ninja tablolarını yayınladık ve Ninja Tabes'in 30000'den fazla aktif kuruluma ulaşması sadece birkaç ay sürdü! Kullanıcılarımızın inanılmaz desteği ve takdiri, ilk sürümden bu yana 2,5 yıldan daha kısa bir süre içinde 45'ten fazla eklenti güncellemesi yayınlamamız için bizi motive etti ve Ninja Tables'ı bu süreçte bir numaralı WordPress tablo eklentisi haline getirdi!

Dinamik özellikleri ve kullanıcı dostu arayüzü sayesinde Ninja Tables artık 70k+ web sitesi ve işletme tarafından kullanılıyor.

Ninja Tables, web sitenizde sergilemek için çok çeşitli tablolar oluşturmanıza olanak tanıyan bir veri görselleştirme eklentisidir. Duyarlılık, özellikler, özelleştirme olanağı ve üçüncü taraf entegrasyonları, çıkarılması zor olan bu gelişmiş HTML tablolarını WordPress sitenize almak söz konusu olduğunda onu en iyi seçeneğiniz haline getirir.

Şimdi, Ninja Tablolarının en gelişmiş HTML tablosu oluşturma ve özelleştirme özelliklerini inceleyelim.

• kullanıcı arayüzü
• Tablo düzenleyici
• Entegrasyonlar

kullanıcı arayüzü

Aktivasyon üzerine, Ninja Tabloları, WordPress kontrol panelinizin kenar çubuğundan bulunabilir. Çoğu WordPress eklentisi gibi, Ninja Table da çeşitli işlevlere sahip bir kullanıcı arayüzü sunar. Daha fazlasını öğrenelim!

• Tüm sekmeler
• Araçlar ve ayarlar
• Yardım ve belgeler

Ana Sayfa/Tüm Masalar

Ninja Tables Home , yeni tekliflerle çekici bir arayüze sahiptir. Size biri oluşturulacak diğeri içe aktarılacak iki düğme sağlar.

İlk Tablonuzu Oluşturun düğmesi sizi manuel bir WordPress tablo oluşturucusuna götürürken CSV'den İçe Aktarabilirsiniz.

Sıfırdan bir tablo oluşturmaya karar verirseniz, bir açılır pencerede sizden Başlık ve Açıklama girmenizi isteyecektir. Ayrıca, çeşitli içe aktarma ve entegrasyon özellikleri sunan birkaç sekme daha fark edebilirsiniz. Bununla birlikte, Ninja Tables'ın ücretsiz sürümü yalnızca CSV veya JSON aracılığıyla içe aktarmanıza ve WP Fluent Forms ile entegre etmenize izin verecektir.

Bir Başlık ve Açıklama sağladıktan sonra, tablo oluşturucuya erişmek için Ekle düğmesini tıklayın. İhtiyacınız yoksa açıklama kutusunu atlayabilirsiniz.

İçe aktarma özelliği de aynı şekilde çalışır. Web sitenize yüklemek için bilgisayarınızda oluşturduğunuz bir excel dosyası veya başka bir CSV dosyası seçmenize olanak tanır.

Her iki durumda da, tablo düzenleyicide olacaksınız. Oluşturulan Tablolarınızın yeniden kullanılabilir olduğunu ve ana pencerede görüneceğini unutmayın. Ninja Tabloları, kısa kodları kullanarak tabloları tanımlar. Web sitenizin bir gönderisinde veya sayfasında tablo kullanmak için tablo kısa kodunu sayfanıza veya gönderiye kopyalayıp yapıştırmanız yeterlidir.

Araçlar ve Ayarlar

Ana Sayfa sekmesinin yanı sıra, Ninja Tablosu, kullanıcıların Genel Görünümü İçe Aktarma, değiştirme, kullanıcı İzinlerini ayarlama ve Genel Ayarları değiştirme olanağı sağlayan bir Araçlar ve Ayarlar sekmesi de içerir.

İçe Aktarma aracı, halihazırda başka bir popüler tablo eklentisi kullanıyorsanız ve Ninja Tablosuna geçtiyseniz uygundur. Ninja Table, Supsystic tarafından sunulan TablePress, Ultimate Tables ve Data Tables Generator için tek tıklamayla tablo içe aktarma özelliğine sahiptir. Bu sekmede CSV dosyalarını da içe aktarabilirsiniz.

Sırada, Genel Görünüm sekmesi, tablo stillerini değiştirmenize olanak tanır. Ninja tabloları, üç farklı tablo UI stili kullanarak tablolarınızı doğaçlama yapabilir. Ayrıca her stili tercihinize göre özelleştirebilir ve ziyaretçilerin tablolarınızı aramasına ve filtrelemesine izin verip vermeyeceğinizi seçebilirsiniz. Ancak görünüm kuralları da her tablo için ayrı ayrı değiştirilebilir.

Ne yazık ki, Ninja Tables pro sürümünüz yoksa, farklı arka uç kullanıcıları için İzin ayarlayamazsınız. Kalan sekme, Javascript Hatalarının nasıl ele alınacağını ve Tablo Önbelleğini Temizle'yi seçmenizi sağlar.

Yardım ve Belgeler

Ninja Masalarının geniş özellikleri güvenilir belgeler gerektirir ve ekibimiz Ninja Masaları hakkında bilmeniz gereken her şeyi hazırladı.

Yardım ve Dokümantasyon arayüzümüz, Ninja Tables'ın neler yapabileceğini derinlemesine anlamak için iyi belgelenmiş bir Kullanıcı Kılavuzu sunar. Ve hala herhangi bir sorunla karşı karşıyaysanız, bir destek bileti göndererek her zaman Bize Ulaşabilirsiniz!

Artık kullanıcı arayüzünü öğrendiğinize göre, kesinlikle bir tablo oluşturmak isteyeceksiniz! O halde Yuvaya geri dönün ve bir tane oluşturmaya başlayın!

Tablo Düzenleyici

Tablo düzenleyici, Ninja Tables ile ilgili en heyecan verici şeylerden biridir. Özelleştirmenin yanı sıra en gelişmiş HTML tablo oluşturucu özelliklerinden bazılarıyla güçlenir. Ekle veya İçe Aktar düğmesini tıkladığınızda, çok yönlü Ninja Tabloları tablo düzenleyicisine yönlendirileceksiniz.

Ninja Tables tablo oluşturucu kullanıcı arayüzü, yukarıda görüntülenen bölümlerden oluşur. Her tablo oluşturucu bölümü, güzel WordPress HTML tabloları oluşturmak ve tasarlamak için birden fazla özelleştirme işlevine sahiptir.

Tablo başlığını ve açıklamasını değiştirebilir ve üstteki Düzenle düğmesini tıklayarak bir Tablo Altyazısı belirleyebilirsiniz. Ek olarak, Ninja Tables tablo oluşturucu kullanıcı arayüzü, istediğiniz zaman tablonuzu Önizlemenizi sağlar.

• Tablo satırları
• Yapılandırma
• Tasarım
• Ön uç düzenleme
• Özel CSS
• İthalat ihracat

Tablo oluşturucu işlevlerini tek tek tartışalım.

Tablo Satırları

Tablo Satırları, WordPress'teki herhangi bir HTML tablo oluşturucusunun temel yönlerinden biridir. Dediği gibi, Sütun Ekle düğmesini tıklayarak başlayabilirsiniz!

Düğme, WordPress'teki en gelişmiş HTML tablo işlevlerinden bazılarını sağlayan bir sütun oluşturma penceresi açacaktır. Ninja Tables, yalnızca ortalama sütun oluşturma olanaklarına sahip basit bir tablo oluşturucu değildir; bundan çok daha fazlası.

Böylece bir sütun başlığı yazabilirken, Veri Türü ve Duyarlı Kesme Noktalarını da ayarlayabilirsiniz (Duyarlı Kesme Noktası, belirli cihazlarda bir sütunun gösterilip gösterilmeyeceğini seçmenize olanak tanır) .

Ancak ücretsiz sürüm, Seç alanını, görseli ve dosya yüklemelerini sınırlar ve düğme oluşturmanıza izin vermez. Yine de eklenti, HTML Alanı , Sayısal Değer ve Tarih Alanı gibi bazı inanılmaz veri ekleme özellikleriyle güçlenir.

Tablo sütunlarınız üzerinde hâlâ daha fazla kontrol arıyorsanız, diğer sütun özelleştirme sekmelerinde bulunan Gelişmiş Ayarlar , Koşullu Ayarlar ve Dönüşüm Değeri'nin kilidini açabilirsiniz. Nasıl çalıştıkları hakkında daha fazla bilgi için Ninja Tabloları belgelerine bakın.

Tablo sütunlarını ekledikten sonra düzenleyicide bir Veri Ekle düğmesi görünür. Web sitenize zahmetsizce veri eklemenizi sağlar. Sütun başlığının yanındaki dişli simgesini tıklayarak sütunları ayrı ayrı özelleştirebilir ve istediğiniz zaman verileri düzenleyebilir, çoğaltabilir veya silebilirsiniz!

Son olarak, tablo satırları bölümü ayrıca Toplu İşlemler yapmanıza veya tablonuz çok sayıda veriden oluşuyorsa bir Kompakt Görünüm ayarlamanıza izin verir.

Tablo Yapılandırması

Tablo Yapılandırma sekmesi, bir sürükle ve bırak sütun organizasyonu sunar. Genellikle, HTML tabloları oluşturulduktan sonra WordPress'te düzenlenemez.

Bu anlamda Ninja Tables, masa organizasyonunu sınırlamıyor. Tablo satırları sürükleyip bırakarak düzenlenebilir, ayrıca yeni sütunlar oluşturabilir veya mevcut olanları düzenleyebilirsiniz.

Tablo yapılandırma sekmesindeki sonraki sekme, Oluşturma Ayarları'nı , yani tablolarınızın tarayıcılar tarafından nasıl oluşturulmasını istediğinizi seçmenize olanak tanır. Varsayılan olarak, tablolarınız Ajax Tablo ayarlarıyla oluşturulacaktır. Bu özellik, web sitenizin hızına zarar vermeden büyük veritabanlarını birleştirmenize olanak tanır.

İki işleme seçeneği olsa da, pro sürümünüz yoksa Gelişmiş Tablo ayarlarını seçemezsiniz. Gelişmiş Tablo , hücre marjı ve kısa kodlar dahil olmak üzere en gelişmiş tablo alanlarından bazılarını içerebilir ve SEO optimizasyonu için uygundur.

Özel Filtreler , bir Radyo Düğmesi, Onay Kutusu, Tarih seçici veya diğer çeşitli özel kullanıcı arabirimlerini tablonuza eklemek istiyorsanız kullanışlı bir işlevdir. Ürünler görüntülüyorsanız veya tablo hücrelerinize daha fazla veri ekliyorsanız, bunlar mükemmel dönüşüm optimizasyonu özellikleri sağlayabilir. Ancak, özel filtre aynı zamanda profesyonel bir özelliktir.

Düğme yapılandırması, Yazdır veya CSV içe aktarma düğmesini (Pro özelliği) eklemenize olanak tanır. Tablo arama çubuğunuz, arama yer tutucunuz veya arama açılır başlığınız için farklı bir dil kullanmakla ilgileniyorsanız, Dil Ayarları yararlıdır.

Masa Tasarımı

Ninja Tables Table Design , inanılmaz bir görsel özelleştiricidir. Dokuz adede kadar stil özelleştirme işlevine sahip üç Stil Kitaplığı içerir ve size WordPress'teki HTML tablolarınız üzerinde maksimum görsel kontrol sağlar.

Stilin yanı sıra, tablo başlığını, açıklamasını, arama çubuğunu, sütun filtresini, başlık satırı, kenarlığı vb. göstermek isteyip istemediğinizi de seçebilirsiniz. Ayrıca, İstiflenebilir Tablo Yapılandırmasını etkinleştirerek hedef cihazları bozulmamaları için ayarlayabilirsiniz. herhangi bir cihazda.

Stil, bir tablonun görsel çekiciliğinde önemli bir rol oynar. Ancak, renk en önemlisidir. Ninja tabloları, tablo rengi sekmesinde eksiksiz renk özelleştirmesi sunar. Tablo başlığı renginden tablo kenarlıklarına kadar her şeyi özelleştirebilirsiniz ve izin verilen renkler konusunda herhangi bir sınırlama yoktur.

Renk özelleştirmesine karar veremiyorsanız, Ninja Table, tablolarınız için önceden tanımlanmış on üç renk şemasıyla birlikte gelir! Ancak bu inanılmaz özellik, premium bir sürüm gerektirir.

Kalan tablo tasarımı sekmesi, sayfalandırma, arama çubuğu konumu, sıralama yöntemi gibi çeşitli özelleştirme özellikleri içerir ve tablo tasarımınız için ekstra CSS sınıfı verebilirsiniz.

Ön Uç Düzenleme

Ön Uç Düzenleme, Ninja Tables'ın bir tablo eklentisinden daha fazlası olmasının bir başka örnek nedenidir. Ön uç kullanıcınız için düzenlemeyi etkinleştirmenizi sağlar. Örneğin, kullanıcılarınızın tablo verilerini doldurmasına ihtiyacınız varsa, ön uç düzenlemesini kolaylaştırabilirsiniz. Ancak, ön uç düzenleme özelliği yalnızca premium sürümde mevcuttur.

Özel CSS/JS

Özel CSS, HTML'nin WordPress'teki görünümünü kontrol etmenizi sağlar ve eklenti durumunda, tablolarınız üzerinde kontrol sağlar. Makale kodlayıcı olmayanlar için tasarlanmış olsa da, CSS ve Javascript'i bilmek size Ninja Tables'ın görünümü üzerinde kapsamlı kontrol sağlayabilir.

İthalat ihracat

Yine, İçe Aktar özelliği, bir CSV dosyasını içe aktarmanıza veya mevcut bir tabloyu CSV aracılığıyla değiştirmenize olanak tanır. Öte yandan dışa aktarma özelliği, tablonuzu bir CSV dosyasına kaydetmenizi sağlar.

Entegrasyonlar

Ninja Tables, WordPress'te zahmetsizce HTML tabloları oluşturmak için gerekli tüm araçları ve özellikleri içerir. Ancak yetkiler masa inşa etmekle sınırlı değil. Bir tablo eklentisinden çok daha fazlasıdır ve birkaç inanılmaz entegrasyonla birlikte gelir. Hepsi mükemmel olanaklar sunuyor!

• Fluent Forms entegrasyonu
• WP Gönderileri
• WooCommerce
• Google E-Tablolar
• Ninja Grafikleri

Akıcı Formlar Entegrasyonu

Bir web sitesi sahibi olarak, muhtemelen web sitenizde bir form eklentisi kullanıyorsunuz. Ya form girişlerini bir tabloya almak isteseydiniz? Ninja Tables, tabloyu ayarlamak dışında herhangi bir şey yapmanıza gerek kalmadan bir tablo oluşturmak ve görüntülemek için form girdilerinizi alır.

WP Fluent Forms şu anda dünyanın en iyi iletişim formu eklentisidir ve eklentiyi hedef kitlenizden veri toplamak için kullanıyorsanız fazla bir şey yapmanıza gerek kalmadan WordPress tablolarınıza alabilirsiniz.

WP Gönderileri entegrasyonu

Ninja Tables, iletişim formu girişlerinizi sadece tablolara götürmez. Ayrıca tüm gönderilerinizi, ürünlerinizi, sayfalarınızı ve daha fazlasını birkaç tıklamayla bir tabloda düzenleyebilir. Gönderilerinizi veya ürünlerinizi kategorize etmek istiyorsanız, Ninja tabloları WP Gönderi entegrasyonu işinizi önemli ölçüde azaltabilir.

WooCommerce entegrasyonu

WooCommerce, en popüler WordPress mağaza eklentisidir. Bununla birlikte, WooCommerce kullanan çok sayıda insan aynı zamanda birçoğunun aynı kullanıcı deneyimini sunduğu anlamına gelir. WooCommerce entegrasyonuna sahip Ninja Tables, sitenizde çeşitlilik ve arka uçta etkinlik sunabilen efsanevi bir eklentidir. En basit WooCommerce mağaza yönetimine izin verirken dönüşüm oranlarını artırır! Ninja Tabloları, WooCommerce mağazanızı yönetmek için tam da ihtiyacınız olan şeydir.

Google E-Tablolar entegrasyonu

Ninja Tables'ın kollarının altına gizlediği şey inanılmaz! Bunu düşünüyorsun, değil mi?

Belki de Google E-Tablolar, herhangi bir WordPress eklentisinin sunabileceği en iyi entegrasyon seçenekleri arasındadır. Google Sheet, en basit işlevlere sahip en popüler çevrimiçi elektronik tablodur. Web uygulaması kesinlikle birinci sınıf özelliklere sahiptir ve daha da önemlisi, herhangi bir cihazdan erişilebilir!

Ninja Tables, herhangi bir google sayfasına bağlanabilir ve sayfa güncellenirken verilerini web sitenizde görüntüleyebilir. Bu nedenle, hareket halindeyken tablolarınızı güncellemeniz gerekiyorsa, Ninja Tables google sayfaları entegrasyonu tam bir ustalık sınıfıdır!

Ninja Grafikleri entegrasyonu

Tablolar verilerle çalışır. Bize istatistiksel verileri gösterdikleri için WordPress tablolarına güveniyoruz. Ancak bazen biraz yaratıcı olmamız ve bunları göstermenin grafik yollarını keşfetmemiz gerekir. Ninja Charts entegrasyonu, tablo verilerinin görsel bir sunumunu oluşturmak için mükemmel bir çözümdür. Bununla neler yapabileceğinizi görmek ister misiniz? Videoya göz atın!

toparlamak

Ninja Tabloları ile WordPress'te gelişmiş HTML tabloları oluşturmanın zorlukları nihayet sona eriyor! HTML kodlarını atarken güzel veri tabloları göstermesi gereken tüm WordPress kullanıcıları için tek durak çözümdür.

Bu nedenle, Ninja Tablolarını kullanarak tablolar oluşturun, etkileşimi artırın, dönüşümü iyileştirin ve tablo oluşturmaktan daha fazlasını yapın.

Hepsi bugün için. Herşeyin gönlünüzce olması dileğiyle.

Ortak yazar: Nusrat Fariha

Nusrat, WPManageNinja'da çeşitli konularda çalışmayı seven yaratıcı bir içerik yazarıdır. Ve yazmadığı zamanlarda muhtemelen en sevdiği kitapları okuyordur!