WordPress Duyarlı Tablosunun Hikayesi

Her zaman dizüstü bilgisayarıma, yer imleriden klasörlere kadar öğeleri ayarlıyorum. Belirli klasörler için özel bir simge bile kullanıyorum. OKB deyin, sadece düzenli ve disiplinli diyorum. Şimdi, bir şey yazdığımda, basit ve yapılandırılmış tutmayı seviyorum. Ve blog makalelerini ve e -kitapları okuduğumda, her zaman bölümleri, noktaları veya net tabloları görmek istiyorum. Bir örnek göstereyim. Yeni tarifler aramayı seviyorum. Sorun şu ki, gıda blogcuları son kullanıcılar için değil, SEO amaçları için yazıyorlar. Yani, her şeyden önce, patates tarihini bilmeniz, o zaman biberin nasıl bulunduğunu, o zaman tarifiniz için malzemeler bulacaksınız. Bu yüzden bunu bulduğumda heyecanlandım.

Bu daha çok böyle! Bu nedenle, gerçekten iyi bir kullanıcı deneyimi yaratmak istiyorsanız, bilgi düzenlemesi ana endişeniz olmalıdır. Şimdi, tablo bilgileri mantıklı ve görsel bir şekilde yönetmenin iyi bir yolu olabilir. Ayrıca kullanıcıların içeriğinizi daha iyi taramalarına yardımcı olabilirler. Bu hızlı dünyada, hepimiz okumaya değer olup olmadığını yargılamak için içeriği tararız. Sorunlarımızın/sorularımızın cevaplarını kolayca ve mümkün olan en kısa sürede bulmaya çalışıyoruz. Ayrıca, web sitesinin fiyat bölümleri, programlar, ürün listeleri vb. Gibi varsayılan olarak tablo gerektiren bazı bölümleri vardır.
Ayrıca, diğer kaynaklardan içe aktarmak isteyebileceğiniz ve sayfada veya yayında iyi görünmesini sağlamak isteyebileceğiniz bir veri tablonuz var. Şimdi, WordPress’te bir masa yapmanız gerektiğinde inciniyor: nasıl duyarlı hale getirileceğiniz. Bunun hakkında çok daha sonra konuşacağız. Yani, WordPress’te nasıl bir tablo oluşturabileceğimizi görmenin zamanı geldi. Varsayılan WordPress Editor’da (Gutenberg) WordPress Tablosu Nasıl Oluşturulur Blog yayınına bir tablo eklemek istediğinizi söyleyin. Aşağıdaki adımlar: WordPress Gösterge Tablosundan Gönderiye gidin -> Yeni ekleyin
Bu boş yeni makalede “+” işaretini bulun ve üzerine tıklayın. Bu, blok listesi içeren yeni bir pencere açacaktır.
Penceredeki arama çubuğuna “tablo” yazın.
Blok tablosunu seçin.

Sütun ve satır sayısını ayarlayın.
“Tablo Oluştur” u seçin.

Fare imlecini tabloya yerleştirdiğinizde, takım bıçakları düzenleme araçlarıyla görünecektir: tesviye, hat yönetimi ve sütunlar, metin yazımı vb.
Metninizi bir masa hücresine yazın. Ne kadar içerik yazdığınıza bağlı olarak boyutu otomatik olarak değiştirirler.

Sağdaki menüden daha fazla düzenleme yapılabilir. Tablonun seçildiğinden emin olun (imleci bir hücre tablosuna yerleştirin). Kullanılabilir iki tablo stili arasından seçim yapabilirsiniz, başlıklar ekleyebilir, arka plan renkleri ekleyebilirsiniz.
Masa tasarımlarıyla daha da ileri gitmek isteyenler için, gelişmiş bir menü öğesi altında, özel CSS ekleme seçeneğiniz vardır. Burada sayfa atlamasını kullanmak istiyorsanız HTML ankrajlarını da ayarlayabilirsiniz. Bu konu hakkında daha fazla bilgi.

Ve bitmişsin!
Ayrılmadan önce “Kavramları Kaydet” veya “Yayınla” yı bastırmayı unutmayın. Bundan daha sofistike bir şeye ihtiyacınız varsa, WordPress eklentisini kullanabilirsiniz. Bir sonraki bölümde biraz daha fazla önerilerde bulunacağım. Klasik bir WordPress düzenleyicisinde WordPress Tablosu Nasıl Oluşturulur Önceki WordPress düzenleme deneyimini hala kullananlar için iki tasarım seçeneği vardır: Özel HTML Düzenleme
WordPress eklentisinden bir tablo oluşturun
Şimdi, size kendi tablo kodunuzu nasıl oluşturacağınızı göstermeyeceğim, bu çok uzun olabilir ve gerçekten HTML’nizi bilmeniz gerekiyor.
Ama kolay bir şekilde gideceğim: WordPress tablo eklentisini girin! WordPress eklentilerini nasıl yüklerim? Bu oldukça kolay:
WordPress kontrol panelinin önünde eklentiye gidin.
“Yeni Ekle” i seçin.
Arama çubuğunda istediğiniz eklentiyi bulun.
“Yükle” yi seçin.
“Yükle” i tıkladıktan sonra, “Etkinleştir” metni düğmede görünecektir. Eklentiyi etkinleştirmek için tıklayın.

Eklentilerle yükleme ve çalışma grafiği video eğitimimizde de detaylandırılmıştır:

WordPress Tablo Eklentisi Nasıl Seçilir: Dikkat etmeniz gereken birkaç temel unsur vardır:
Eklenti İncelemesi
Duyarlı özellik
Sıralama ve/veya veri filtreleme olasılığı
Ekstra Stil Seçenekleri
Ne tür medya destekleniyor?
İthalat/İhracat Yeteneği
Fiyat
Şimdi, bir WordPress tablo eklentisi seçmeden önce, hangi özellikleri önemsediğinizi bilmelisiniz. WordPress Tablo Eklentisi Önerilerimiz Oradaki WordPress tablo eklentilerinin çoğu, tabloları WordPress sayfasına gömmenize veya kısa kod aracılığıyla yayınlamanıza olanak tanır. Ne anlama geliyor? Eklentideki tablonuzu belirleyeceksiniz ve bittikten ve depolandıktan sonra bir satır küçük kod alacaksınız, şöyle görüneceksiniz: [Tablo Kimliği = 1]. Tek yapmanız gereken, klasik bir WordPress editörü kullanıyorsanız bu kodu sayfaya koymak veya yayınlamaktır. Varsayılan WordPress düzenleyicisini kullanırsanız, kısa bir kod bloğu kullanmanız gerekir. Kısa kodunuzu yalnızca aşağıda gösterilen alana eklemeniz gerekir:
Daha sonra, daha sonra, sürücü için tablo eklentilerinden birini kullanacağım. Şimdi önerilere bakalım. Bu en popüler WordPress tablo eklentisidir. Bu:
Sayılar, metin, görüntüler, bağlantılar ve hatta matematiksel formüller gibi her türlü veri girin!

Doğrudan sıralama yapın (bu harika!).

Excel ve HTML dosyalarından tabloları içe aktarın.
Masanızı dışa aktarın
Ücretsiz kullanın
Eklenti varsayılan olarak duyarlı bir tablo içermez.
Eklenti web sitesinde şu ifadeyi göreceksiniz: “Tablonun web sitesinde teknik olarak çalışma şekli nedeniyle, tablo her zaman ekranda bulunan alana otomatik olarak ayarlanamaz. Bunun nedeni, içeriklerinin belirli bir minimum alan gerektirmesi ve tablonun minimum genişliğini belirleyen şey budur. Minimum genişlik mevcut içerik alanının genişliğinden büyükse, tablo sığmaz. Ne yazık ki, bu, bazı tabloların sağ tarafta kesilebileceği cep telefonları ve tabletler gibi küçük ekranlarda kötü davranışlara neden olabilir “. Masa bir masa, değil mi? Sadece uygun olmadığı için birkaç sütunu kesemezsiniz. Sadece tüm tabloyu yeniden yapılandıramazsınız, çünkü bazı bilgiler sonunda mantıklı olmayabilir. Bu sizin için ne anlama geliyor? Masanızı biraz duyarlı hale getirecek bir uzantı satın alabilirsiniz. Bunun için 4 yaklaşım var:
Flip: Arkasındaki tablo, yani satır bir sütun olarak görünür ve tersi de geçerlidir ve masayı yatay olarak kaydırabilirsiniz (masanızda görüntüler varsa düzgün çalışmayabilir).
Kaydırma: Bu özellik masayı çok genişletir, yatay olarak yuvarlanabilir! Bu ne kadar havalı? Ve masada görüntüler kullanırsanız, rahatsız edilmeyecektir.
Çökme: Bu özellik, tabloya gizleme/genişletme efekti ekleyecektir. Bu, kesilmesi gereken sütunlardan verileri gizleyecek ve bunun yerine verileri her bir girişin altına eklenen gösterilen satıra ekleyecektir.
Yığın: Yığın modu, birbirine ek olarak değil, satır hücrelerini birbirinin üstünde görüntüler. Bu, tabloyu daha dar hale getirir, çünkü sadece bir sütunu görecektir.

Özelliklere bakalım:
100+ tablo stili arasından seçim yapabilirsiniz.
Sınırsız renk şemalarına sahip en popüler 3 CSS kütüphanesine sahiptir!
Sınır tablosu
Ters masa

Çizgili çizgi
Veri tablosu
Ücretli Ninja Tablo Paketi aşağıdaki gelişmiş özelliklerle donatılmıştır:
Tablonun rengi ve özelleştirilmesi sınırsızdır
Google E -Tablo Entegrasyonu
WooCommerce Ürün Tablosu
Koşullu sütun biçimi
Dışa Aktarma Tablosu Ön Uç – CSV, Baskı, PDF
Kendi özel SQL tablonuzdan ve SQL sorgularınızdan verileri gösterin
Hücresel duyarlılığın bir zorunluluk olduğu için, ninja tabloları, sıralar halinde genişletilebilen alanları yerleştirerek tüm tabloları hücresel cihazlara otomatik olarak duyarlı hale getirir.
Jetengine masa yapıcısı
Dinamik bir tablo oluşturmak ister misiniz? Bu nedenle, Jetengine Tables Oluşturucu eklentisine bakın. Bu eklentiyi Gutenberg Elementor ve Editör Sayfa Maker ile kullanabilirsiniz. Masa yapımcıları, web sitenizde basit veya karmaşık dinamik tabloların oluşturulmasına izin verir. Ana özellik:
Mesajları, ürünleri, yorumları veya SQL verilerini göster
Özel Alan Verilerini Göster
Dinamik verilerden bir tablo oluşturun
Masa Stiliniz

Ön uç tablosunda arka uç verilerini gösterin
Herhangi bir sayfaya bir tablo ekleyin
Dinamik bir tablo oluşturmanın birkaç adım vardır: yeni bir sorgu yapın, tablo ayarlarını ayarlayın (ad, veri sorguları), tablolara sütun ekleyin, tablolar düzenleyin, önizlemelere bakın ve web sitenizdeki herhangi bir sayfaya ekleyin. Jetengine Table Maker Price: Bir web sitesi başına 26 $ veya yılda 54 $ sınırsız web sitesi için bir Jetengine eklentisi satın alabilirsiniz. Ayrıca, Jetengine crocoblock aboneliğinin bir parçasıdır; Fiyatlar yılda 130 $ ‘dan başlıyor. Crocoblock aboneliği, web siteleri oluşturmak için tüm jetplugin içerir. WPDATABELFITUR WPDatatables için en önemli olan aşağıdaki gibidir:
orijinal duyarlı
Masa İthalatı
Özel Hücre Biçimlendirme
Mevcut veri kaynağına bağlı bir tablo yapabilirsiniz
WordPress veritabanına veya MySQL veritabanına bir sorgu yapabilirsiniz

Google grafikleri oluşturma makinesini kullanarak 14 farklı grafik türü yapabilirsiniz
Gelişmiş filtre ve arama seçenekleri
Yukarıdaki özelliklerden bazıları ödenir, bazıları ücretsizdir. WPDatatables kullanarak bir WordPress tablosu oluşturmak ve bloglarımızdan biri için WPDatatables kullandığımız için size bununla nasıl çalışacağınızı göstereyim. Eklentiyi etkinleştirdiğinizde, WordPress kontrol panelinden erişebileceksiniz.
İlk masamızı oluşturalım.
“Masa Oluştur” a gidin.
Kullandığınız pakete bağlı olarak, başlangıçtan bir tablo oluşturabilir, içe aktarabilir veya SQL/MySQL tabanlı bir tablo oluşturabilirsiniz.
“Başlangıçtan Basit Bir Tablo Oluştur” u, ardından “İleri” yi tıklayın.
Tablonuzu adlandırın ve satır sayısını seçin, ardından “Tablo Ver” i seçin.
Verilerinizi tablodan doldurun.

İçeriği Düzenle Tablonun üzerindeki araçları kullanarak: Tesviye, Metin Kuvvetleri Yapılandırma, Metin Konumlandırma. HTML kodu ve görüntü bile ekleyebilirsiniz. Ekran menüsünden (“Veri Düzenleme” nin yakınında) bazı ek tablo ayarları yapabilirsiniz: tablo adı verin, hücre dolgusunda değişiklik yapın, tablo başlıklarını seçin.
Cep telefonlarında ve tabletlerde önizleme tablosu ekranını önizleyin ve “duyarlı” menüden rulo türünü belirleyin.
Bittiğinde “Değişik Kaydet” tuşuna basın.

Sol taraftaki menüden WPDatatables’a gidin. Burada oluşturduğunuz tüm tabloları kısa kodla göreceksiniz. Burada artık kullanmadığınız tabloları silebilirsiniz.
Kısa kodu istediğiniz tablodan kopyalayın. Sayfaya yapıştırın veya yayınlayın. Daha önce de belirtildiği gibi, varsayılan WordPress düzenleyicisinde kısa bir kod bloğuna koyabilirsiniz.

Ve bitmişsin. Size masalarımdan birini göstereyim.
Kısa bir kod koyduğum yer burası:

Bir parça kek, değil mi? Ve bu bir sargı, insanlar! Şimdi, bu makaleyi beğendiyseniz ve bir WordPress web sitesi nasıl tasarlayacağınız hakkında daha fazla bilgi edinmek istiyorsanız, YouTube kanalımıza abone olduğunuzdan ve bizi Twitter ve Facebook’ta takip ettiğinizden emin olun!

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir