Advertisement

Yardım:Tablolar/Vikimetin

Vikimetin ile tabloları şekillendirmek istiyorsanız, birçok seçeneğiniz var. Bu tek sayfa hepsine girmeyecek, ancak vikimetinin HTML biçimlendirmesiyle nasıl eşleştiğini, bir CSS sınıfının yarattığı farkı ve hem masaüstü hem de mobil cihazlarda çalışan basit bir tablo örneğini gösterecektir.

Temel tablo kodu

Vikimetin, birçok yönden HTML için kısayoldur. HTML'ye aşinaysanız, muhtemelen bir vikimetin tablosunun nasıl oluşturulacağını zaten biliyorsunuzdur. İşte vikimetin ve HTML arasındaki bağlantıyı anlamanıza yardımcı olacak bir grafik:

Açıklama Yazdığınız
Başlangıç tablosu
(<table> ile eşittir)
{|
Başlangıç satır tablosu
(<tr> ile eşittir)
|-
Tablo başlığı (bir satırın parçası; <th> ile eşittir) ! veya !!
Tablo hücresi (bir satırın parçası; <td> ile eşittir) | veya ||
Bitiş tablosu
(</table> ile eşittir)
|}

Fandom'un varsayılan CSS sınıfları

Fandom kodunun derinliklerinde, masanızın en başına koyabileceğiniz iki sınıf bulunur. Hangi vikide olursanız olun, .article-table ve .wikitable için her zaman bazı varsayılan biçimlendirme vardır. Görsel Düzenleyici'yi kullanırsanız, .article-table otomatik olarak eklenecek ve böylece tablonuzun temel yapısı şöyle olacaktır:

{| class = "article-table"
...
|}

Ancak bunun yerine .wikitable kullanmayı veya sınıf kullanmamayı düşünebileceğiniz durumlar vardır. Tamamen özelleştirilmemiş bir vikide hepsi şöyle görünüyor:

Article-table UCP.png
.article-table tüm hücrelere aynı arka planı verir
Wikitable.png
.wikitable ile her hücre için daha büyük bir tanım elde edersiniz
No table class.png
CSS sınıfı olmadan ne kenarlıklar ne de üstbilgi arka planları elde edersiniz

Tabloların stilini CSS özelleştirme ile yapıyorsanız, .article-table sınıfını, bu sınıfta olduğu gibi zaten kullanmakta olan stil tablolarına hedeflemek genellikle en iyisi varsayılandır.

Teknik olarak, Fandom'da .WikiaTable adında başka bir varsayılan tablo sınıfı mevcuttur. Bununla birlikte, yerel CSS bildirimleriyle değiştirilmezse, .article-table ile tam olarak aynı stili sağlar.

Temel tablolar

Başka yerde açıkladığı gibi, tablolar mobil web'de her zaman iyi görüntülenmez.

En iyi yaklaşım, işleri olabildiğince basit tutmaktır. Aşağıdaki vikimetine bakın ve ardından telefonunuzda, tablonun bu küçük ekranda nasıl çalıştığına dikkat edin:

{| class = "article-table"
!Sayfa
!Sıra 1
!Sıra 2
!Sıra 3
|-
|Sayfa A
|1
|2
|3
|-
|Sayfa B
|1
|2
|3
|-
|Sayfa C
|2
|3
|4
|}

...şunu verir:

Sayfa Sıra 1 Sıra 2 Sıra 3
Sayfa A 1 2 3
Sayfa B 1 2 3
Sayfa C 2 3 4

Daha gelişmiş tablo kodlaması

Tablolar, yukarıdaki örnekten önemli ölçüde daha gelişmiş yapılabilir. Vikimetin tabloları için diğer seçenekleri keşfetmek istiyorsanız, tablolar için MediaWiki yardım sayfasına ziyaret ederek başlayabilirsiniz. Ancak, mediawiki.org veya Vikipedi'nin yardım sayfası gibi yerlerde göreceğiniz şeylerin çoğunun, mobil cihazlarda tabloların etkilerini gerçekten dikkate almadığını unutmayın. Vikinizin birçok mobil okuyucusu için ne kadar iyi görüntülendiğini görmek için çalışmanızı her zaman gerçek bir telefondaki tablolarla kontrol etmeniz önemlidir.

Ayrıca, verilerin hesaplanması gereken bazı özel kullanım durumlarında, şablonlar kullanmak veya hatta Lua tabanlı şablonlar kullanmak da mümkündür. mevcut tablo yapıları veya hücreler içinde şablonlar kullanmak için.

Ayrıca bakınız

Daha fazla yardım ve geri bildirim

[[Kategori:Düzenleme

Community content is available under CC-BY-SA unless otherwise noted.

Kasım ayı sona erdi ve ritüellere uyulması gerekiyor. Bu Ay Fandom'da göz atın!

READ MORE