WordPress’te Veri Tablosu Nasıl Kullanılır – HTML tabloları oluşturmanın yaratıcı yolları veri içerir
Masa WordPress’te asla çok iyi değildi. Temel olarak, WordPress’te bir veri tablosu görüntülemek istiyorsanız, büyük olasılıkla tüm sunumu elle yaparsınız – her şeyin iyi görünmesi için HTML ve CSS RAW’ı kullanarak. Ve hayır, yeni blok düzenleyiciyi unutmadım. Tabii ki tabloları bir bütün olarak daha kolay yapmak ve görüntülemekle birlikte, özellikle büyük veri kümeleri için hala mükemmel bir çözüm değildir. Ancak, tablo CodeInwp’deki yazımızda çok kullandığımız bir şey olduğundan, ana stratejilerimizden bazılarını bugün sizinle paylaşmak istiyorum.
Bu kılavuzda, WordPress’te HTML veri tablolarını / tablolarını nasıl kullanabileceğiniz, saf görünmesini sağlayabileceğiniz ve aynı zamanda hücresel ve dost SEO için optimize edildiğinden emin olacağım.
Tweet için tıklayın
WordPress’teki Veri Tabloları için Üç Şube Yaklaşımımız Yaklaşımımızı hızlı bir şekilde özetlemek için, WordPress’te veri tablolarıyla üç farklı şekilde çalıştık: (a) Duyarlı olan ve temel verileri sunmak ve bir kısmını yapmak için iyi görünen basit bir tablo kullanarak ve Yazılar sindirimi daha kolay.
Örnek: (b) Kullanıcı sıralaması ve fare imlecindeki satır satırları gibi bazı ek özellikleri etkinleştirmek için “orta seviye tablo” olarak adlandırabileceğimiz bir şey kullanmak.
Doğrudan Örnek:
=” satır-10 eşit “>
Barındırma anketimizden
(c) Ön uçtaki kullanıcı tarafından çok görünmeyen çok daha sofistike olan içi çalışmanın çok daha sofistike olan çalışmasına izin veren otomatik bir ferahlık tablosu kullanmak. Örneğin, buradaki tablo Google sayfasına göre yapılır ve otomatik olarak güncellenir (yani sayfayı her güncellediğimizde tablo da güncellenir). Örnekler:
Bu, yaklaşımımızı taklit edebileceğiniz ve WordPress’te kendi harika veri tablolarınızı oluşturabileceğiniz yoldur:
Strateji #1: Masanızı açmak için Visualizer’ı kullanın Grubun en gelişmiş yaklaşımı ile büyük başlayalım! O zaman bu yazıdan aşağı indiğimizde her şeyi daha basit hale getireceğiz.
Visualizer, bu WordPress’teki veri tablolarını işlemek için ilk stratejiyi etkinleştirmek için kendi eklentilerimizden ve ana araçtır.
En görselleştirici nedir? Bu, grafikler, grafikler ve tablolar yapmanızı ve ardından bunları kısa kod veya bloklar aracılığıyla blog yayınınıza koymanızı sağlayan bir eklentidir. Sadece temel bir özellik kümesine ihtiyacınız varsa kullanımı kolaydır, ancak biraz daha fazlasını kurcalamak istiyorsanız çok güçlüdür.
Görselleştirici ile ilgili harika şeylerden biri, verilerinizi – tablolar ve grafikler için – çeşitli kaynaklardan yükleyebilmenizdir. Örneğin, yeni bir tablo oluştururken aşağıdakileri içe aktarabilirsiniz:
CSV dosyası,
URL (Google elektronik tablo dahil),
Diğer grafikler,
WordPress (daha sonra WordPress veritabanını izleyen ve istediğiniz verileri getiren bir filtre/iş akışı oluşturarak),
Veritabanı doğrudan (ham SQL sorgularını kullanarak),
Ayrıca, veri manuel olarak da girebilirsiniz.
Visualizer: WordPress için Tablo ve Grafik Yöneticisi Yazar: Temaisle
% 90 Sıralama 40.000+ WP 3.5+ yükleme daha fazlasını gerektirir
Visualisator.zip Geçerli Sürüm: 3.7.3 Son Güncelleme: 19 Ocak 2022
% 90 Sıralama 40.000+ WP 3.5+ yükleme gerektirir
Wordpress.org eklenti sayfası
Visualizer: WordPress için Tablo ve Grafik Yöneticisi
Tamam, burada masanızı nerede açmalısınız?
Masa ile ilgili zor olan şey, genel olarak, elle yapmanın temelde daha sonra yenilemekle aynı zaman gerektirmesidir. Hepimiz bir kez tablolar yapmayı tercih ediyoruz ve her şey her zaman otomatik olarak güncellenir. Visualerer ile, masanız için veri almayı URL’den almayı seçebilir ve ardından ithalatları her saat / 12 saat / gün / üç günde bir tekrarlanacak şekilde ayarlayabilirsiniz. Bu etkili bir şekilde, kaynaklardaki değişikliklere dayanarak kendinizi otomatik olarak yenileyen bir tablo almanızdır. Oku: Geri dönmeye ve elle yenilemeye gerek yok.
İşte kullanabileceğiniz dört yaratıcı yol:
Her zaman vaka çalışmalarınızı güncelleyin veya analizinizi yayınlayın (otomatik olarak) Çok sayıda WordPress barındırma pazarı girdik. Konuyla ilgili birkaç yayınımız var ve çoğunun onsal güncellemelere ihtiyacı var. Ana barındırmamızın karşılaştırma sürümlerinden biri, görüntülenen ana bilgisayar yükleme süresini vurgulayan doğrudan bir tablo içerir. Bu gibi görünüyor (doğrudan tablo):
(Gönderiyi şimdi açarsanız onu eylemde göremeyebilirsiniz; sık sık değiştiririz, birçok şeyi test ederiz.)
Tüm bu tablolar otomatik olarak Google e -tablosundan alınır. Logolar ve bağlantılar bile Google sayfalarında (RAW HTML olarak) saklanır. Örneğin, yükleme süresini her güncellediğimizde, tabloda da güncellenir. Bahsetmiyorum bile, kullanıcılar tabloyu sıralayabilir. Bunu hazırlamak hiç zor değil: 1. Google sayfanızı hazırlayın
Standart mallar. İşte örnekler:
Ardından, bu kılavuza göre “web’de yayınlayın”.
2. Görselleştiricide bir tablo oluşturun
İlk olarak, Visualizer eklentisini yükleyin, evet! Medya → Visualerer kitaplığına gidin ve Yeni Ekle’yi tıklayın. Bir tablo seçin. Hazırlık penceresinden, URL’den verileri içe aktarın, içe aktarma programını girin, ardından İçe Aktarma URL’sini girin ve programı girin. Beğenmek: Masayı kaydedin.
3. Tabloyu gönderi/sayfaya ekleyin
Kısa bir kod aracılığıyla bir tablo ekleyin veya bir blok düzenleyici kullanın. Hepsi bu, WordPress’te bir veri tablonuz var! Yine, bu ayarla, tablo için verileri otomatik olarak alabilir ve tabloyu otomatik olarak güncelleyebilirsiniz.
Önceki senaryo ile ilgili birkaç yayındaki (otomatik olarak) bazı tabloları güncelleyin, ancak açı biraz farklıdır. Temel olarak, hiç kimse sizi birkaç tablo için veri kaynağı olarak aynı Google sayfasını kullanmanızı engellemedi. Yani, benzer bir tablo birkaç yayın/sayfaya ekleyebilir ve tablonun zaman zaman sapacağı konusunda endişelenmenize gerek yok (örneğin, birini güncelleyeceksiniz, ancak diğerini güncelleyeceksiniz, vb.).
Tablonuzu görselleştiriciye ayarlarken, daha fazla ayar girebilir ve sayfalandırma, satır sayısı gibi çeşitli şeyleri ayarlayabilir, kullanıcı sıralamasını devre dışı bırakabilir/etkinleştirebilir, aramayı etkinleştirebilirsiniz vb. Bu, aynı veri kaynağını kullansa bile tablonuzun hala farklı görünebileceği anlamına gelir. Yeni trafik/kullanıcı/satış numarası (otomatik olarak) Web işletmeleri arasında trafik, satış, sunulan kullanıcı sayısı gibi çeşitli sayıları/göstergeleri paylaşma eğilimi vardır. , vb. Web sitelerinde. Ancak, herkes harici hizmetleri gömmek istemez ve bu nedenle hiçbir şekilde modern olamaz.
İdeal olarak, çok şeffaf olmanıza rağmen, hala uyanmak ve alışveriş sepetinizden veya trafik ekipmanlarınızdan gömmenin büyük bir düşüş gösterdiğini bilmek istemezsiniz – başlığınız yine de “Ne kadar iyi olduğumuzu görün” diyebilir. ! ” Önce Google e -tablosuna başka bir katman ve veri içe aktarırsanız, trafik/satış tablosuna alınmadan ve sitede yayınlanmadan önce tüm değişiklikleri denetleyebilirsiniz. Düzenleme önceki senaryodakiyle aynıdır. Yeni bir Google sayfası oluşturun, numaranızı içe aktarın veya girin, ardından tablo veya Visualerer grafiğine bağlayın.
Veritabanı sorgularınızın (otomatik olarak) görselleştiricileriniz kollarda bir harika özelliği daha var; Veri tablosunu RAW SQL sorguları aracılığıyla doğrudan WordPress veritabanınızdan içe aktarabilir. Oldukça sofistike olan şeyler, evet, ama aynı zamanda denemek istiyorsanız size birçok olasılık verir. Bazı hızlı fikirler: İlk olarak, en çok yorumladığınız yayınları kolayca görüntüleyebilirsiniz. Listeyi yalnızca şeffaflık raporlarında değil, arşiv sayfanızda da kullanabilirsiniz. Örnek: Böyle bir tablo oluşturmak için, görselleştiriciyi girin, yeni bir tablo oluşturun ve veritabanından içe aktarın. Kueri penceresinde şuna benzer bir şey koyabilirsiniz: Post_title olarak Post, Count (farklı c.commment_id) seçin p.id = c.comment_post_id grubunda p.id sırasına göre c.comment c.comment c.comment c.comment c.somment c.somment c.somment c.somment c.s. DESC LIMIT 10 Bu, en çok yorumlanan 10 yazınızdan oluşan bir tabloyu gösterecektir. URL’yi almak için kuyruğu karmaşıklaştırabilirsiniz, böylece yayın başlığını canlı hale getirebilirsiniz. Bu sadece bir örnek. İşte yapabileceğiniz başka şeyler:
Belirli bir kategoriden veya bir yazar tarafından yazılan tüm yayınlarınızın listesi
Verilerini saklamak için diğer eklentiler tarafından kullanılan tabloya bakın, ilgili verilerini onlardan almak
WooCommerce’den en iyi satan ürünlerinizi, satış sayısı, bağlantılar, fiyatlar, ne istersen gösterin
Aynı şeyi kolay dijital indirmelerle yapın; İşte bitmiş sorulardan bazıları
Güvenilir bir tabloyu sıralamak ve düzenlemek için masanın en üstüne gitmek de masa proparası büyük bir hayranıyız ve bunu bir dizi yayınımızda kullandık. Örneğin, burada büyük bir masa var – WordPress tema pazarındaki en iyi 100 oyuncunun bir listesi. Ön izleme:
Tablodan sevdiğimiz şey, çizgileri yeniden düzenleyebilmemiz, çizgileri gizleyebilmemiz, kopya satırları ve ayrıca kullanıcılara tabloyu sıralamak için bazı kontroller verebilmemizdir. Örneğin, belirli tablolar için, arka uçta göstermediğimiz birkaç sütun daha var (kırmızı). Tablepress bizi silmeye zorlamaz – sadece görünüşten gizleyebiliriz.
Yukarı git
HTML Table Pezevenk Oluşturmak İçin Ultimate Short kodlarını kullanın Pezevenk Şahsen, Ultimate Shortodes (SU) tüm zamanların en sevdiğim eklentilerinden biridir. Birçok kısa kod arasında, standart HTML tablonuzun çok daha iyi görünmesini sağlamak için kullanabileceğiniz bir kod da vardır. Yayınımızda en iyi VPN hizmetlerini karşılaştıran aşağıdaki tablo:
Ham HTML aracılığıyla inşa edildi ve daha sonra etrafına SU kısa kodunu ekledi. Bu: [su_table] [ /su_table] Gördüğünüz tüm satırlar ve sınırlar SU’ya aittir. Başka bir deyişle, temanızın tabloları işlemek için çok iyi bir CSS yoksa, SU kullanın.
Notlar; Bu yazıda tartışılan üç çözüm – görselleştirici, TablePress ve SU, hücresel ve duyarlı için hazır tabloları görüntüleyebilir.
Yukarı git Sonucum sizi bu üç eklenti ile denemeye teşvik ediyor. Görselleştiriciyi seviyoruz çünkü bu bizim yaratımımızdır, ancak diğer ikisinin belirli görevler için de oldukça düzgün olduğunu itiraf etmeliyiz! Visualizer: WordPress için Tablolar ve Grafik Yöneticileri Yazar: Temaisle % 90 Sıralama 40.000+ WP 3.5+ yükleme gerektirir
Daha fazla bilgi Visualisator.zip Geçerli Sürüm: 3.7.3 Son Güncelleme: 19 Ocak 2022
% 90 Sıralama 40.000+ WP 3.5+ yükleme gerektirir
Wordpress.org eklenti sayfası
Visualizer: WordPress için Tablo ve Grafik Yöneticisi
MeJatekan Yazar: Tobias Bathge
Sıra 100% 800.000+ WP 5.6+ yükleme gerektirir
Daha fazla bilgi
Tablo Press.1.14.zip Akım sürümü: 1.14 Son Güncelleme: 19 Ocak 2022
Sıra 100% 800.000+ WP 5.6+ yükleme gerektirir
Wordpress.org eklenti sayfası
Mejatekan
WordPress Shortcode Eklentisi – Ultimate Shortses Yazar: Vladimir Anokhin
% 98 Sıralama 800.000+ WP 4.6+ yükleme gerektirir
Daha fazla bilgi
Kısaylık kodları-5.12.0.zip Mevcut Sürüm: 5.12.0 Son Güncelleme: 25 Ocak 2022
% 98 Sıralama 800.000+ WP 4.6+ yükleme gerektirir
Wordpress.org eklenti sayfası
WordPress Kısa Kod Eklentisi – Ultimate Short kodları
WordPress’te bir veri tablosu kullanıyor musunuz?Modern WordPress UI’deki tablolar ve yerler hakkında ne düşünüyorsunuz?Gutenberg Blok Editörü çok daha kullanıcı dostu bir masa oluşturma yaptı, bu nedenle sıradan kullanıcılar şimdi onlarla denemeye daha istekli olabilirler.Bununla birlikte, masa, MS Word’i kullanan herkesin oldukça tanıdık olduğu klasik şeylerden biridir.Öyleyse neden WordPress’e “ekleyemiyorsunuz”, değil mi?WordPress’te veri tablolarını sık sık kullanıyor musunuz?Eğer öyleyse, nasıl yapıyorsun?Hala emin değil?Neden sadece diyagramlar ve grafiklerle veri sunmaya çalışmıyorsunuz? #Data #tabel’i #wordpress – yaratıcı yollar, yapılması kolay ve harika görünüyor
Tweet için tıklayın
… WordPress sitenizi hızlandırmak için Flash kursumuza katılmayı unutmayın.Bazı basit iyileştirmelerle, yükleme süresini%50-80’e düşürebilirsiniz: