Fandom


ヘルプ
このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。
原文 : w:Help:collapsing

ℹ️️

This feature doesn't work on mobile devices in the same way it does on desktop. In general, any auto-collapsed elements are simply un-collapsed in mobile, and there is no toggle button at all. When using this feature, be sure to see whether its mobile results meet your needs.

折り畳み (おりたたみ、Collapsing、コラプス、コラプシング) とは、任意のHEML要素を折り畳む (隠蔽する) 機能です。

ページが非常に長くなるような多数の関連要素を抱え込むことがままあります。編集者は折り畳み機能を利用することよってページを縮めることができます。そして読者は興味のある分野を展開 (expand) することができます。目次と同様に、コミュニティのページのその他のパーツは折り畳むようにデザインすることができます。

要素を折りたたみ可能にするには、単にCSSのクラス "mw-collapsible" を追加するだけです。

編集

テーブルの折り畳み 編集

クラスとして "mw-collapsible" を追加することによって、テーブルはページ空間を保存するときに折り畳むことができます。

数字 文字
1 A
2 B
3 C
{| class="wikitable mw-collapsible" style="float:right"
! 数字 !! 文字
|-
| 1 || A
|-
| 2 || B
|-
| 3 || C
|}

テキストの折り畳み 編集

ページを効率的に短縮するように、記事内のテキストを折り畳むことができます。すると読者は残りの読みたい情報を自分で決めることができます。例えば:

<div class="mw-collapsible">
このテキストは折りたたみ可能です。
</div>

は次のようになります:

このテキストは折りたたみ可能です。

アドバンスト設定 編集

初期状態 編集

初期状態を折り畳み状態にするには、下記のテーブルのように、"mw-collapsible" と一緒に "mw-collapsed" を追加してください:

{| class="mw-collapsible mw-collapsed wikitable"
! ヘッダ || 可視化を保持
|-
| このコンテンツ || は初回読込
|-
| のときに || 隠蔽されています
|}
ヘッダ 可視化を保持
このコンテンツ は初回読込
のときに 隠蔽されています

折り畳み可能なコンテンツを選択する 編集

"mw-collapsible-content" を利用することによって、折り畳み可能な箇所を指定することもできます。

<div class="mw-collapsible mw-collapsed" style="width:100%">
このテキストは折り畳み可能ではありません。しかし次のテキストはデフォルトで折り畳み可能で隠蔽されています:
<div class="mw-collapsible-content">このテキストはデフォルトで隠蔽されているはずです。</div>
同様にこのテキストは可視化されているはずです。
</div>

は次のようになります:

このテキストは折り畳み可能ではありません。しかし次のテキストはデフォルトで折り畳み可能で隠蔽されています:

このテキストはデフォルトで隠蔽されているはずです。

同様にこのテキストは可視化されているはずです。

カスタム表現 編集

展開する/折り畳む (Expand/Collapse) というリンク名はお好みではありませんか? 問題ありません! "data-expandtext" と "data-collapsetext" を使用してリンク名を変更してください。

{| class="wikitable mw-collapsible" data-expandtext="イルミネート" data-collapsetext="デルミネート"
!マイ || ヘッダ
|-
| A || B
|-
| C || D
|}
マイ ヘッダ
A B
C D

トグルボタン 編集

上記のテーブルの例で、第2カラムにあるリンクを元のテキストと比較するとテーブルの幅が増えてしまっていることにお気づきでしょうか? これはトグル (切り替えスイッチ) を配置することによって修正することができます。

トグルを配置するには、その要素にIDを割り当てる必要があります。このIDは接頭辞 "mw-customcollapsible-" で始まる必要があります。そしてその要素に対してユニーク (一意な) なキーフレーズに従わなければなりません。上記のテーブルを使用するとき、ID "mw-customcollapsible-myTable" を追加することができます。

これは自立しています。次に、クラス "mw-customtoggle-myTable" でボタン/リンク/テキスト要素を追加する必要があります (これは class であり上記のような ID ではないことに注意してください)。

{| class="wikitable mw-collapsible" id="mw-customcollapsible-myTable"
!マイ || ヘッダ
|-
| A || B
|-
| C || D
|}

<div class="mw-customtoggle-myTable wikia-menu-button">テーブルを表示する/隠す</div>
マイ ヘッダ
A B
C D

テーブルを表示する/隠す

関連情報 編集

その他のヘルプとフィードバック 編集

特に記載のない限り、コミュニティのコンテンツはCC-BY-SA ライセンスの下で利用可能です。