テンプレート:Familytree/doc

このページは、テンプレートの解説ページです。このページを直接参照すると、リンク先のページ名やURLを変数で指定しているリンクが赤リンクになる場合がありますが、リンク先を指定し直さなくてよい場合もあります。リンクの設定の不具合に関する質問等は親ページの会話ページに投稿して下さい。

このテンプレートの記述は複雑な構成となっております。編集後の結果が予想できない、または変更にともなう影響を修正する用意ができていない場合は編集をお控えください。練習や実験はサンドボックスやご自身の利用者ページ、サブページのスペースでお願いします。

簡単な系図を生成するためのテンプレート。ボックスをアスキーアート的につないで系図をつくります。系図はHTMLのテーブルで表示され、CSSやウィキのマークアップが使えます。

使用例

ソース：

{{familytree/start}}
{{familytree | | | | GRM |~|y|~| GRP | | GRM=祖母|GRP=祖父}}
{{familytree | | | | | | | |)|-|-|-|.| }}
{{familytree | | | MOM |y| DAD | |DAISY| MOM=母|DAD=父|DAISY=[[花子叔母]]}}
{{familytree | |,|-|-|-|+|-|-|-|.| | | }}
{{familytree | JOE | | ME  | | SIS | | | JOE=太郎|ME='''私！'''|SIS=妹}}
{{familytree/end}}

出力結果：

可変要素

このテンプレートでは、1つのテンプレートが表を利用した系図の1列を生成します。テンプレートには最大99の任意のパラメーターを用いることができます。パラメーターには「タイル」と「ボックス」があります。

• タイルは、人物間をつなぐ、縦線や横線を生成します。下記の通り、各種組み合わせに記号が1つ割り当てられています。また、半角スペース1つで空白のタイルが生成されます。

実線

,			.			`			'
^			v			(			)
-			!			+

破線

F			7			L			J
A			V			C			D
~			:			%

組み合わせ

*			}			{
#			]			[
y			h			i			j

• ボックスは、タイルに用いられていないものであれば、任意のパラメーターの名前を設定できます。ボックス1つがタイル3つ分で、特に指定しない限り2ピクセル幅の黒線の枠に囲まれます。ボックスの内容には任意のマークアップが使えます。

スタイル

ボックスの外見は、オプションのborderとboxstyleのパラメーターを使って変えられます。borderはボックスの外枠のピクセル幅を指定します。boxstyleには、任意のCSSによるスタイルを指定できます。下記の例を参照してください。

{{familytree/start}}
{{familytree|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{familytree|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}
{{familytree|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{familytree/end}}

出力結果：

個別のボックスの色を変えることもできます。

{{familytree/start}}
{{familytree| | | | |WHITE| | | | |WHITE=白}}
{{familytree| |,|-|-|'|!|`|-|-|.| }}
{{familytree|RED  |~|GREEN|~|BLUE |RED=赤|GREEN=緑|BLUE=青
|boxstyle_RED  =background-color: #faa;
|boxstyle_GREEN=background-color: #afa;
|boxstyle_BLUE =background-color: #aaf;
}}
{{familytree/end}}

出力結果：

各ボックスのスタイルを指定する時には、パラメータを指定する時にパイプ記号のあとにスペースが入らないように注意してくださ（"| RED |" ではなく "|RED  |" のようにする）。スペースが入っていると、スペースもパラメータの一部として認識されてしまいます。

系図の表全体にCSSのスタイルを適用するには、{{familytree/start}}でオプションのstyleを設定してください。