Tüm modern web siteleri, çeşitli ekran genişliklerinde doğru şekilde çalışacak şekilde tasarlanmıştır. Eski günlerde düz HTML kullanılarak tablolar oluşturulurdu. Esnek web tasarımı yeni standart haline geldiğinden, temel HTML tabloları modern web sitelerinin taleplerine ayak uydurmak için mücadele etti. Basit HTML tabloları duyarlı olmadığı için, içerdikleri metnin mobil ekran boyutlarında okunması son derece zordur, bu nedenle, görüntülendikleri ekran boyutuna bağlı olarak yerleşimlerini uyarlayan duyarlı Tablolar geliştirmek için kullanılırlar. HTML ve CSS medya sorguları birbiriyle bağlantılı olarak kullanılmalıdır.
- Çözüm 1: Divi Builder kullanılarak tablolar oluşturulabilir.
- Çözüm 2: Varsayılan olarak bu işlevi içeren tablo plugin !
- WP Table Manager
- WP Table Manager için arayüz
- Sonuç
Tablolar, çok büyük veya çeşitli olmayan tek bir bilgi kümesi için tüm ekran boyutlarında okunabilir bir düzende oluşturulabilir ve bu, temel HTML ve CSS yaklaşımlarıyla gerçekleştirilebilir. Ancak, tablonun önemli miktarda veri tutması amaçlanıyorsa, mobil cihazlarda veya 786 pikselden daha az genişliğe sahip ekranlarda okunabilir bir düzen oluşturmak kolay değildir.
Bir tabloyu tüm ekran boyutlarında duyarlı hale getirmek için HTML ve CSS ile çalışan web tasarımcısı, veri miktarını dikkate almazsa, site içeriğinin okunabilirliğini önemli ölçüde etkileyen sorunlarla karşılaşmaları olasıdır. Burada, bir Divi web sitesi tasarımcısı olarak, manuel olarak duyarlı tablolar oluşturmaya çalışırken uygulamaya koyabileceğiniz bazı öneriler yer almaktadır.
Tablonun boyutunu daha küçük bir ekrana sığdırmak için küçültürken, her sınıf belirli bir ekran çözünürlüğünü hedefleyen birden çok CSS sınıfı oluşturmanız gerekir.
Yapabileceğiniz alternatif bir çözüm, ekran boyutu daha küçük olduğunda belirli sütunları tablodan gizlemektir.
Daha küçük ekranlar için tablonun üstbilgilerine ve altbilgilerine yatay veya dikey kaydırmalar ekleyebilirsiniz.
Tüm ekran boyutlarına uyacak şekilde ölçeklenebilen tek bir tablo oluşturun ve malzemeyi daha okunabilir hale getirmek için tabloyu yakınlaştırın.
Bu çözümler önemli miktarda çaba gerektirir ve gereksinimler içeriğe ve ekran boyutuna bağlı olarak farklılık gösterebilir.
Çözüm 1: Divi Builder kullanılarak tablolar oluşturulabilir.
Elegant Themes, Divi'nin yerleşik özelliklerini kullanarak yanıt veren tabloların nasıl oluşturulacağını gösteren bir öğretici hazırladı. Buradan kontrol edin. Tablo kapsayıcısını taşan sütunlara yatay kaydırma yetenekleri ekleyerek, tablonun kullanıcı girişine daha duyarlı olmasını sağladılar. Eğitim sayfasına giderek daha fazla bilgi edinebilirsiniz:
Çözüm 2: Varsayılan olarak bu işlevi içeren tablo plugin !
Depoda bulunan ÜCRETSİZ plugin çözümlerinin bolluğu sayesinde Divi web siteniz için duyarlı bir tablo oluşturmak artık sorun değil. Ancak, yerleşik mobil yanıt seçeneklerine sahip tablo plugin bulmak biraz zor. wpDataTables gibi popüler plugin ücretsiz bir seçenek olarak bu özelliğe sahip değildir.
Bu yazıda, WP Tabe Builder plugin en iyilerinden birini ele alıyoruz.
WP Table Manager
WP Table Manager , tabloları yönetmek için tam bir elektronik tablo arayüzü sağlayan tek WordPress tablo plugin . Bir tablo oluşturun, bir tema seçin ve oluşturmayı bitirir bitirmez tabloları düzenlemeye başlayın. HTML hücre düzenleme, tablo kopyalama, hesaplama ve Excel, Google E-Tablolar ve Office 365 ile senkronizasyon dahil olmak üzere kapsamlı bir dizi güçlü tablo düzenleme özelliğinden yararlanacaksınız; son kullanıcının bir tabloyu değiştirmesi için bir hücreye tıklamak ve verileri bir görsel metin düzenleyici yardımı ile veya yardımı olmadan düzenlemek kadar basittir.
WP Table Manager , basit bir görsel arayüz kullanarak çekici, duyarlı tablolar tasarlamanıza olanak tanır. Kullanımı ücretsizdir. Etkinleştirdikten sonra kurulum kılavuzuna yönlendirileceksiniz. Prosedürleri takip edin ve beğeninize göre gerekli ayarlamaları yapın. Sihir gibi, her boyuttaki her cihazda güzel görünen güzel bir masa yarattınız. O zaman tek yapmanız gereken kısa kodu kopyalayıp görünmesini istediğiniz sayfaya yapıştırmak. Oluşturucu şu anda, sürükle ve bırak özelliğini kullanarak tablo yer tutucularına sürükleyip bırakabileceğiniz yedi öğe (Metin, Resim, Liste, Düğme, Yıldız Derecelendirmesi, Özel HTML ve Kısa Kod) sunmaktadır. Bunlar, ürün karşılaştırma tabloları, fiyat tabloları, liste tabloları vb. gibi çeşitli türde tablolar oluşturmak için kullanılabilir; bu, araştırmamız sırasında en acemi dostu olduğunu keşfettiğimiz Tablo plugin . Lütfen mevcut sürümün bir arama alanı veya başka bir filtreleme işlevi olmadığını unutmayın. Ek olarak, çok sayıda veri seti girmeyi veya yönetmeyi düşünüyorsanız, bu ideal bir seçenek olmayabilir. Bu tür bir kullanım senaryosu için Visualizer veya Tablepress mükemmel seçimlerdir.
WP Table Manager için arayüz
Kısa kodu, Divi'deki bir kod modülüne veya bir metin modülüne dahil edebilirsiniz.
DIVI Teması, WP Table Manager içerir.
WP Table Manager plugin tabloların işlenmesi söz konusu olduğunda ayrıntıları yönetmeye yanıt verir;
- Tablonuzda filtre seçeneği etkinleştirildiğinde, her sütunda veri arayabilir ve tüm tabloyu filtreleyebilirsiniz. Ayrıca sayfalandırma dahil büyük tablolarda da çalışır.
- Her sütunda gösterilen yukarı ve aşağı ok, tablo verilerinizi düzenler. Tablo verisi sıralaması, sayfalandırma da dahil olmak üzere büyük tablolarda da çalışır.
- Tablonuzu ihtiyacınız olan tüm verilerle oluşturduktan sonra, kullanıcıların sıralama yapmasına izin verebilirsiniz, ancak aynı zamanda varsayılan bir sıralama da oluşturabilirsiniz. Yarıştan sonra koşucuları varış sırasına göre sıralayabileceğiniz için, bilgiler zamanla değiştiğinde bu oldukça faydalı olabilir.
- Sunucu kaynaklarınızı korurken web sitenizin ön ucunda büyük bir tablo görüntülemek istiyorsanız sayfalama gereklidir. Her sayfada önceden ayarlanmış miktarda tablo satırı seçin.
WP Table Manager Excel dosya içe aktarıcı aracılığıyla excel belgelerini yönetmenin açık bir yolu da vardır. Ancak, Excel verilerini yalnızca düzenlenebilir bir HTML tablosu olarak içe aktarabilir ve dönüştürebilirsiniz veya Excel dosyasını renkleri, arka planları, sütun boyutunu, bağlantıları içeren stiliyle içe aktarabilirsiniz.
Excel tablonuzu yönetin ve WordPress web sitenizde yayınlayın! WordPress medya yönetimi veya bir FTP istemcisi aracılığıyla tabloya bir Excel dosyası yükleyebilirsiniz. Ardından Excel dosyanızı seçin ve tablo ayarlarından senkronizasyonu başlatın.
WordPress tablonuz ve Excel dosyası arasındaki senkronizasyon, bir dakika ile bir gün arasında düzenli olarak yapılabilir. Otomatik senkronizasyon gecikmesi, istenmeyen WordPress genel tablo güncellemelerini önlemek veya büyük bir tablo için sunucu kaynaklarından tasarruf etmek için de tanımlanabilir.
Bir tabloyu içe aktardıktan sonra tüm veriler güncellenebilir; bu sadece bir plugin gibi düzenlenebilen sıradan bir HTML tablosudur! WordPress elektronik tablosu.
Öte yandan, tüm istediğiniz verileri düzenli bir tablo oluşturduktan sonra, sizin için, geleneksel bir Excel dosyası olarak dışa ve ex amp le, yeniden çalıştırmak sonra güncellenmiş Excel sayfası. Kullanıcılarınız artık tabloyu WordPress ön ucunda bir Excel sayfası olarak dışa aktarabilir.
WP Table Manager , OneDrive aracılığıyla Office 365 ile de eşitlenir.
OneDrive Excel dosyası içe ve dışa aktarma aracı mevcuttur; çalışırken dosyalarınızı içe aktararak ve değiştirerek zaman kazanın. OneDrive dosya eşitleme ile daha da üretken olun! Senkronize etmek için bir Office 365 Excel dosyası seçin, otomatik olarak ayarlayın ve web sitenizde yayında olsun.
WP Table Manager , veritabanından sekmeler oluşturmanıza ve içe aktarmanıza yardımcı olur; şimdi, daha önce mevcut olmayan, web sitesi veritabanı içeriğinin bir seçiminden tablolar oluşturmak için bir araç içeriyor. Veritabanından tablolar ve sütunlar seçilir, yapılandırılabilir filtreler uygulanır ve tablolar WP Table manager arayüzü üzerinden yönetilir. Veritabanı güncellendiğinde, tablonuz otomatik olarak artırılır! Ayrıca sıralama, filtreleme, otomatik tasarım ve sayfalandırma seçenekleri de elinizin altında.
Geliştirici değilseniz, HTML tablonuza herhangi bir veritabanı malzemesini görsel olarak bağlayabilirsiniz. Veritabanı içeriğinden yeni bir tablo oluşturulurken veritabanınızdaki tüm tablolar sunulur.
Web sitesi veritabanınız basit bir arama yapabilir ve tablolarınızı ve sütunlarınızı seçebilir; Bu, geniş bir veritabanında oldukça faydalıdır. Ayrıca, adım adım veritabanından tablo konusunda size yardımcı olacak bir sihirbaz burada.
Son aşamada ise veritabanından tabloya önizleme yapmadan önce, belirtilen veritabanı tablolarına özel sorgunuzu yazabilirsiniz. SELECT, REPLACE, RENAME, SHOW, EXPLAIN, DESCRIBE gibi bazı işlevleri destekliyoruz.
Bir veritabanı tablosu bazen birçok satırla birlikte gelir; bu nedenle, bu seçenek ekranınıza uyan bir tablonun görüntülenmesine yardımcı olabilir. Ayrıca, her sayfada tablonun önceden tanımlanmış bir satır miktarını ayarlayabilirsiniz. Ayrıca, tüm tabloyu varsayılan olarak sıralamak için bir sütun da seçebilirsiniz.
WordPress veritabanı tablosu bağlantısı yalnızca WordPress tablolarıyla sınırlı değildir. WordPress'ten olmayan ancak aynı veritabanına kurulu tüm tablolar bağlanabilir.
Tablonuzdaki devasa veriler arasında belirli bir nesneye konsantre olmak için birkaç özel kural oluşturabilirsiniz. Eğer aşinaysanız >, <, LIKE, IN… gibi veritabanı operatörleriyle oynayabilirsiniz.
Oluşturduğunuz veritabanındaki tablolar diğer tablolar gibi düzenlenebilir (kullanıcının o mantıklı özelliğe erişimi varsa) (kullanıcının o pratik özelliğe erişimi varsa); Bu gibi bazı veritabanı veri toplu düzenlemek için oldukça uygundur ex için amp le, biriyle bir eğer süre bitti birini alırdı birkaç sonrası yayın tarihleri.
Sonuç
Tablolar, bir dizi bilgiyi sergilemenin en etkili yollarından biridir. Ancak, daha az teknik bir kişi için bir web sayfasında tablolar oluşturmak bir zorluktur. Bu plugin kullanarak, sadece birkaç basit adımda herhangi bir cihazda kolayca okunabilen tablolar oluşturabilirsiniz. Ayrıca, duyarlı tabloların site ziyaretçileriniz için olumlu genel deneyimler sunacağından emin olabilirsiniz. Öyleyse, bunu bir deneyin ve aşağıdaki yorum bölümünde deneyiminizi bize bildirin.
