FANDOM


Bu özellik mobil cihazlarda, masaüstünde olduğu gibi çalışmaz. Genel olarak, otomatik olarak daraltılmış öğeler mobil cihazlarında daraltılmaz ve hiçbir geçiş düğmesi yoktur. Bu özelliği kullanırken, mobil sonuçlarının ihtiyaçlarınızı karşılayıp karşılamadığından emin olun.

Daraltma, herhangi bir HTML öğesini daraltmanıza (veya gizlemenize) izin veren bir özelliktir.

Bir sayfanın çok uzun süren ilgili unsurlar içerebileceği zamanlar vardır; daraltma özelliği kullanmak, editörlerin sayfayı kısaltmasını ve okuyucuların ilgilendikleri alanları genişletmelerini sağlar. En sık olarak bu özellik uzun veri tablolarında ve büyük gezinme şablonlarında kullanılır.

Bir öğeyi daraltılabilir hale getirmek için, ona "mw-collapsible" sınıfını eklemeniz yeterlidir.

Örnekler

Bir tablo daratma

Sınıf olarak "mw-collapsible" ekleyerek, sayfa alanından tasarruf etmek için bir tablo daraltılabilir.

Numara Harf
1 A
2 B
3 C
{| class="article-table mw-collapsible" style="float:right"
! Numara !! Harf
|-
| 1 || A
|-
| 2 || B
|-
| 3 || C
|}

Metin daraltma

Bir makaledeki metni daraltmak, sayfayı etkili bir şekilde kısaltmak ve okuyucunun bilgilerin geri kalanını okumak isteyip istemediğine karar vermesini sağlamak mümkündür. Örneğin:

<div class="mw-collapsible">
'''Bu metin daraltılabilir.'''
</div>

Bu sonuçlanır:

Bu metin daraltılabilir.


Gelişmiş ayarlar

Başlangıç hali

İlk durumu daraltılmış olarak ayarlamak için, aşağıdaki tabloda görüldüğü gibi "mw-collapsed" ile birlikte "mw-collapsible" ekleyin:

{| class="mw-collapsible mw-collapsed article-table"
! Başlık !! görünür kalır
|-
| Bu içerik || 'Genişlet'e basana
|-
| kadar gizli || olacaktır
|}
Başlık görünür kalır
Bu içerik 'Genişlet'e basana
kadar gizli olacaktır

Daraltılabilir içerik seçme

"mw-collapsible-content" seçeneğini kullanarak hangi bölümün daraltılabilir içerik olduğunu belirleyebilirsiniz.

<div class="mw-collapsible mw-collapsed" style="width:100%">
'''Bu metin daraltılamaz; ancak bir sonraki varsayılan olarak daraltılabilir ve gizlenir:''''<div class="mw-collapsible-content">Bu metin varsayılan olarak gizlenmelidir.</div>
'''Bu yazı da görünür olmalı.'''
</div>

Bu sonuçlanır:

Bu metin daraltılamaz; ancak bir sonraki varsayılan olarak daraltılabilir ve gizlenir:

Bu metin varsayılan olarak gizlenmelidir.
Bu yazı da görünür olmalı.


Özel ifadeler

Bağlantılar için 'Genişlet'/'Daralt' bölümlerini beğenmediniz mi? Sorun değil! Bunları "data-developtext" ve "data-collapsetext" kullanarak değiştirin.

{| class="article-table mw-collapsible" data-expandtext="Illuminate" data-collapsetext="Deluminate"
! Benim || Başlık
|-
| A || B
|-
| C || D
|}
Benim Başlık
A B
C D

Geçiş düğmesi

Yukarıdaki örnek tabloda, ikinci sütundaki bağlantının tablonun genişliğini önemli ölçüde artırdığını fark edebilirsiniz. Geçişi sayfadaki başka bir yere taşıyarak bunu düzeltebiliriz.

Bunu yapmak için, elemana bir kimlik atamak zorundayız. Bu kimliğin "mw-customcollapsible-" ile önceden eklenmiş olması ve ardından bu öğe için benzersiz bir anahtar kelime öbeği olması gerekir. Yukarıdaki tablomuzu kullanarak, "mw-customcollapsible-myTable" kimliğini ekleyebiliriz.

Tablonun kendisiyle ilgilenir. Daha sonra, "mw-customtoggle-myTable" sınıfına sahip bir düğme/bağlantı/metin öğesi eklememiz gerekiyor (bunun sınıf olduğunu ve bir kimlik numarası olmadığını unutmayın.).

{| class="article-table mw-collapsible" id="mw-customcollapsible-myTable"
! Benim || Başlık
|-
| A || B
|-
| C || D
|}

<div class="mw-customtoggle-myTable wikia-menu-button">Tabloyu göster/gizle</div>
Benim Başlık
A B
C D
Tabloyu göster/gizle


Ayrıca bakınız

Daha fazla yardım ve geri bildirim

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