FANDOM


Masaüstündeki üst düzey kullanıcılar için faydalı olsa da, içeriklerinin diğer platformlarda (mobil gibi) nasıl görüntülendiğini engelleyen birçok yaygın yaygın wikitext uygulaması vardır. İç içe tablolar en iyi örneklerdir.

Mobil En İyi Uygulamalar hakkında bir hatırlatma olarak: Düzenlemelerin bir mobil cihazda nasıl görüneceğini bir Fandom URL’sinin sonuna ?useskin=mercury ekleyerek veya klasik düzenleyici kullanıyorsanız, önizleyebilirsiniz düzenlemelerinizi önizlerken, önizleme ekranının sol üst köşesindeki açılır menüden mobili seçebilirsiniz.

İç içe tablolar nedir?

İç içe geçmiş tablolar, tablo içindeki tabloların içindeki tablolardır (tablo başlangıcı olarak da bilinir!)

İşte Brave Frontier topluluğumuzdaki iç içe geçmiş tablolara bir örnek. Temiz masaüstü görünümü ile en uygun mobil görünümden daha az arasındaki farka dikkat edin.

Desk Mob

Neden iç içe geçmiş tablolar kötü olabilir?

Mümkün olduğunda iç içe geçmiş tabloları kullanmaktan kaçınmalısınız. Tablolar, genel olarak, her zaman alabildikleri en küçük genişliği alır ve yatay alan sınırlı olduğunda dikey olarak uzar. Bununla birlikte, bir tablo başka bir tablo içine yerleştirilirse, bu, bu hücrelerin genişliğini ek tabloyu yerleştirmek için zorlar. Temelde bu, tüm tablo yapısının alanın izin verdiğinden çok daha geniş olmasına zorlar. Bu, özellikle mobil ekran için kötü, çünkü ekranın boyutu çok daha küçük.

Sonuç: Bu, mobilde çok fazla yatay kaydırmaya neden olur (kötü bir kullanıcı deneyimi) ve tablonun çoğu görünüşte gizlenir. İç içe geçmiş tabloları birkaç bağımsız tabloya bölerseniz, bilgiler, yatay bir sayfa yerine sayfa aşağıya doğru dikey olarak görüntülenir.

Bu aynı zamanda her bir tablonun daha dinamik olmasına izin verir. İçerik biçimlendirme mobil ekranın boyutuna göre belirlenir. Bu nedenle, tarayıcı, içerik kaydırmanın genel akışını iyileştirmek için tabloları görüntülenebilecekleri yere taşıyacaktır.

Topluluğunuz iç içe geçmiş tablolar kullanıyorsa ne yapmalı

İç içe geçmiş tabloları parçalamalarını ve tablo içindeki tablolara bağımlı olmayan bir altyapı oluşturmaya çalışmalarını teşvik edin. Yukarıdakilere göre, yan yana istifleme tabloları çoğu zaman aynı sonucu elde edebilir. İçerik en iyi tablo biçiminde sunuluyorsa, hücreleri her zaman bir tablodaki başka bir tabloya benzeyecek şekilde ayarlayabilirsiniz, ancak yine de yalnızca büyük bir tablo olur.

İç içe geçmiş tablolardan kaçınmak için en iyi yöntemler

İç içe geçmiş tablolar nasıl tanımlanır

Kaynak kodda, tablolar her zaman {| veya <table HTML metinleriyle başlar. Tablolar karşıt kodla kapatıldı: || veya </table>. Bu nedenle, bir tablonun başlangıcını görürseniz ve o tablonun kapanış dirseklerine gelmeden önce bir tablonun başka bir başlangıcıyla karşılaşırsanız, bu tablonun içine yerleştirilmiş bir tablonun göstergesidir. Bu birkaç kat derinliğe inebilir.

İşte iç içe geçmiş bir tablonun kaynak kodu örneği:

Example code 1024

İç içe geçmiş tablolar nasıl bozulur

İlk adım, ana tablonun içinde kaç tablonun iç içe olduğunu belirlemektir. İkinci adım, en uzaktaki iç içe geçmiş tabloyu (veya en çok köklenmiş) tabloyu bulmak ve iç içe geçmiş tablolar zincirinden çıkarmaktır. Şimdi, önizleme tuşuna basın, bu masanın kendi kendine neye benzediği hakkında bir fikir edineceksiniz. Önizleme bastıktan sonra, tablonun parametrelerini kontrol ederek (tablonun açılmasını hemen takip eden kod: {|)

Tüm iç tabloları ana tablodan çıkardıktan sonra, orijinal tablo kodunu silebilmelisiniz. Artık mobil optimize edilmiş ekran için tablo istiflenmelidir.

Masa üstü ekranlar şimdi tabloların ayrı olduğu için nasıl korunur

Tablolar yukarıdan aşağıya veya yan yana istiflenmelidir. Bu, mobil tarayıcınızın tabloları mobil ekranda tahsis edilen alana sığacak şekilde itip hareket ettirmesini sağlar. Tablolar yan yana ise ve mobil ekranın genişliğine sığmıyorsa, tarayıcı otomatik olarak aşağıdaki son tabloyu itecektir.

Ancak, tabloarınızı yerleştirmenin bu aşamasında karşılaşacağınız en büyük zorluklardan biri, masaüstünde nasıl göründükleri ile mobil ekranda nasıl göründükleri arasında bir uzlaşma bulmaktır. Bu, tabloların masaüstü ekranında nasıl görüneceğini kontrol etmek için satır içi CSS'nin ayarlanmasını gerektirebilir. Wikitext, masaüstünüze CSS yazmak, yalnızca masaüstü sürümünü etkileyeceğinden, mobil sürüm hala doğru şekilde görüntülenecektir. Tablo konumlandırma konusunda daha fazla yardıma ihtiyaç duyarsanız, sayfanın altındaki kaynakların listesine bakın.

İç içe tablolar hakkında daha faydalı bilgiler

Bir şablonun, farklı sayfalar için bir tabloyu görüntülemek için kullanılması durumunda, iç içe tabloyu bu şablona sabitlemek, aynı zamanda şablonu içeren tüm sayfalar için mobil ekranı da düzeltecektir. Bu, bu optimizasyon uygulamasını şablonlarınıza uygulamanızın tüm topluluk için çok büyük bir etkisi olabileceği anlamına gelir.

Tek tek hücrelerde görüntü içeren tablolar, hücreyi görüntü boyutuna uymaya zorlar. Bu nedenle, görüntüler mobil uyumlu bir boyuta küçültülmeli veya masa hücrelerinden tamamen çekilmelidir. Görüntü çok büyükse ve tablonun dışındaysa, mobil tarayıcı mobil ekrana sığacak şekilde otomatik olarak boyutlandırılır.

Brave Frontier topluluğu vaka çalışması

Brave Frontier (İngilizce) topluluğu, iç içe geçmiş tabloları yok etmek için gine domuz/ortak komplocularımız olacak kadar güzeldi. Masaüstü görünümlerinin görünümünü korurken aynı zamanda en önemli şablonlarından biri (karakter şablonu) için iç içe geçmiş tabloların parçalanması arasındaki dengeyi başarıyla bulduk. Sonuç, toplulukları hakkında çok sayıda makale için çok gelişmiş bir mobil düzendir. Kendiniz görün:

Daha teknik bir yöneticiyseniz ve mobil ekran için optimize etmek üzere Brave Frontier'deki kaynak kodunda tam olarak hangi değişikliklerin yapıldığını görmek istiyorsanız, değişikliklerin yapılmasından önce ve sonra kaynak kodunu görüntüleyebilirsiniz:

Not: Bu şablon istenmeyen değişiklikleri önlemek için korunmuştur. Şablonu kendi kullanımınız için kopyalamak istiyorsanız, lütfen kodu kopyalayın ve kendi topluluğunuza veya sanal alana yapıştırın.

Daha fazla kaynaklar

Fandom Ekibiyle İletişime Geçin

Topluluğunuzdaki iç içe geçmiş tabloları dönüştürmek için yardıma ihtiyacınız var mı? Özel:İletişim adresinden bize ulaşın. Lütfen konu satırına Mobil: İç içe tablolar ekleyin.

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