Editing Template:Clade/doc

==How to use the template==

This template is used for illustrating branching trees with the nodes and base labels being clickable links. They are especially suited to represent evolutionary trees.

<pre>
<nowiki>
{{clade
	|label1=Base
	|1=Node
}}
</nowiki>
</pre>

produces:

{{clade
	|label1=Base
	|1=Node
}}
----
<pre>
<nowiki>
{{clade
	|1={{clade
		|label1=[[Subtree1]]
		|1=Leaf1
		|label2=Subtree2
		|2=[[Leaf2]]
	}}
}}
</nowiki>
</pre>

produces:

{{clade
	|1={{clade
		|label1={{r|Subtree1}}&nbsp;
		|1=Leaf1
		|label2=Subtree2&nbsp;
		|2={{r|Leaf2}}
	}}
}}
----
<pre>
<nowiki>
{{clade| style=font-size:75%;line-height:75%
	|1={{clade
		|label1=Subtree1
		|1=Leaf1
		|label2=Subtree2
		|2=Leaf2
	}}
}}
</nowiki>
</pre>

produces:

{{clade| style=font-size:75%;line-height:75%
	|1={{clade
		|label1=Subtree1
		|1=Leaf1
		|label2=Subtree2
		|2=Leaf2
	}}
}}
----
<pre>
<nowiki>
{{clade
	|1={{clade
		|1={{clade | thickness=3
			|1=Leaf1
			|2=Leaf2
		}}
	|2=Leaf3
	}}
}}
</nowiki>
</pre>

produces

{{clade
|1={{clade
   |1={{clade | thickness=3
      |1=Leaf1
      |2=Leaf2
      }}
   |2=Leaf3
   }}
}}

==Editing tips==
*To create these "larger spaces" (indentations), you can press <code>Tab</code> — however unfortunate, many browsers already linked <code>Tab</code> to some other function. If that is the case, you can use (for Windows): <code>Alt</code> + <code>0</code> + <code>9</code>; the numbers are on numpad (the right side numbers), release the <code>Alt</code> key when you pressed <code>9</code>.
*An easy way of creating larger cladograms is to use the [https://evolution.genetics.washington.edu/phylip/newicktree.html Newick format] and proceed to edit it using a suitable text editor to produce the markup.

:#Start with Newick format ((a,b),(c,d))
:# Replace "(" with <nowiki>"{{clade|"</nowiki>
:# Replace ")" with <nowiki>"}}"</nowiki>
:# Edit to replace commas with pipes and numbers
:# Edit clade labels if needed
<pre>
<nowiki>
{{clade
	|1={{clade
		|1=a
		|2=b
	}}
	|2={{clade
		|1=c
		|2=d
	}}
}}
</nowiki>
</pre>
==Using a box==
You can nest the templates and use links around the text. You may use non-breaking spaces (<code>&amp;nbsp;</code>) to obtain spaces or to have labels that have spaces.

The entire cladogram can be placed in a box so that text flows nicely around it. Enclose within <code><nowiki>
{{userboxtop| toptext=&amp;nbsp;}}
{{userboxbottom}}
</nowiki></code>
{{userboxtop| toptext=&nbsp;}}
{{clade| style=font-size:75%;line-height:75%
|label1={{r|Neornithes}}&nbsp;&nbsp;
|1={{clade
	|label1={{r|Paleognathae}}
	|1=&nbsp;
	|label2=&nbsp;{{r|Neognathae}}&nbsp;
	|2={{clade
	   |1=Other birds
	   |label1=&nbsp;
	   |label2={{r|Galloanserae}}&nbsp;
	   |2={{clade
	       |1={{r|Anseriformes}}
		   |label2=&nbsp;&nbsp;&nbsp;&nbsp;
		   |2={{clade
		      |1={{r|Galliformes}}
		      |2={{r|Craciformes}}
		      }}
	      }}
	   }}
   }}
}}
<center><small>Sample of a hack that uses {{tl|Userboxtop}}</small></center>
{{userboxbottom}}

Code:

<pre><nowiki>{{userboxtop| toptext=&nbsp;}}
{{clade| style=font-size:75%;line-height:75%
|label1={{r|Neornithes}}&nbsp;&nbsp;
|1={{clade
	|label1={{r|Paleognathae}}
	|1=&nbsp;
	|label2=&nbsp;{{r|Neognathae}}&nbsp;
	|2={{clade
	   |1=Other birds
	   |label1=&nbsp;
	   |label2={{r|Galloanserae}}&nbsp;
	   |2={{clade
	       |1={{r|Anseriformes}}
		   |label2=&nbsp;&nbsp;&nbsp;&nbsp;
		   |2={{clade
		      |1={{r|Galliformes}}
		      |2={{r|Craciformes}}
		      }}
	      }}
	   }}
   }}
}}
<center><small>Sample of a hack that uses {{tl|Userboxtop}}</small></center>
{{userboxbottom}}</nowiki></pre>