Family Trees

Guild Exclusive

This is a Master+ feature. To get access, Join the Worldbuilder's Guild!

Family trees let you visually represent relationships between relatives from the Relationships tab of the character template page. Follow this guide to get started with your family trees!

Step-by-step instructions

To get started, choose a character from your world, edit it, and click on the Relationships tab. You will see this page:

Use the Blood/kinship relations box to set the parents of your character. To do so, type in the text boxes the name of the parent and select from the drop-down list. If the parent does not have a character article, use the Create a new character and link it button to create a character article on the fly and link it automatically to the family tree:

Changes to the family tree relations are auto-saved, so you won't need to press the save button of the article. Now, click on the Copy Family Tree Embed button, which will copy to your clipboard a BBCode tag that you can paste anywhere. For the example shown in the screenshot above, this is the result of pasting the tag:

You will notice that the family tree has more content than just Amy's parents (Julien and Linda). In order to make the tree more complex, you just need to edit the relations of each character involved. In this example, Cindy has the same biological parents as Amy, so they are displayed as siblings. On the other hand, Felix is one of the biological parents of a character (off-screen), together with Amy, so they are displayed as united.
From the family tree, you can use the button controls to zoom in and out, and the search bar to focus on a specific person of the tree (useful if it's a big one!). Clicking on the picture of a character (a silver circle by default) will display that person's family tree, while clicking on their name will take you to the character article.

Navigation

CSS Guide

Master Component CSS

Tips and tricks

In order to further customize your tree, keep these points in mind:

• Use the Character portrait field of the character template to display a custom image in the family tree.
• You can change the direction of the tree (top, bottom, right, left) by adding a parameter to the tree tag. For example, the following tag will make the tree have a leftwards direction: [familytree:ID|left]
• You can set the initial zoom level of the tree from 50% to 150% by adding a parameter with the number (without the % symbol): [familytree:ID|50]

Icons

Family trees employ a set of symbols to signify different kinds of relationship. This screenshot has all these symbols in action:

• Bright gold ring: selected character
• Copper ring: half-blood sibling
• Silver ring: default ring
• Crossed blood drop icon: the character is not biologically related to the selected character
• Contrasting half-circle icon: half-blood sibling (same as copper ring)

Bloodlines

If you only want to display the parents and the descendents of a character instead of the full family tree, copy the bloodline embed instead. You can do so in the sidebar of the article editing page:

The code of the bloodline will container an ID number, which you can use to create the bloodline of a couple. Take the regular [bloodline] tag from one of the couple members and add the ID of the other member of the couple, separated by a & symbol. The result will look like this, using ID as a placeholder for the actual ID:

[bloodline:ID&ID]