TablePress: WordPress'te tek bir kod satırı olmadan tablolar oluşturun

Bazen bir WordPress sitesini yönetmek, statik HTML ve diğer tarih öncesi içerik yöneticilerine kıyasla çok kolay olabilir. Ortak görevlerin uygulanması o kadar kolaydır ki, iyileştirme isteklerini bir gülümsemeyle karşılama eğilimindesiniz.

Bununla birlikte, birçok site tasarımcısına anında acele etme konusunda hiçbir zaman başarısız olmayan belirli istek türleri vardır: "tablo" kelimesini içeren herhangi bir istek .

Bu küçük hayvanlar çok kırılgan! Yanlışlıkla silinen ” < ” veya ” > ” gibi küçük bir yanlış manipülasyon ve çevrimiçi sayfanız güzel geometrik yapısını kaybederek Pompeii'nin harabelerine benziyor. HEPSİ KIRILMIŞ!

Yani maceraperest biri benden bir köşe yazısı eklememi isterse, Kaptan Haddock'u utandıracak bir küfür savuracaklardır.

Ama hepsi daha önceydi! Her koşulda ZEN kalmanızı sağlayan eklentiyi keşfetmeden önce: TablePress . WordPress'te kodlama yapmadan tablolar oluşturmanıza ve bunları basit bir sürükle ve bırak işlemiyle değiştirmenize izin veren bir eklenti!

Fiyat planlarınızı veya amiral gemisi ürünlerinizin özelliklerini karşılaştıran bir tablo eklemek için ani bir dürtü mü? Kılavuzu takip edin. Bu öğreticinin sonunda, WordPress'e güvenle tablolar ekleyebileceksiniz .

Aslen Şubat 2019'da yazılmış olan bu makale en son Mart 2022'de güncellenmiştir.

En iyi WordPress projelerinizin en iyi ana bilgisayara ihtiyacı var!

WPMarmite, Bluehost'u önerir: harika performans, harika destek. Harika bir başlangıç ​​için ihtiyacınız olan her şey.

Bluehost'u deneyin

Alan adınızı seçme ve profesyonel bir WordPress web sitesi oluşturma hakkında ayrıntılı kılavuzlarımıza göz atın.

TablePress nedir?

TablePress, kodlamaya gerek kalmadan WordPress yönetici arayüzünüzden basitçe tablolar oluşturmanıza olanak tanıyan ücretsiz ve açık kaynaklı bir eklentidir.
Daha sonra bir kısa kod, bunları içeriğinizde istediğiniz yere (gönderi, sayfa, kenar çubuğu vb.) eklemenize olanak tanır.

800K'dan fazla aktif kurulumdan ve resmi WordPress dizininde 5 üzerinden 5 yıldızdan (4.200'den fazla inceleme için) yararlanarak, hiç şüphe yok: Bu, tablolarınızı oluşturmak ve yönetmek için amiral gemisi eklentisidir .

Eklenti, siber mühendislikte uzmanlaşmış bir Alman WordPress geliştiricisi olan Tobias Bathge tarafından oluşturuldu. İyi bir inek olarak Bathge, TablePress'i Excel sayfasına benzer bir arayüzde yarattı.

TablePress neler sunuyor?

TablePress'in birçok ilginç özelliği vardır:

• Sezgisel, sürükle ve bırak arayüzü.
• Bir kısa kod kullanarak tabloları makalelerinize, sayfalarınıza veya metin widget'larınıza entegre etme imkanı.
• Tablo verilerinin kolay düzenlenmesi, tıpkı Excel'de olduğu gibi.
• Tabloları Excel, CSV, JSON ve HTML formatlarında içe ve dışa aktarın.
• Google E-Tablolar ile senkronizasyon.
• Matematiksel işlevleri ve hesaplama formüllerini kabul eden tablo hücreleri.
• CSS kodu ile grafik özelleştirme.

TablePress eklentisi ile WordPress'e nasıl tablo eklenir?

TablePress yüklenip etkinleştirildiğinde, WordPress yönetici menüsünde eklentinin adıyla yeni bir sekme göreceksiniz.

WordPress sitenize yeni bir tablo eklemek için yönetici menüsünde TablePress > Yeni Tablo Ekle'yi veya TablePress arayüzünün üst kısmındaki "Yeni Ekle" sekmesini tıklamanız yeterlidir.

Tablonuzu oluşturmak için sizden şunları yapmanız istenecektir:

• Masanıza bir isim verin . Sitenizde çok sayıda tablo sunmayı planlıyorsanız, ona açık ve açıklayıcı bir ad vermeyi düşünün.
• Kısa bir açıklama sağlayın (isteğe bağlı). Daha sonra faydalı olabilecek herhangi bir bilgiyi eklemek için zaman ayırın.
• Tablonuzdaki satır ve sütun sayısını belirtin . Eklenti, bu öğeleri daha sonra kolayca eklemenizi ve çıkarmanızı sağlarken, tablonuzda sunmak istediğiniz bilgileri listelemek için birkaç dakikanızı ayırmanızı tavsiye ederim. Bu küçük beklenti adımı, daha sonra size çok zaman kazandıracak.

Ardından sayfanın altındaki mavi “Tablo Ekle” düğmesine tıklayın. Artık tablonuzu düzenleyebileceğiniz “Tablo Düzenle” ekranına yönlendirileceksiniz.

TablePress ayrıca mevcut bir tabloyu içe ve dışa aktarmak için iki özelliğe sahiptir (TablePress > Tabloyu İçe Aktar veya TablePress > Tabloyu Dışa Aktar aracılığıyla).
Örneğin, CSV, XLS veya XLSX dosyasındaki bir tabloyu bir elektronik tablodan (örn. Excel) içe aktarabilirsiniz. Son olarak, tablolarınızı elektronik tablolar gibi diğer programlara da aktarabilirsiniz.

Bir tablonun yapısı ve içeriği nasıl düzenlenir?

Sayfayı "Tablo İçeriği" bloğuna kaydırın. Sayfanın bu bölümü, doğrudan tablonun tek tek hücrelerine yazarak veya kopyalayıp yapıştırarak içerik eklemenize olanak tanır.

Sürükle ve bırak ile satırlarınızı ve sütunlarınızı yeniden düzenlemek kolaydır.

TablePress tablolarınızı nasıl zenginleştirebilirsiniz?

TablePress ile tablolarınız, gelişmiş düzenleyicisi aracılığıyla resimler, bağlantılar ve kısa kod gibi daha karmaşık bilgilerle zenginleştirilebilir .

TablePress tablonuza nasıl resim eklenir?

Bir resim eklemek için hiçbir şey daha kolay olamazdı. Sayfayı "Tablo Manipülasyonu" bloğuna kaydırın ve "Görüntü Ekle" ye tıklayın.

Ardından görüntünün görünmesini istediğiniz hücreye tıklayın. Şimdi tek yapmanız gereken, pencerenin sağ altındaki mavi "Tabloya ekle" düğmesine tıklamadan önce bir resim yüklemek veya Medya Kitaplığınızdan bir resim seçmek.

Bir tabloya bağlantı nasıl eklenir?

TablePress ayrıca tablonuza bağlantılar eklemenizi sağlar. Bunu yapmak için, "Tablo Manipülasyonu" bloğuna gidin ve ardından "Bağlantı Ekle" düğmesini tıklayın.

Ardından, bağlantının görünmesini istediğiniz tablo hücresine tıklayın. Standart WordPress arayüzünü kullanarak bağlantınızı yapılandırabileceğiniz bir açılır pencere görünecektir:

Zengin içeriği tablonuza nasıl eklersiniz?

Bir tablo hücresine zengin içerik de ekleyebilirsiniz. TablePress ayrıca gelişmiş bir düzenleyiciden içerik ekleme olanağı sunar. Bunu kullanarak, aynı hücreye bağlantı içeren veya içermeyen metin ve görüntülerin yanı sıra görüntü ekleyebilirsiniz.

Gelişmiş düzenleyiciyi bulmak için “Tablo Manipülasyonu” bloğuna ilerleyin ve aynı isimli butona tıklayın.

Zenginleştirilmiş içeriği yerleştirmek istediğiniz hücreye tıklayın. Zengin içeriğinizi ayarlayabileceğiniz bir açılır pencere belirecektir.

Tablonuzu özelleştirmek için hangi ek seçenekler var?

Tablo seçenekleri

Bu kutu, tablonuzun üstbilgisini veya altbilgisini tanımlamanıza olanak tanır; bu, okunabilirliği artırmak için çok fazla veri içeriyorsa yararlı olabilir.

Ayrıca, tablo satırları için alternatif renkler seçme, fareyle üzerine gelindiğinde bir satırı vurgulama veya tablonuzun başlığını veya açıklamasını görüntüleme olanağına da sahipsiniz .

Son olarak, “Ekstra CSS Sınıfları” alanı, eğer CSS'de özelleştirmek isterseniz, seçtiğiniz bir veya daha fazla sınıfı atamanıza izin verecektir.

DataTables JavaScript kitaplığı

Bu kutudaki seçenekler, ziyaretçilerinize tablonuzda dinamik olarak sıralama, filtreleme ve arama yapma veya bir sayfalandırmayı etkinleştirme olanağı vermenizi sağlar.

İhtiyacınız yoksa her şeyi devre dışı bırakabilirsiniz.

WPMarmite abonelerine katılın

Son WPMarmite gönderilerini (ve ayrıca özel kaynakları) alın.

ŞİMDİ ABONE OL

Tablolarınızı nasıl düzenlersiniz?

TablePress, bir tablonun yapısının kolayca düzenlenmesini sağlar.

“Tablo Manipülasyonu” kutusunda, satır ve sütun eklemek, silmek, çoğaltmak ve gizlemek için çeşitli seçenekler bulacaksınız. Ayrıca hücreleri bir satır veya sütunda birleştirebilirsiniz.

Tablonuzu değiştirmek için, değiştirmek istediğiniz satırı veya sütunu tıklamanız yeterlidir.

Ardından uygun efekti seçin. Örneğin, mevcut iki sütun arasına yeni bir sütun eklemek için aşağıdan seçtik:

Tablonuzu tamamladıktan sonra sayfanın üst kısmındaki “Değişiklikleri Kaydet” butonuna tıklamayı unutmayınız. Otomatik kaydetme olmadığından bunu düzenli olarak yapmanızı öneririz.

Eski bir tablo nasıl değiştirilir?

Oluşturduğunuz bir tablonun içeriğini ve yapısını istediğiniz zaman değiştirebilirsiniz.

Mevcut tabloların listesini bulmak için WordPress menünüzde TablePress > Tüm Tablolar'ı seçin.

Artık düzenlemek istediğiniz tabloyu seçebilirsiniz.

Bir gönderiye veya sayfaya tablo nasıl eklenir?

Artık tablonuzu oluşturduğunuza göre, tek yapmanız gereken onu WordPress sitenizdeki bir yazıya veya sayfaya eklemek.

Bunu yapmak için, tablonuzu yayınlamak istediğiniz hedef belgeyi WordPress içerik düzenleyicisinde (Gutenberg) açın veya oluşturun.

“Tablo Bilgileri” kutusunda bulunan tablonun kısa kodunu kopyalayın:

Bilginize, bu kısa kod şu biçimdedir: [table id=<the-ID> /] . Her tablonun kendi tanımlayıcısı vardır (yukarıdaki örnekte 2 sayısı).

Kısa kodu, içerikte istediğiniz yere, seçtiğiniz yayın içindeki bir "Kısa Kod" bloğuna yapıştırın:

İşte sitedeki sonuç:

Kullandığınız temaya bağlı olarak ekranın biraz farklı olabileceğini unutmayın.

Her durumda, tebrikler: parmaklarınız burnunuzdayken yaptınız!

TablePress ile daha ileri gitmek için ek özellikler

Şimdiye kadar, bu eğitim size WordPress'te kodlama olmadan tablo oluşturma ve güncellemenin temellerini verdi. Ayrıca buna çok kullanışlı bazı ekstra özellikler de ekleyebilirsiniz.

Temel bilgilerde uzmanlaştıktan sonra, bu öğreticiler daha ilginç özelliklerden bazılarını uygulamanıza yardımcı olabilir:

• Excel'de olduğu gibi hücrelerde formüller kullanın.
• Tablonuzu CSS ile özelleştirin, bu SSS size tablolarınızı özelleştirme konusunda ihtiyacınız olan tüm yanıtları verir.

WP Rocket ile web sitenizi hızlandırın

WordPress uzmanları tarafından tanınan en güçlü önbelleğe alma eklentisiyle sitenizi bir rokete dönüştürün.

WP Rocket'i deneyin

Bonus: TablePress uzantısı

Yaklaşık 20 ücretsiz veya premium uzantıdan oluşan bir kitaplık ile TablePress'e daha da fazla işlevsellik ekleyebilirsiniz.

Eklenti web sitesinde 20 resmi uzantı bulacaksınız. İşte en yararlı olanlardan bazıları:

• Duyarlı tablolar (premium): Tüm cihazlara (masaüstü, tablet ve mobil) uyarlanmış güzel tablolara sahip olmak. Bu eklentinin ücretli olmasına üzüldük, potansiyel bir rakip için büyük bir fırsat bırakıyor…
• Tek bir hücrenin içeriğini çağırmak için kısa kod: ortalama puan gibi bir tablonun bazı öğelerini sayfanızın farklı yerlerinde yayınlamak istiyorsanız çok kullanışlıdır.
• Tabloların otomatik ve planlı içe aktarımı (premium): Örneğin Excel gibi harici bir çözümle tablolarınızı güncellerseniz çok kullanışlıdır.

Teknik olarak, TablePress'in sözde premium uzantılarının büyük çoğunluğu aslında ücretsiz olarak indirilebilir ve kullanılabilir. Ancak geliştirici Tobias Bathge, çalışmalarını ödüllendirmek için herhangi bir miktarda bağış yapmanızı teşvik ediyor.

WordPress'e tablo eklemek için başka hangi seçenekler var?

TablePress, WordPress'te bir tablo oluşturmak için resmi dizindeki en popüler ve en yüksek puan alan eklenti olsa da, bir tablo tasarlamak için başka kaynaklar da vardır.

WordPress içerik düzenleyicisindeki Tablo bloğu

İlk olarak, WordPress içerik düzenleyici, içeriğinizde basit ve hızlı bir şekilde tablo oluşturmak için kullanışlı bir "Tablo" bloğuna sahiptir.

Özellikle şunları yapabilirsiniz:

• Gerçek zamanlı olarak satır veya sütun ekleyin veya silin.
• İki görüntüleme stili arasından seçim yapın: "varsayılan" ve "çizgili".
• Metnin ve arka planın rengini değiştirin.
• Hücrelerinize sabit bir genişlik atayın.
• Tipografinin yanı sıra kenarlıklarınızın genişliğini ve stilini ayarlayın.

Bu blok, verileri basit bir şekilde sunmak istediğiniz bazı çok temel tablolar için yeterli olabilir .

Daha karmaşık, yeniden düzenlenebilir tablolar oluşturmak veya Excel benzeri özelliklere sahip olmak isteyenler TablePress'i tercih edecek.

Sayfa Oluşturucular

WordPress'e tablo eklemek için başka bir seçenek de bir sayfa oluşturucu kullanmaktır.

Sayfa oluşturucu, özellikle hazır şablonların kullanımı yoluyla tek bir kod satırına dokunmadan içeriğiniz için zengin ve karmaşık düzenler oluşturmanıza olanak tanıyan bir araçtır. Düzenleme genellikle sürükle ve bırak yöntemiyle ve gerçek zamanlı olarak yapılır.

Bunların en ünlüsü, resmi dizinde 5M+ aktif kurulum biriktiren Elementor'dur. Olduğu kadar güçlü ve esnek olan Elementor, bir tablo oluşturmak için bir widget (modül) sunmuyor!

Ancak hedeflerinize ulaşmak için Crocoblock, ElementsKit veya Ultimate Addons gibi birçok premium eklentisinden birini kullanabilirsiniz.

Hatta daha da iyi bir şeyim olabilir: Basitçe ile oluşturulan bir tabloyu Elementor'a TablePress ekleyebilirsiniz. Kısa kodunu, tıpkı içerik düzenleyicide olduğu gibi, Elementor tarafından önerilen Kısa Kod parçacığına eklemeniz yeterlidir.

Elementor için bu kadar. Sektörün diğer ağır sikleti Divi Builder'dan da kısaca bahsedelim.

Örneğin, TablePress, Divi Builder arayüzünden tablonun görsel görünümünü özelleştirmenize yardımcı olacak, Divi-Modules'tan TablePress Styler adlı birinci sınıf bir üçüncü taraf eklentisi sunar.

Elementor ile web sitenizi oluşturun

Ünlü sayfa oluşturucu ile WordPress web sitenizin görünümünü ve verdiği hissi kolayca tasarlayın.

Elementor'u deneyin

Tablo oluşturmak için diğer eklentiler

Son çare olarak, TablePress sizin için hiç çalışmıyorsa, aşağıdaki WordPress tablo eklentilerinden biriyle mutluluğunuzu bulabilirsiniz:

• WP Tablo Oluşturucu
• wpDataTables
• Supsystic tarafından Veri Tabloları Oluşturucu
• Ninja Masaları

TablePress hakkındaki son görüşümüz

Muhtemelen zaten anlamış olduğunuz gibi, birkaç nedenden dolayı TablePress'in büyük bir hayranıyım:

• WordPress sitenize kodlama yapmadan kolayca gelişmiş tablolar eklemek istiyorsanız bu eklenti harika bir seçenektir.
• Özellikleri sayesinde, verileri kolay okunur bir biçimde özetlemenize ve sıralamanıza yardımcı olacak zarif tabloları hızla oluşturabileceksiniz.
• Excel'den ilham alan arayüzü, WordPress içerik düzenleyicisi tarafından sunulan basit tabloların ötesine geçmenize olanak tanır.
• Ve en önemlisi, HTML'de tablolar oluşturmaktan ve başarılı olmadan kodla saatlerce uğraşmaktan kaçınmanıza izin verir.

Olumsuz tarafı, tablolarınızın görüntüsünün özelleştirilmesinin oldukça sınırlı olduğunu not edebiliriz. Gelişmiş bir sonuç ve resminiz için CSS kullanmanız gerekecek.

Son olarak, eklenti varsayılan olarak yanıt veriyorsa, tablolarınız her zaman otomatik olarak farklı ekran boyutlarına uyum sağlamayacaktır. Bazen ekran, örneğin sağ köşede kesilebilir.

Yine, bazen biraz CSS eklemek tavsiye edilir. Bu sorunu çözmek için yukarıda bahsedilen Duyarlı Tablolar uzantısını da kullanabilirsiniz.

TablePress'i resmi dizine indirin:

Ve sen, TablePress kullanıyor musun? WordPress evreninin bu amiral gemisi eklentisi hakkında ne düşünüyorsunuz?