「テンプレート:Navbox subgroup」の版間の差分

2016年9月5日 (月) 14:58時点における最新版

Luaモジュールを使用しています:

Module:Navbox/former

このテンプレートは{{Navbox}}または他のナビゲーション・テンプレートにおいて、記事一覧をヘッダー又はタイトルを持つグループ化するものです。これを用いることにより、{{Navbox}}内の記事一覧をサブグループ化できます。サブグループ/記事一覧数は25個までとなっています。

空のテンプレート編集

{{Navbox subgroup
| groupstyle = 
| liststyle  = 

| group1 = 
| list1  = 
| group2 = 
| list2  = 
...
| group20 = 
| list20  = 
}}

パラメータ編集

このテンプレートは{{Navbox}}内で使われます。{{Navbox}}の解説も参照してください。{{Navbox}}との差異を以下に示します。

境界のパラメータ設定のデフォルトは"child"です。
左右のグループ・パッドのデフォルトは0.75em、grouppaddingにより値を変更できます。

デフォルトの色は、MediaWiki:Common.cssにて設定されています。

セル編集

list_n（nは数字）: (例 list1, list2, ... list20) テンプレートの本体部で用います。通常は記事へのリンク一覧になります。最低でも一つのlistパラメーターを設定する必要があります。付加される各listは別個の記事一覧となります。各listによる記事一覧は後述するgroup_nパラメーターによりグループ化することができます。listの背景色設定は親となるNavboxと同色がデフォルト設定となっています。

group_n（nは数字）: (i.e. group1, group2, ..., group20) list_nをサブグループ化し、記事一覧の左側にヘッダーを表示します。省略時はlist_nの表示幅が最大化します。背景色は#e6e6ffがデフォルトですが、後述するgroupstyleパラメーターにより変更できます。

スタイル編集

bodystyle

CSSコードの書き込みにより、テンプレート全体のスタイルを設定できます。例は以下の通り。

background:#nnnnnn;

text-align:[right/center/left/justified];

groupstyle

CSSコードによるスタイル設定はgroup_nのセルにも適用できます。これは表全体の設定より優先されます。例は以下の通り。

background:#nnnnnn;

text-align:[left/center/right];

vertical-align:[top/middle/bottom];

white-space:nowrap;

grouppadding

CSSコードによるスタイル設定はグループ・パッドにも適用されます。em単位で設定が可能で、省略時はデフォルトとなります。例は以下の通り。

grouppadding = 0em 1em; (1em on left/right, 0em on top/bottom)

grouppadding = 0em 0.5em 0em 1em; (0em top, 0.5em right, 0em bottom, 1em left)

liststyle: CSSコードによるスタイル設定はlistにも適用されます。 oddstyleとevenstyleがあります。
oddstyle（奇数listのスタイル）
evenstyle（偶数listのスタイル）: oddstyleは奇数list(list1, list3, etc)、evenstyleは偶数list (list2, list4, etc)のスタイルをCSSコードにより設定します。背景色はbackground:#nnnnnn;により設定します。
evenodd [swap, even, odd, off]: swap設定を行なった場合、奇数listおよび偶数listが、交互にtransparentと薄い灰色#f7f7f7の縞模様で表示されます。offにより縞模様を削除できます。NOTE:システムの都合により、セミコロンでこの設定を閉じないで下さい。

グループの幅の設定編集

一つの{{Navbox}}内に複数の{{Navbox subgroup}}テンプレートを置くことができます。この際、groupstyleとliststyleパラメーターを用いることにより、表示幅の設定を行い、より見栄えをよくすることができます。例文は以下の通り。

groupstyle = width:10em;

liststyle = width:auto;

imageやimageleftパラメーターを用いるならば、imagestyle や imageleftstyleも用いて、表示画像の大きさを調整したほうがよろしいです。

例編集

例1編集

Navbox内にNavbox subgroupを使用した例。

{{Navbox
| state  = uncollapsed
| name   = Protected Areas of Colorado
| title  = Protected Areas of Colorado
| listclass = hlist
| group1 = National Park Service
| list1  = {{Navbox subgroup
  | group1 = National Parks
  | list1  =
*[[Black Canyon of the Gunnison National Park|Black Canyon of the Gunnison]]
*[[Great Sand Dunes National Park and Preserve|Great Sand Dunes]]
*[[Mesa Verde National Park|Mesa Verde]]
*[[Rocky Mountain National Park|Rocky Mountain]]
  | group2 = National Monuments
  | list2  =
*[[Colorado National Monument|Colorado]]
*[[Florissant Fossil Beds National Monument|Florissant Fossil Beds]]
*[[Hovenweep National Monument|Hovenweep]]
*[[Yucca House National Monument|Yucca House]]
  | group3 = National Historic Sites
  | list3  =
*[[Bent's Old Fort National Historic Site|Bent's Old Fort]]
*[[Sand Creek Massacre National Historic Site|Sand Creek Massacre]]
  | group4 = National Recreation Area
  | list4  =
*[[Curecanti National Recreation Area|Curecanti]]
  }}
| group2 = National Forests
| list2  =
*[[Arapaho National Forest|Arapaho]]
*[[Grand Mesa National Forest|Grand Mesa]]
*[[Gunnison National Forest|Gunnison]]
*[[Pike National Forest|Pike]]
*[[Rio Grande National Forest|Rio Grande]]
*[[Roosevelt National Forest|Roosevelt]]
*[[Medicine Bow - Routt National Forest|Medicine Bow - Routt]]
*[[San Isabel National Forest|San Isabel]]
*[[San Juan National Forest|San Juan]]
*[[Uncompahgre National Forest|Uncompahgre]]
*[[White River National Forest|White River]]
}}

例2編集

Navbox subgroup内のlistを調整し、list1とlist3をlist1styleおよびlist3styleにより背景色設定を行い、見出しとして用い、list2とlist4を記事一覧として用いた例。

{{Navbox
| state = expanded
| name  = Roman Emperors
| title = Roman Emperors
| listclass = hlist
| group1 = Crisis 235 AD - 284 AD
| list1  = 
*[[Maximinus Thrax]]
*[[Gordian I]]
*[[Gordian II]]
*[[Pupienus]] and [[Balbinus]]
*[[Gordian III]]
*[[Philip the Arab]]
*[[Decius]]
*[[Trebonianus Gallus]]
*[[Aemilianus]]
*[[Valerian (emperor)|Valerian]]
*[[Gallienus]]
*[[Claudius II]]
*[[Quintillus]]
*[[Aurelian]]
*[[Marcus Claudius Tacitus]]
*[[Florianus]]
*[[Probus]]
*[[Carus]]
*[[Numerian]]
*[[Carinus]]
| group2 = Dominate
| list2  = 
  {{Navbox subgroup
   |list1style = background:#ddf;
   |list1 = '''284 AD - 395 AD'''
   |list2 = 
*[[Diocletian]]
*[[Maximian]]
*[[Constantius Chlorus|Constantius I]]
*[[Galerius]]
*[[Flavius Valerius Severus|Severus II]]
*[[Maxentius]]
*[[Maximinus]]
*[[Licinius]]
*[[Constantine I]]
*[[Constantine II (emperor)|Constantine II]]
*[[Constans|Constans I]]
*[[Constantius II]]
*[[Julian the Apostate]]
*[[Jovian]]
*[[Valentinian I]]
*[[Valens]]
*[[Gratian]]
*[[Valentinian II]]
*[[Eugenius]]
*[[Theodosius I]]
   |list3style = background:#ddf;
   |list3 = '''Western Empire (393 AD - 476 AD)'''
   |list4 = 
*[[Honorius (emperor)|Honorius]]
*[[Constantius III]]
*[[Joannes]]
*[[Valentinian III]]
*[[Petronius Maximus]]
*[[Avitus]]
*[[Majorian]]
*[[Libius Severus]]
*[[Anthemius]]
*[[Olybrius]]
*[[Glycerius]]
*[[Julius Nepos]]
*[[Romulus Augustus]]
  }}
}}

ナビゲーションテンプレート対照
表示・ノート・編集・履歴	折畳モード	タイトル色	画像	グループ	スタイルパラメータ	例テンプレート
{{Navbox subgroup}}	`collapsible`	navbox	No	Yes	Yes	{{日本百名山}}
{{Navbox}}	`collapsible`	navbox	Left/Right of body	Yes	Yes	{{イギリスの電車}}
{{Navbox with columns}}	`collapsible`	navbox	Left/right of columns	No	Yes	{{都道府県知事}}
{{NavboxYears}} {{NavboxYears2}}	`collapsible`	navbox	No	No	No	{{全豪オープンテニス}}
{{Navbox with collapsible groups}}	`collapsible`	navbox	Left/right of body and/or in each list	Yes	Yes	{{日本近代地震}}

折畳属性
種類	CSSクラス	Javascript	畳まれるとき	Custom initial state	ネスト	タイトル色	フォントサイズ
Collapsible table	collapsible, navbox	Common.jsにて定義	2個以上	Yes	No	#ccccff	90%

この解説は、テンプレート:Navbox subgroup/docから呼び出されています。 (編集 | 履歴)
編集者は、このテンプレートをサンドボックス (作成 | 複製)とテストケース (作成)で試すことができます。（解説）
/docのサブページにカテゴリを追加してください。このテンプレートのサブページ一覧。

@@ 1行目: / 1行目: @@
-<includeonly>{{Navbox
+{{#invoke:Navbox/former|subgroup}}<noinclude>
-|name = {{{name|}}}
+{{Documentation}}
-|state = {{{state|}}}
+<!-- カテゴリと言語間リンクはここではなく、/doc サブページに加えること -->
-|navbar = {{{navbar|}}}
+</noinclude>
-|border = {{#if:{{{border|}}}|{{{border}}}|child}}
-|nowraplinks = {{{nowraplinks|}}}
-|title = {{{title|}}}
-|above = {{{above|}}}
-|below = {{{below|}}}
-|image = {{{image|}}}
-|imageleft = {{{imageleft|}}}
-|groupwidth = {{{groupwidth|}}}
-|group1 = {{#if:{{{group1|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group1}}}</div>}}
-|group2 = {{#if:{{{group2|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group2}}}</div>}}
-|group3 = {{#if:{{{group3|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group3}}}</div>}}
-|group4 = {{#if:{{{group4|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group4}}}</div>}}
-|group5 = {{#if:{{{group5|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group5}}}</div>}}
-|group6 = {{#if:{{{group6|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group6}}}</div>}}
-|group7 = {{#if:{{{group7|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group7}}}</div>}}
-|group8 = {{#if:{{{group8|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group8}}}</div>}}
-|group9 = {{#if:{{{group9|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group9}}}</div>}}
-|group10 = {{#if:{{{group10|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group10}}}</div>}}
-|group11 = {{#if:{{{group11|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group11}}}</div>}}
-|group12 = {{#if:{{{group12|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group12}}}</div>}}
-|group13 = {{#if:{{{group13|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group13}}}</div>}}
-|group14 = {{#if:{{{group14|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group14}}}</div>}}
-|group15 = {{#if:{{{group15|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group15}}}</div>}}
-|group16 = {{#if:{{{group16|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group16}}}</div>}}
-|group17 = {{#if:{{{group17|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group17}}}</div>}}
-|group18 = {{#if:{{{group18|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group18}}}</div>}}
-|group19 = {{#if:{{{group19|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group19}}}</div>}}
-|group20 = {{#if:{{{group20|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group20}}}</div>}}
-|group21 = {{#if:{{{group21|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group21}}}</div>}}
-|group22 = {{#if:{{{group22|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group22}}}</div>}}
-|group23 = {{#if:{{{group23|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group23}}}</div>}}
-|group24 = {{#if:{{{group24|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group24}}}</div>}}
-|group25 = {{#if:{{{group25|}}}|<div style="padding:{{{grouppadding|0em 0.75em;}}}">{{{group25}}}</div>}}
-|list1 = {{{list1|}}}
-|list2 = {{{list2|}}}
-|list3 = {{{list3|}}}
-|list4 = {{{list4|}}}
-|list5 = {{{list5|}}}
-|list6 = {{{list6|}}}
-|list7 = {{{list7|}}}
-|list8 = {{{list8|}}}
-|list9 = {{{list9|}}}
-|list10 = {{{list10|}}}
-|list11 = {{{list11|}}}
-|list12 = {{{list12|}}}
-|list13 = {{{list13|}}}
-|list14 = {{{list14|}}}
-|list15 = {{{list15|}}}
-|list16 = {{{list16|}}}
-|list17 = {{{list17|}}}
-|list18 = {{{list18|}}}
-|list19 = {{{list19|}}}
-|list20 = {{{list20|}}}
-|list21 = {{{list21|}}}
-|list22 = {{{list22|}}}
-|list23 = {{{list23|}}}
-|list24 = {{{list24|}}}
-|list25 = {{{list25|}}}
-|bodyclass = {{{bodyclass|}}}
-|titleclass = {{{titleclass|}}}
-|aboveclass = {{{aboveclass|}}}
-|belowclass = {{{belowclass|}}}
-|groupclass = {{{groupclass|}}}
-|listclass = {{{listclass|}}}
-|style = {{{style|}}}{{{bodystyle|}}}
-|imageleftstyle = {{{imageleftstyle|}}}
-|imagestyle = {{{imagestyle|}}}
-|titlestyle = {{{titlestyle|}}}
-|basestyle = {{{basestyle|}}}
-|abovestyle = {{{abovestyle|}}}
-|belowstyle = {{{belowstyle|}}}
-|groupstyle = padding-left:0em;padding-right:0em;{{{groupstyle|}}}
-|liststyle = {{{liststyle|}}}
-|evenstyle = {{{evenstyle|}}}
-|oddstyle = {{{oddstyle|}}}
-|group1style = {{{group1style|}}}
-|group2style = {{{group2style|}}}
-|group3style = {{{group3style|}}}
-|group4style = {{{group4style|}}}
-|group5style = {{{group5style|}}}
-|group6style = {{{group6style|}}}
-|group7style = {{{group7style|}}}
-|group8style = {{{group8style|}}}
-|group9style = {{{group9style|}}}
-|group10style = {{{group10style|}}}
-|group11style = {{{group11style|}}}
-|group12style = {{{group12style|}}}
-|group13style = {{{group13style|}}}
-|group14style = {{{group14style|}}}
-|group15style = {{{group15style|}}}
-|group16style = {{{group16style|}}}
-|group17style = {{{group17style|}}}
-|group18style = {{{group18style|}}}
-|group19style = {{{group19style|}}}
-|group20style = {{{group20style|}}}
-|group21style = {{{group21style|}}}
-|group22style = {{{group22style|}}}
-|group23style = {{{group23style|}}}
-|group24style = {{{group24style|}}}
-|group25style = {{{group25style|}}}
-|list1style = {{{list1style|}}}
-|list2style = {{{list2style|}}}
-|list3style = {{{list3style|}}}
-|list4style = {{{list4style|}}}
-|list5style = {{{list5style|}}}
-|list6style = {{{list6style|}}}
-|list7style = {{{list7style|}}}
-|list8style = {{{list8style|}}}
-|list9style = {{{list9style|}}}
-|list10style = {{{list10style|}}}
-|list11style = {{{list11style|}}}
-|list12style = {{{list12style|}}}
-|list13style = {{{list13style|}}}
-|list14style = {{{list14style|}}}
-|list15style = {{{list15style|}}}
-|list16style = {{{list16style|}}}
-|list17style = {{{list17style|}}}
-|list18style = {{{list18style|}}}
-|list19style = {{{list19style|}}}
-|list20style = {{{list20style|}}}
-|list21style = {{{list21style|}}}
-|list22style = {{{list22style|}}}
-|list23style = {{{list23style|}}}
-|list24style = {{{list24style|}}}
-|list25style = {{{list25style|}}}
-|{{#if:{{{evenodd|}}}|evenodd|void}} = {{{evenodd|}}}
-|{{#if:{{{listpadding|}}}|listpadding|void}} = {{{listpadding|}}}
-}}</includeonly>
-<noinclude>
-== 概要 ==
-以下の図に示すように、
-*比較的短く単純なコードで、サブグループを持つナビゲーション用テンプレートを作ることができます。
-*色などのデザインは、[[MediaWiki:Common.css]]で一括して設定することができます。
-[http://www.li-sa.net/ocha3/img/navbox_subgroup_example.png 図：navbox_subgroup_example.png]
-詳細はWikipedia「[[Wikipedia:ja:Template:Navbox subgroup|Template:Navbox subgroup]]」をご参照ください。
-== サンプル ==
-{{Navbox tidy
-| name   = バンプレストオリジナル
-| title  = [[バンプレストオリジナル]]
-| group1 = 作品
-| list1  =
-  {{Navbox subgroup
-   |group1 = [[OGシリーズ]]
-   |list1  =  [[スーパーロボット大戦 ORIGINAL GENERATION|ORIGINAL GENERATION]] - [[スーパーロボット大戦 ORIGINAL GENERATION2|ORIGINAL GENERATION2]] - [[スーパーロボット大戦 ORIGINAL GENERATIONS|ORIGINAL GENERATIONS]] - [[スーパーロボット大戦OG外伝|OG外伝]] - [[第2次スーパーロボット大戦OG|第2次OG]]
-   |group2 = [[魔装機神シリーズ]]
-   |list2  = [[スーパーロボット大戦外伝 魔装機神 THE LORD OF ELEMENTAL|魔装機神I]]（[[スーパーロボット大戦OGサーガ 魔装機神 THE LORD OF ELEMENTAL|OGサーガ 魔装機神I]]） - [[スーパーロボット大戦OGサーガ 魔装機神II REVELATION OF EVIL GOD|魔装機神II]] - [[真・魔装機神 PANZER WARFARE|真・魔装機神]]
-  }}
-}}
-<pre>{{Navbox tidy
-| name   = バンプレストオリジナル
-| title  = [[バンプレストオリジナル]]
-| group1 = 作品
-| list1  =
-  {{Navbox subgroup
-   |group1 = [[OGシリーズ]]
-   |list1  =  [[スーパーロボット大戦 ORIGINAL GENERATION|ORIGINAL GENERATION]] - [[スーパーロボット大戦 ORIGINAL GENERATION2|ORIGINAL GENERATION2]] - [[スーパーロボット大戦 ORIGINAL GENERATIONS|ORIGINAL GENERATIONS]] - [[スーパーロボット大戦OG外伝|OG外伝]] - [[第2次スーパーロボット大戦OG|第2次OG]]
-   |group2 = [[魔装機神シリーズ]]
-   |list2  = [[スーパーロボット大戦外伝 魔装機神 THE LORD OF ELEMENTAL|魔装機神I]]（[[スーパーロボット大戦OGサーガ 魔装機神 THE LORD OF ELEMENTAL|OGサーガ 魔装機神I]]） - [[スーパーロボット大戦OGサーガ 魔装機神II REVELATION OF EVIL GOD|魔装機神II]] - [[真・魔装機神 PANZER WARFARE|真・魔装機神]]
-  }}
-}}</pre></noinclude>