- このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。
- 原文 : w:Help:collapsing。
折り畳み (おりたたみ、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 article-table"
! ヘッダ || 可視化を保持
|-
| このコンテンツ || は初回読込
|-
| のときに || 隠蔽されています
|}
| ヘッダ | 可視化を保持 |
|---|---|
| このコンテンツ | は初回読込 |
| のときに | 隠蔽されています |
折り畳み可能なコンテンツを選択する[]
"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 |
文字コードが許す限りこんな短いものだって使えるぞ！
{| class="wikitable mw-collapsible mw-collapsed" 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 |
関連情報[]
- Wikia Developers Wiki (英語) にある ShowHide (表示／非表示切替え)。
- Collapsible elements (折り畳み可能な要素) - MediaWiki.org
その他のヘルプとフィードバック[]
- ヘルプ:コンテンツでは、他のヘルプページを閲覧、検索することができます。
- 最新の情報やヘルプについては、コミュニティセントラルをご覧ください。
- この記事で不明確な点や、曖昧な点がございましたら、Fandomとの連絡方法をご確認ください。
- このヘルプはコミュニティセントラル内にて管理されています。