WordPress Tablo bloğuna genel bakış: Eklenti veya kodlama olmadan WordPress'te tablo oluşturun

Sütunlarla ilgili son makalede, sütun oluşturmak için eski WordPress sürümlerinde tabloların kullanıldığından bahsetmiştik. WordPress web sitesine bir tablo eklemek için yapmanız gerekenler:

• HTML kodunu girin; veya
• 3. taraf eklentiyi kurun (örneğin TablePress)

Birçok ek işlev ve özellikle çalışabildiğiniz için üçüncü taraf eklentiler en yaygın yoldu. Üstbilgi, altbilgi ekleyebilir veya tablo verilerini istediğiniz gibi sıralayabilirsiniz.

Fiyatlandırma tablosu bloğu

Tablolar genellikle öğeleri ve fiyatları sunmak için kullanıldığından, Citadela Blocks eklentisine dahil olan (modern WP temalarının çoğuyla geniş ölçüde uyumlu) özel bir Fiyat Tablosu bloğu oluşturduk. Fiyatları çekici bir şekilde sunmak ve yönetmek için WordPress blok düzenleyicide çok kolay bir şekilde kullanabilirsiniz.

Bu blok gelişmiş ayarlara sahiptir ve ihtiyaçlarınıza göre duyarlı sürümü ayarlayabilirsiniz. Citadela Blocks Plugin'de mevcuttur.

Ancak, WordPress'in kendisi tablo oluşturmak için varsayılan bir blok sunar. Basitçe denir: Tablo bloğu ve bir dakika içinde abonelik paketleriniz gibi çok temel bir sunum oluşturmak için kullanabilirsiniz.

Bugün Table Block'a daha detaylı bakacağız ve şunlardan bahsedeceğiz:

• WordPress'teki tablolar neden pratiktir?
• Tablo bloğu nasıl kullanılır ve WordPress'te bir tablo nasıl oluşturulur (eklenti olmadan)
• Araç çubuğundaki tablo bloğu ayarları
• Müfettişte WordPress Tablo blok ayarları
• Ekstra ipucu: Resmin yanına tablo nasıl eklenir

WordPress'teki tablolar neden pratiktir?

Tablolar, Yazılar ve Sayfalarda evrensel kullanıma sahiptir. Temel işlev, verileri veya sayıları düzenlemektir. Tablolar blogcular için de faydalıdır. Örneğin, seyahat blogcuları tek tek destinasyonlar için fiyatları karşılaştırabilir. Yemek blogcuları kolayca içerik listesi veya gerekli miktar oluşturabilir.

Son olarak, hizmet ve ürünlerin açılış saatlerini veya fiyat tablolarını sunmak için tabloları kullanmak mümkündür. Bir restoran, güzellik salonu veya fırın için bir web siteniz olması önemli değil. Web sitenizdeki tablolar için kullanım bulacaksınız.

WordPress'te Tablo bloğu nasıl kullanılır ve tablo oluşturulur (eklenti olmadan)

WordPress'te blok düzenleyici kullanarak tablolar oluşturmak çocuk oyuncağıdır. Tablo bloğunu kullanarak, eklenti veya kodlama olmadan birkaç tıklamayla tablolar oluşturabilirsiniz. Nasıl çalıştığına bir göz atalım:

• İlk olarak, WordPress Tablo bloğunu eklemeniz gerekir. Bunu, üst çubukta veya düzenleyicinin herhangi bir yerinde bulunan “+” işaretine tıklayarak yapabilirsiniz. Bundan sonra, belirli bir blok seçebilirsiniz.

Tablo bloğunu aramak için “table” kelimesinden sonra “/” eğik çizgi kullanarak Tablo bloğu eklemek de mümkündür.

Sayfanıza veya gönderinize Tablo bloğunu ekledikten sonra sütun ve satır sayısı gibi temel ayarları yapmanız gerekir.

WordPress Tablo bloğunu kullanarak tablolar oluşturabileceğiniz ve ayrıca özel yapım bloklarımızı kullanabileceğiniz en yeni Citadela temasını keşfedin. Belirli iş türleri için geliştirilmiş yerleşim paketleri ile özelleştirebileceğiniz Citadela hakkında daha fazla bilgi edinin.

Araç çubuğundaki tablo bloğu ayarları

Artık WordPress'te nasıl tablo yapılacağını biliyorsunuz. Sonra size onunla nasıl çalışacağınızı göstereceğiz.

Tablonun üstündeki üst araç çubuğu, stil ve biçimlendirmede değişiklik yapmanızı sağlar. Bu ayarları kullanarak tablonun nasıl görüneceğini değiştirebilirsiniz. Son görünümün her zaman kullandığınız etkin WordPress temasına bağlı olduğunu unutmayın.

Ne değiştirilebilir?

1. Blok stilleri

İlk simgeyi kullanarak tablo stillerini seçebilirsiniz. 2 seçenekten birini seçebilirsiniz:

• Varsayılan – tablo hücreleri, herhangi bir arka plan olmadan kenarlıklara sahip olacaktır. Tüm blok için arka plan rengi daha sonra eklenebilir.
• Çizgiler – kenarlıksız tablo, ancak her ikinci satır bir arka plan kullanılarak vurgulanacaktır. Bu tarz daha modern ve daha az resmi.

2. WordPress Tablo bloğunu hizalama

Tablo hizalaması, bloğun üstündeki üst araç çubuğunda da değiştirilebilir. Sol, sağ veya orta gibi klasik olanlardan birini seçebilirsiniz, ancak masayı geniş veya tam genişlikte de yapabilirsiniz. Son ikisinin kullanılabilirliği her zaman kullandığınız etkin WordPress temasına bağlıdır.

3. Tablo içeriğini biçimlendirme

Tabloların içindeki metin veya sayılar kalın veya italik olarak ayarlanabilir. Başka bir sayfaya, grafiğe veya resme bağlantı ekleyebilirsiniz.

4. Tabloda metin hizalaması

WP'nin en son sürümü, yalnızca tüm tabloyu değil, satırların içindeki metni de hizalamanın mümkün olmasını sağlar. Artık eklenen metni her satıra ayrı ayrı hizalayabilirsiniz. Bu özellik, daha güzel bir tablo oluşturmanıza yardımcı olur.

5. Sütun ve satır sayısı

WordPress'te tablo sütunları veya satırları nasıl eklenir? Tablo bloğunda çok kolay. Bu blok, hücrelerin çok hızlı bir şekilde eklenmesine veya çıkarılmasına izin verir. Basitçe “Tabloyu düzenle”ye tıklayın ve ardından yapmak istediğiniz eyleme tıklayın. “Sonra Satır Ekle”ye tıklarsanız, hemen altta yeni bir satır oluşturulacaktır.

Müfettişte WordPress Tablo blok ayarları

En üstteki araç çubuğu, tablo hücrelerinin ayarlarını değiştirmenize olanak sağlarken, Tablo bloğunun daha karmaşık ayarları için Inspector adlı sağ taraftaki bir araç çubuğu kullanılır. Ayrıca burada blok stillerini (Varsayılan veya Şeritler) yapılandırabilirsiniz, ancak dahası, arka plan rengini ve tablo genişliğini de ayarlayabilirsiniz.

Tablo Ayarları

Varsayılan olarak tablo hücreleri, içindeki metin miktarına dinamik olarak ayarlanır. "Sabit genişlikte tablo hücreleri" işlevine de izin verebilirsiniz. İçine ne koyarsanız koyun, tüm hücreler aynı genişliğe sahip olacaktır.

Renk ayarları

Müfettiş ayrıca tablo arka plan rengini değiştirmenize izin verir. Varsayılan stili seçtiyseniz, tüm tablo aynı arka plan rengine sahip olacaktır. Stripes'ı seçtiyseniz, yalnızca her ikinci satırda arka plan ayarı olacaktır.

Yeni eklenen özellik: Üstbilgi ve altbilgi desteği

Tabloları daha erişilebilir hale getirmek için geliştiriciler, WordPress Tablo bloğuna üstbilgi ve altbilgi seçeneğini ekledi. Bu işlevsellik ayrıca (verilerin) daha iyi yapısal tanımını sağlar ve mobil asistanlara daha doğru bilgiler verir. Tablo yapısı artık tablonun üstbilgisini, altbilgisini ve gövdesini tanımlamak ve ayırt etmek için <thead>, <tfoot> ve <tbody> tbody> içerir. Üstbilgi ve altbilgi bölümünü doğrudan Inspector'dan etkinleştirebilir veya devre dışı bırakabilirsiniz.

Ekstra ipucu: Tablonun resmin yanına nasıl yerleştirileceği

Bir masa ve resmin yan yana olması mı gerekiyor? Bunu yapmak için Sütun Bloğu kullanmanız gerekir. Bu blok, sütunlara farklı içerik türleri eklemenize ve bunları güzel bir şekilde hizalamanıza olanak tanır.

Nasıl yapılır?

Tablo Bloğu'nu bir sütuna ve Görüntü Bloğu'nu ikinci sütuna ekleyin. Resmin yanında WordPress Sütun Bloğu içinde iç içe bir tablo elde edeceksiniz. Çok basit ve hizalama veya duyarlı sürüm hakkında endişelenmenize gerek yok.

Sütun bloğu hakkında daha fazla bilgiyi WordPress'te eklentisiz sütunlar nasıl yapılır makalemizde okuyabilirsiniz.