WPDatatables ile inanılmaz bir duyarlı tablo oluşturun
WordPress’te bir masa yapmak kolaydır. Kod ile WordPress’e bir tablo eklemenin geleneksel bir yolu vardır, ancak şimdiye kadar bir tablo (veya grafik) oluşturmanın en rahat yolu WordPress WPDatatable eklentisidir. Masanızı çeşitli harici kaynaklardan içe aktarmanızı, isteklerinize göre düzenlemenizi ve web sitenize eklemenizi çok kolaylaştırır. BASIC HTML Tablosu Standart bir HTML tablo etiketi kullanarak WordPress’e tablolar ekleyebilirsiniz. Oldukça düz ve aşağıdaki temel yapıyı kullanırlar (yayınınızı oluştururken “metin” sekmesine koymayı unutmayın):
</tho bununla (dikkat edin - başlık hücreleri için herhangi bir stil temanıza bağlı olacaktır):
ilk üçüncü üçüncü
jen
Sitenize sadece bir veya iki tablo eklemek istiyorsanız, tablo işlevini yapmak için HTML'yi kullanarak. Ancak sık sık bir masa yapacaksanız, karşılaşabileceğiniz bazı sorunlar vardır.
Gelişmiş seçenekler için HTML kodlamasını öğrenmelisiniz
HTML eklemek zaman alır ve birçok tablo yaparsanız verimliliğinizi uzun vadede engeller, bu yöntem düzen ve tasarımda çok 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 varsayabiliriz. WordPress sitesine bir tablo eklemek için HTML tablo etiketini kullandığınızda, düzeni ayarlamak için çok zaman harcayacaksınız.
Siteniz duyarlı olabilir, ancak masanız değil. Bu, sitenizin duyarlı mülküne doğal olarak zarar verir. Sitenize veri girmek de bir sorun olabilir. Google E -Tabloları veya Microsoft Excel gibi elektronik tablo işleme yazılımları, veritabanından veri almak için birçok içe aktarılmış araca sahiptir. Ancak her karakteri yazdığınızda - çok üretken değildir. Daha önce WordPress'te HTML ile tablo eklemede üç ana problem belirledik. Endişelenme - bir masa yapmanın çok daha iyi bir yolu var. Bu yüzden yukarıda belirtilen tüm sorunları ortadan kaldıracak ve bir dizi yararlı özellik sunacak eklentiyi tanıtayım.
WPDatatables ile daha iyi bir tablo oluşturun
WordPress ile bir tablo oluşturmak için WPDatatables'ı şiddetle tavsiye ediyoruz. Bu tamamen duyarlı premium eklenti, WordPress'teki tablo ve grafikler oluşturmayı, ayarlamayı ve yönetmeyi kolaylaştırır - kodlamaya gerek yoktur. Sadece kurulum ve tablolar ve grafikler yapmaya başlayın! 14.300'den fazla kişi tarafından güvenilir (ve daha önce bu ay WordPress eklentilerinden biri olarak adlandırılır), bizim görüşümüze göre WordPress destekli web sitesine bir tablo eklemenin en iyi yollarından sadece biridir. WPDatatables Hakkında Daha Fazla Bildirin Direct Demo, yukarıdaki düğmeyi tıklayarak Themeforest'teki WPDatatables hakkında daha fazla bilgi edinebilir veya bunun neden çok şaşırtıcı olduğunu düşündüğümüzü öğrenmek için okumaya devam edebilir. Birkaç veri kaynağı
MySQL isteği benim kişisel favorim çünkü verileri doğru veritabanından görüntülememe ve değiştirmeme izin veriyor. WPDatatables, MS SQL ve PostgreSQL veritabanları için ayrı bir veritabanı bağlantısını ve birden fazla ayrı veritabanı bağlantısı ekleme seçeneklerini destekler. Tablolar çeşitli veritabanlarından ve sunuculardan veri çekebilir. Bir masa projesinde çalışan bir geliştirici ekibiniz varsa, bu işbirliğini çok basit hale getirecektir (daha sonra bu konuda)! Ayarlamalar geliştirilmiş ve duyarlı düzen tasarımı masanız asla bu kadar kolay değildir. Birkaç onay kutusu ve birkaç renk seçeneği ile site temanızı tamamlamak için eklentiler tasarlayabilirsiniz. Mor, karanlık ve aqua dahil olmak üzere seçim yapabileceğiniz yeni modern masa derisi de vardır. Eklenti tarafından sunulan muhteşem tasarım özelliklerine bakın: Arayüz dili, saat/tarih biçimlendirme, tesviye, özel JS/CSS ve daha fazlası için doğuştan gelen seçenekler de vardır. Oh ve eklentilerin de hücresel duyarlı olduğundan bahsediyor muyum? Ekran boyutu ne olursa olsun, masanın ne kadar alan tüketileceğini ayarlayabilirsiniz! Verimli arama için filtre Yeni bir tablo oluştururken (veya mevcut tabloları düzenlerken), filtreyi etkinleştirme seçeneğiniz vardır. Filtrelerle, sonuçların toplanmasını yalnızca istediğiniz öğelerle azaltabilirsiniz. Bu, büyük bir veritabanı sormak için çok kullanışlıdır. Örneğin, bir kütüphane veritabanınız varsa, konuya dayalı olarak filtreleme sonuçları kitapları daha hızlı bulmanıza yardımcı olacaktır.
Ancak, filtreyi her düzenlediğinizde, bu, veritabanı tarafından yapılması gereken hesaplama miktarını arttırır - böylece sunucu basıncını artırır. Bu nedenle, filtreyi tamamen devre dışı bırakmak için tatlı bir seçeneğiniz vardır. MySQL veritabanını FrontendWPDatatables'dan düzenleyin Ayrıca, veritabanını doğrudan ön uçtan - doğrudan WordPress sitesinden düzenlemenize olanak tanır. Tablonuzu yapılandırırken "Düzenleme" sekmesinin altındaki seçeneği etkinleştirmeniz yeterlidir. Hatta hangi kullanıcıların veritabanında değerleri düzenleyebileceğini bile ayarlayabilirsiniz - bunların tüm kullanıcılara açılmasını sağlayarak kullanıcılarının rolüne erişim sağlar. Görselleştirme çizelgelerini kullanarak verilerin görselleştirilmesi, sıradan metinden çok daha etkili bir cazibe merkezidir. Ancak, görmek inanmaktır. Bu, geleneksel okumaya kıyasla veri alımımızın seviyesini artırır. Örneğin, yıllık gelir raporunun bir daire diyagramını gördüğünüzde, on iki aylık verileri okuma ile karşılaştırıldığında neredeyse her zaman verileri daha hızlı yorumlarsınız. WPDatatables, tablo verilerinizi görselleştirmek için dinamik grafikler oluşturmanıza yardımcı olur (Google grafikleri, Highcharts veya Chart.js aracılığıyla). Bu, birçok sayısal veriye sahip tablolar için çok yararlıdır, örneğin aylık gelir raporlarını paylaşan blogcular.
Yaşam Boyu Güncellemeleri Çoğu eklenti geliştiricisi size bir yıl boyunca bir güncelleme ve destek verecektir. Bununla birlikte, bu geliştirici ömür boyu güncelleme ve altı aylık desteği bir kez içermiştir (notlar - sürdürülebilir destek için lisansınızı güncellemeniz gerekir). Geliştiricinin ayrıntılı belgeleri, WPDatatables'ın nasıl kullanılacağını açıklarken kaçırılan iş ihtiyaçlarını bırakmaz. Eklentinin tüm yeteneğini anlamanıza yardımcı olacak geniş bir çevrimiçi belge ve bir video eğitimi var! Bu bize 2 şey anlatıyor: geliştiriciler müşterilerini önemsiyor - bu yüzden ürün satın almaya geri dönüyorlar Bilgili müşteriler = daha az hıçkırık = daha düşük destek biletleri = mutlu müşteriler
Ayrıca, daha az destek bileti ile geliştiriciler eklentileri artırmak ve yeni özellikler sunmak için daha fazla zaman ayırabilir! WPDatatables ile neden harika bir eklenti olduğunu düşündüğümüzü bildikten sonra WPDatatables ile duyarlı bir tablo nasıl yapılır, nasıl kullanacağınızı gösterelim! WPDatatables eklentisini kullanarak yeni bir tablo oluşturmak için üç doğru adım vardır. 1. WPDatatables'ı Yükle Bunun net olması gerektiğini biliyorum, ancak önce wpdatatables yüklemeniz gerekiyor. Bu birinci sınıf bir eklenti olduğundan, CodeCanyon'dan satın alınmalı ve indirilmelidir (sadece satın alma işleminizi açın ve "Yalnızca yüklenebilecek WordPress dosyaları").
Ardından, kurulumu ve etkinleştirmeyi tamamlamak için ekrandaki talimatları izleyin. 2. Veri Tablo'nuzu oluşturun Etkin bir eklenti ile yeni bir "WPDatatables" menü öğesine sahip olmanız gerekir. Üzerine tıklayın, ardından yeni bir tablo oluşturmaya başlamak için Yeni Büyük Mavi Ekle düğmesine tıklayın. İlk seçeneğiniz, tablonuzu nasıl oluşturmak istediğinizdir. Beş seçenek sunulmalıdır. CVS'den içe aktarma seçeneğini seçtik çünkü kullanmak istediğimiz basit bir elektronik tablomuz var. Ardından sonra tıkladıktan sonra dosyanızı seçmeniz ve yüklemeniz istenecektir.
Veri kaynaklarını yükledikten sonra, özel bir tablonun adını girebilir ve sütunları ve satırları düzenlemek, eklemek veya silmek için seçenekleri kullanabilirsiniz. Ardından tablo oluşturmanızı tamamlamak için Yeşil düğmeyi tıklayın.
Şimdi evin gerisindesin! Bu sayfadan tablonuz için ek ayarları değiştirebilirsiniz (isteğe bağlı). Daha küçük bir cihaza duyarlılığı etkinleştirmek, yatay kaydırma eklemek, tablonun genişliğini sınırlamak vb. İçin "Ekran" seçeneğini kullanın. Ön uç düzenlemeyi etkinleştirmek için "Düzenleme" sekmesini açın veya tablo aracını etkinleştirin (yazdırma, kopyala veya doğrudan bağlantı dışa aktarma). En iyisi, düzenlemeler yaptığınızda düzenlemelerinizi doğrudan görebilirsiniz. Değişiklik yaparsanız kaydetme (veya uygulayın) onay işaretine tıklamayı unutmayın. Tamamlandığında, üçüncü ve son adım için ihtiyacınız olacağından, tablonuzun kısa kodunu ekranın üstünden kopyalayın. 3. Masanızı bir gönderi veya sayfaya girin
Tablonuzu kullanmak için tek yapmanız gereken, yayın veya sayfadaki içeriğe kısa bir kod koymaktır (yukarıda gösterildiği gibi). Bu kısa kod, tablo stilinizi nasıl ayarladığınıza bağlı olarak web sitenizin önünde görüntülenecektir: ABD'de tablo aracını (yazdırma, dışa aktarma vb.), Filoring ve ön uç olarak etkinleştirdiğimizi görebilirsiniz. teslimat. Ama sadece bu - masanız hazır! Bir grafik yapmak ister misiniz? WPDatatables kullanarak bir grafik de yapabilirsiniz. Tablonuzu oluşturduktan sonra başlamak için "Grafik Oluştur" u tıklayın.
Buradan, grafiğinizi adlandırın, stili seçin (birçok seçenek var) ve grafiğinizi oluşturmak için kullanmak istediğiniz veri tablosunu seçeceğiniz bir sonraki ekrana devam edin.
Veri kaynağı olarak kullanılacak bir tablo seçtikten sonra, tablo sütununuzu grafik bölümüne ayarlayın. Seçtiğiniz grafiğe bağlı olarak, minimum sayıda gerekli olabilir. Örneğimizde, grafik için en az iki sütun gerektiren STEM grafiğini seçtik (bir kök olmak için). Şamandıra ve tamsayı sütunlarını filtrelemek için bir dizi sayı da kullanabilirsiniz. Sütunu sıraladıktan sonra bir sonraki adıma devam edin. Şimdi hoş bir parça için. Grafiğinize özellikleri ayarlamak ve eklemek için seçeneği kullanın. Duyarlı, yükseklik, arka plan, sınırlar, yazı tipleri, etiketler, renkler, ekran/saklanma başlıkları, imleci yönlendirirken araç ipucu ve daha fazlası için birçok seçenek vardır. Düzenlemeyi bitirdikten sonra İleri'yi tıklayın ve grafiğinizin kısa kodunu kopyalayın. Sadece yayın veya sayfa içeriğinize yapıştırın, grafiğinizi görmek için web sitenizi ön ucunuzu kaydedin ve açın! Ek bir bonus olarak WPDatatables, eklentiyi silseniz bile tablonuzu kaydetmek isteyip istemediğinizi seçmek için benzersiz bir seçenek içerir (varsayılan olarak tablo eklenti sildikten sonra veritabanında saklanır). Daha fazla WordPress tablo özelliği ekleyin Daha fazlasını ister misiniz? WordPress sitenize daha fazla tablo seçeneği ve grafik eklemek için WPDatatables için bir dizi uzantısı ve eklenti vardır. Güçlü filtre: Çok düzeyli filtre seti (soldan sağa), filtre yönlendirilmiş (sonuçları daraltmak için birkaç filtre uygulayın ), kullanıcı filtreler seçene, doğrudan arama özellikleri ekleyene ve daha fazlasını ekleyene kadar görüntüleme tablolarını devre dışı bırakın. Tablonuzu hazırlarken seçeneği etkinleştirin ve yapılandırmanız yeterlidir. Rapor Yapıcı: Veri tablosuna göre kendi Word özel raporunuzu yapın. Bu, kullanıcı tarafından ön uç düzenlemeye izin verirken çok yararlıdır (böylece veri toplarsınız, tekrar çalıştırabilir ve raporlar yazdırabilirsiniz) veya raporu düzenli olarak yeniden yapmanız gerekiyorsa (aylık faturalar veya zaman kartları gibi). Müthiş formlar: Popüler müthiş form formları için destek ekleyin.Bir veri toplama formu (anket gibi) oluşturmak için müthiş formları kullanın, ardından her alan sütunlara dönüştürülürken, kullanıcı gönderilerine göre otomatik olarak bir tablo oluşturun.Yerçekimi Formları: Kullanıcı verilerine dayalı bir WordPress tablosu oluşturmak için yerçekimi formlarını WPDatatables ile entegre edin.Uzatma, tablonuzu oluştururken yeni bir veri kaynağı ekler, böylece özel ağırlık formunuza bağlanmanız ve verileri görselleştirmeniz kolaydır.Ve yerçekimi formları tabanlı tablolar için kolay olan (yerçekimi formlarının eklenti entegrasyonu ile) bir ön uç düzenleme bile var.Sizin için WPDatatables'ı deneyin, çoğu geliştirici size eklentinin neler yapabileceğine dair bir resim vermek için doğrudan bir demo verir.Ama size yalnızca "ön uç" ekran olan çıktıyı gösterirler
