Topluluk Merkezi
Advertisement
Bu uzantı Fandom'da varsayılan olarak etkindir.

Sekmeci, içeriğin bir bölümüne birden çok sekme eklemenize olanak tanır ve bu sekmeler sayfayı yeniden yüklemenize gerek kalmadan değiştirilebilir. Sekmeciler'in mobil cihazlarda çalışmadığını unutmayın. Aşağıdaki Bozuk mobil deneyim bölümüne bakın.

İlk sekmeyi gösteren bir sekme örneği

Adım adım

  • Düzenlemek için bir madde açın ve kaynak düzenleyiciye geçin.
  • Aşağıdaki kodu kopyalayıp düzenleyicinize yapıştırın.
<tabber>
|-|İlk Sekme Başlığı=
İlk sekme örnek metni.
|-|İkinci Sekme Başlığı=
İkinci sekme içeriği buraya gelir.
|-|Üçüncü Sekme Başlığı=
Üçüncü sekme içeriği buraya gelir.
</tabber>
  • Kodun bu sekmeleri oluşturduğunu görmek için "Önizleme" düğmesine tıklayın:

İlk sekme örnek metni.

İkinci sekme içeriği buraya gelir.

Üçüncü sekme içeriği buraya gelir.

  • Düzenlemeye dönmek için "Geri" düğmesine tıklayın.
  • Başlıkların ve içeriğin metnini topluluğunuzun içeriğiyle değiştirerek sekmelerinizi düzenleyin. Örneğin, "İlk Sekme Başlığı" ile "Karakterler" ile değiştirin ve örnek metni en sevdiğiniz karakterlerin açıklamaları ve resimleriyle değiştirin. Kod ekleyerek veya kaldırarak da sekme sayısını değiştirebilirsiniz.

Karmaşık Sekmeler

İki satır metin kullanarak iki bölümlü Sekmeler oluşturmak mümkündür: {{#tag:tabber ve {{!}}-{{!}}. {{!}}-{{!}} orijinal etiket için bir ara görevi görür; ikinci, üçüncü ve benzeri sekmeleri oluşturma. Etiketin kendisi, tam olarak bu bölümün üzerinde gösterilen Sekme gibi çalışan yeni bir Sekme'dir.

Örnek

İçerik bir

İçerik iki

Ve benzeri.

İçerik 4

İçerik 5

İçerik 6

Normal Sekmelerden farklı olarak, bunlar her Sekme için sonunda "}} ile kapatılmalıdır!

Kod:

<tabber>
|-|Sekme Bir=
{{#tag:tabber|1=
İçerik bir

{{!}}-{{!}}
2=
İçerik iki

{{!}}-{{!}}
3=
Ve benzeri.

}}
|-|Sekme İki=
{{#tag:tabber
|4=
İçerik 4

{{!}}-{{!}}
5=
İçerik 5

{{!}}-{{!}}
6=
İçerik 6
}}
</tabber>

Kullanım bilgisi

  • Biçimlendirme: Başlığın her zaman eşittir işaretiyle ("=") bitmesi gerektiğini ve sekme ayırıcısının ("|-|") her zaman sekmeler arasında görünmesi gerektiğini unutmayın.
  • Vikimetin: Sekmelerinizdeki şablonlar ve resimler dahil herhangi bir vikimetin kullanabilirsiniz.

Şekillendirme

.tabber {
    /* sekme sarıcı stili */
}
.tabber > .wds-tab__content.wds-is-current {
    /* sekme görünür içerik */
}
.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab {
    /* sekme sekmeleri */
}
.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label {
    /* sekme etiketleri */
}
.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:hover {
    /* üzerine gelindiğinde sekme sekmeleri */
}
.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label:hover {
    /* üzerine gelindiğinde sekme sekmesi etiketleri */
}
.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:active {
    /* tıklandığında sekme sekmeleri */
}
.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label:active {
    /* tıklandığında sekme sekmesi etiketleri*/
}
.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current {
    /* seçili sekme sekmesi */
}
.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current:hover {
    /* üzerine gelindiğinde seçilen sekme sekmesi */
}
.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current:active {
    /* stıklandığında seçilen sekme sekmesi */
}
.tabber > .wds-tabs__wrapper > .wds-tabs__arrow-right,
.tabber > .wds-tabs__wrapper > .wds-tabs__arrow-left {
    /* sekme okları */
}

Sorunlar

Bozuk mobil deneyim

Masaüstünüzde/dizüstünüzde çalışan birçok CSS ve JavaScript mobil cihaza uygulanamaz. Buna karşı koymak için Fandom, Sekmeci'yi mümkün kılan şeyler de dahil olmak üzere bu kodun çoğunu mobil görünümden kaldırdı. Sonuç olarak, mobil kullanıcılar, her bir bilgi kümesini ayıran görsel ipuçlarının hiçbirini görmezler (Sekmelerin içeriği, sekmelere ayrılmadan görünecektir).

Geçici çözüm olarak kullanılan ek CSS ve HTML hack'lerinde, kullanıcıyla yüz yüze olan hiçbir kodlamanın çözemeyeceği sorunlar vardır. Bu nedenle, bu çok az kazanç için çok çaba gerektirir; bunun yerine sıradan bölümleri de kullanabilirsiniz.

Sekme içeriğini gör/düzenle

Sekmeci, tek tek bölümleri düzenlemenin basit bir yolunu sağlamaz. Bu, bir sekme içindeki içeriği düzenlemek isteyen deneyimsiz kullanıcılar için zahmetli olabilir. Ayrıca, Görsel Düzenleyici'yi kullanan kişiler, kaynak düzenleyici ile geçmeden onu düzenleyemez.

Bilgi kutuları

Sekmeci, bir bilgi kutusu içine yerleştirildiğinde her zaman düzgün görüntülenmez. Buna karşı koymak için, Sekmeci ile aynı etkiyi sağlamak için bir bilgi kutusu içinde galeri kullanılabilir. Fandom standart taşınabilir bilgi kutuları kullanılırken, sekmeli resimleri oluşturmak için bir galeri doğrudan bir resim alanına geçirilebilir. Diğer içeriği sekmek için bilgi kutusu panelleri kullanılabilir. Daha fazla bilgi için Yardım:Bilgi kutuları sayfasına bakın.

Ayrıca bakınız

Daha fazla yardım ve geri bildirim

Advertisement