FANDOM


Wiki metin içeren tabloları şekillendirmek istiyorsanız, birçok seçeneğiniz vardır. Bu sayfa hepsine girmeyecek, ancak olacak size wiki metnin HTML işaretlemesi ile 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

Wiki metin, birçok yönden HTML için kısayoldur. HTML ile aşina iseniz, muhtemelen bir wiki metin tablosu oluşturmayı zaten biliyorsunuzdur. İşte wiki metin ve HTML arasındaki bağlantıyı anlamanıza yardımcı olacak bir grafik:

Açıklama Türün
Tabloya başla
(eşdeğer <table>)
{|
Tablo satırına başla
(eşdeğer <tr>)
|-
Tablo başlığı (satırın bir kısmı; <th>) ! or !!
Tablo hücresi (bir satırın parçası; <td>) | or ||
Bitiş tablosu
(eşdeğer </table>)
|}

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

Fandom'un kodunun derinliklerinde masanızın en başında koyabileceğiniz iki sınıf bulunur. Hangi wiki'de olursanız olun, .article-table ve .wikitable için her zaman varsayılan biçimlendirme vardır. Görsel Düzenleyici veya klasik düzenleyicinin görsel modunu kullanırsanız, tablonuzun temel yapısı şöyle olacaktır: .article-table otomatik olarak eklenecektir:

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

Ancak bunun yerine .wikitable - veya sınıf yok - kullanmayı düşünebileceğiniz durumlar vardır. Tamamen kişiselleştirilmemiş bir wikide hepsi şöyle görünüyor:

Article-table

.article-table ile daha hafif bir tasarım elde edersiniz

Wikitable

.wikitable her hücre için daha iyi tanım elde edersiniz

No table class

CSS sınıfı olmadan ne kenarlık ne de başlık arka planları elde edemezsiniz

Tabloları CSS özelleştirmesi ile şekillendiriyorsanız, en çok sınıfı kullanan stil stiline .article-table sınıfını hedeflemek en iyisidir.

Teknik olarak, Fandom'da .WikiaTable adlı başka bir varsayılan tablo sınıfı vardır. Ancak, yerel CSS bildirimleri tarafından değiştirilmezse, tam olarak .article-table ile aynı stili sunar.

Temel tablolar

Başka bir yerde açıklanmıştır, tablolar mobil web'de her zaman iyi görünmez.

En iyi yaklaşım işleri mümkün olduğunca basit tutmaktır. Aşağıdaki wiki metine bakın ve ardından telefonunuzda, tablonun bu küçük ekranda nasıl çalıştığını fark edin:

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

...veriyor:

Sayfa Sıralama 1 Sıralama 2 Sıralama 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 çok daha gelişmiş hale getirilebilir. Eğer wiki metin tabloları için diğer seçenekleri araştırmak istiyorsanız, tablolar için MediaWiki yardım sayfasına danışarak başlayabilirsiniz. Ancak, mediawiki.org veya Vikipedi'nin yardım sayfası gibi yerlerde göreceğiniz şeylerin pek çoğunun mobil cihazlardaki tabloların etkilerini pek dikkate almadığını unutmayın. Çalışmalarınızı her zaman gerçek bir telefondaki tablolarla kontrol etmek önemlidir. Wikinizin pek çok mobil okuyucusu için ne kadar iyi göründüğünü görmek için önemlidir.

Verilerin hesaplanması gereken bazı özel kullanım durumlarında, şablonlar kullanmak veya Lua tabanlı şablonlar kullanmak, hatta her ikisini de oluşturmak için mümkündür. Mevcut tablo yapıları veya hücrelerin içindeki şablonları kullanmak için.

Ayrıca bakınız

Daha fazla yardım ve geri bildirim

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