Formatting

Please note that as we switch from version 0.9.0.13 into version 0.10.x.xx, there are two different sets of pages. The pages for version 0.10.x.xx are listed with BETA before the page/image names. If you are making changes to the wiki, please make sure you are updating the correct area.

This page will be updated to include how to set up the infobox and modify the contents to acommmodate any changes that may be relevant to items so the info box stays up to date with the current game version.

List of templates with a category. Not all of them are used.

Templates that do not currently have a category.

At this time the only templates I have been using are for the infobox, and only one has a category:
Item Template This one is a default that came with the Wiki, and has a layout set up to show how it works.
These do not, I will fill them in later, but for now a run down:
Tools Template
Remains Template
Gear Template

I am going to use the ItemsGear template for my example(s). I am going to start with how to fill in the current information.

## Visual Editor Mode

When you click the "Edit" Button, it goes into the Visual Editor mode. To input the ItemsGear info box start by typing "{ {" But without the space. It will then pull up a dialog box asking which template you want to use. Type "ItemsGear" and it will come up with an auto-complete option for this (it will show others as well if you only type "item.") Select "Add Template." The dialog box then changes to show the options available for that infobox. These options are listed in alphabetical order, not the order they will appear in the infobox (that part is done by editing the template page itself).
The "Caption" is the dialog underneath the image giving a very brief item description. The full description should be done on the main part of the page.
The "Category" section here does not affect the wiki page, it's to identify the item, in this case "Gear" because that is how it's classified in the game.
"Cold Tolerance" would be where you would enter the amount of cold resistance a piece of gear has. This option is not included in any other infobox templates as it is currently only available to gear.
I am going to skip a lot of these, because they are just a place to enter the value they have in game, like evasion modifiers, or skill bonuses.
"Flammable" is where you would enter Yes or No.
"Image1" is where you would put the image name/location, this example would be StoneleafVest.png. Currently .png is the file type we have been using for.
"itemname" would be the full name of the item in the game: item\_stoneleaf\_vest.
The infobox is set up to display the material to craft an item, so "Material1," "Material2"," and "Material3" would be the related item, "3 Stoneleaf husk" in this case, would go as "material1".
"rarity": I don't think is going to be an issue, because I think the Dev lop states that there won't be any higher quality crafted materials. It could be used to state it based on the color of the i
"Valuebuy" is how much you pay a vendor to get it.
"Valuesell" is how much you get when you sell it.

There is a link to the template itself at the top of the dialog box. This can have additional information, like it does on the "Infobox\_item" template, I do not have anything in particular set up on the other templates yet.
When you have all the information entered, click the "insert" button at the top. This will add the template onto the page with the appropriate information, in the order it's set up with on the template page, **not** the order you put the information into that dialog box.
Review the information to make sure it's correct. You may need to click somewhere outside of the infobox to get rid of the "edit" dialog box. If you need to change anything, just click on the infobox, and the "edit" dialog box will show back up.
Note: Any information you leave blank, such as "z01mine" will not display in the info box. So if you don't know the value, or it's not something that is affected by the item, you can leave it blank, and it will help keep the info box condensed.
I labeled the skills as "z##" so that they will always be the end end of the list, and in the order that they show up inside the game. It's only the name of the "value" and doesn't show up anywhere in the dialog box itself.

## Source Editor Mode

When you create a new page, or if you click the "Edit Source" option, then you do not get a dialog box to enter the values, you have to put the category, and the values in manually. (This is how I do 90%+ of my pages ... but I usually copy/paste a completed page, and edit necessary information, this is why you might see the Elderberry page say Beetroot on the page, because I missed editing something.)
To start type "{ {" again, without the space. They will then turn pink, this indicates you are entering template information.
Type the name of the template "{ {ItemsGear" If you put "} }" after that, then you have inserted the template ... however, it will have no information. You can go into the Visual Editor mode and use the dialog box if you like at this time (see Visual Editor Mode above.)
To start entering in the categories and their values, you should place a line break between each value, this includes the template name: "{ {ItemsGear| } }". The line break is indicated with the vertical line, on my keyboard it's "shift + \" I don't know if other keyboards put it into a different spot, sorry.
When entering the categories, you have to enter them as they are labeled inside of the template, so it's best to have the template open to see them, unless you already know what the categories are. You can't do "Log = +3" because the category is labeled z01log, so it would be "z01log = +3".
You can enter them into the editor in any order you want, like with the visual editor, the order they will display is defined by the template itself, not how you put the information in.
Remember, you have to use the | between each category, and you need to close the template with the "} }" brackets.
Also, always put the infobox information at the top in source mode or do it first on the visual editor. This way it's easier to find and update, and it doesn't put it into a weird spot on the page.

## Creating a Template

To create a template, first step is to determine what all it's going to be used for to name it appropriately, and figure out what it's going to include. I am going to set up a new template while I type this, and type out the sets I take, this way you can see the steps in action.
The template I am going to create is ItemsFoodRaw. I am going to use this template for food items. I don't imagine that cooked/raw foods will have any different options for what bonuses they provide, but they may later. Right now, it's probably just going to be higher values for "meals" over cooked, but I am going to be prepared in case that changes.
First thing I am going to do is go to the template: [[1]]
It says it doesn't exist and has this dialog box:
There is currently no text in this page. You can search for this page title in other pages, search the related logs, or create this page.
There are 3 links in that text, I am going to select "create this page."
It opens a dialog box with options for the type of template, I am selecting the one called "Infobox", it's the top option for me; click Save.
It starts you in Visual Editor Mode.

### Creating in Visual Editor Mode

This is a drag and drop system. The section on the right are the options you can place into the infobox. Click on what you want to add, and it put"s it at the bottom of the left section, you can then drag it where you want it from there.
As a default it will have "Article Name" an image, and two "row" sections. will be a big blue bar at the top of the whole info box.
The "Title" option would be for big sections, which most of our items shouldn't have, those will likely be inside of the main article, the infobox should be used for a brief overview of the whole item.
Section Header I do use, to mark different areas. On the "ItemsGear" template, it divided the infobox in to, image/caption ~ crafting information ~ stat boosts ~ skill boosts.
"Row" is used to add a basic information row.
"Image" is used to add an image, or an additional image since it starts with one.

I would start by adding a Section Header, and moving the 2nd "row" under it.
In the first "row" click on the "Label" line. It will change the right section into a dialog box. Change "label" into "Caption" and click the back arrow. The left section how has "Caption" and "Value entered by User" under the image.
This is how you create the "Categories" like "Evasion" and "z01log" that we used in the ItemsGear example above.
In the "Value entered by User" cannot be edited in the Visual Editor.
You can change the Section Header name by clicking on it, and typing what you want on the right side dialog box.
If you use the Title option, it would be edited the same way.

Add rows, titles, sections, and images as needed. You can do them in the order you want and they will always be added to the bottom, and/or drag them where you want them when they are entered.
Have something you don't want? Maybe you just one the image and a caption, so the extra row isn't needed? click on the trash can that pops up on the right side when you click on it. Remember, if there is no value entered when using the template, it won't show anyway (unless it's turned on ... but I won't get into that, you will have to look that up in the main help section of Fandom if you want to find the process for that, because I don't plan on using it, if I do, I will add it in here).

### Creating in Source Editor

Remember earlier how I said I use copy/paste 90& of the time? Yeah, I'm doing that here. I'm going to change to the source editor and copy/paste the ItemsGear template source code in here.
To do this, you have to be inside of the "Edit" section first. The "Source Edit" doesn't work from the main template page.
In the right window where it lists the "Title", "Image", "Row", and "Section Header" you have to look at the bottom of the section, and there is a watermarked text labeled "Source Editor." That is how you get into the source editing mode I prefer to use.
Actually, I'm not going to copy/paste all of it, because I don't need all those categories and sections. I am going to manually adjust what's there because I only need a few things right now for food items. So, I guess I will give a step-by-step here too.
Note: I just noticed the "Manage Template Data" button ... I may get into that later after I have played with it and learned about it. =P
When you go into the Source Editor, it asks if you want to save any changes you made in the Visual Editor first. Tell it yes or no, up to you if you want to save the changes (if any) you made, or if you want to start over from scratch. I told it yes, but I have extra gunk I was playing with so I will remove that and put things back into the order I told you to do in the Visual Editor.
I am going to copy/paste the source code here to break it down easier, but I am removing the brackets so it doesn't load the code to load anything:
infobox

```
 title source="title1"
   <default>PAGENAME}}</default
 </title
 <image source="image1"
   caption source="caption1"/
 /image>
 data source="caption1">
   <label>caption1</label>
 data>
 <group>
   <header>Section Header</header>
   data source="row1">
     <label>Label</label>
   /data>
 </group>

```

/infobox>
noinclude>
Example usage:
pre
ItemsFoodRaw

```

```

```

```

```

```

```

```

}}
/pre
templatedata
{"params":{"title1":{"suggested":true},"image1":{"suggested":true},"caption1":{"suggested":true},"row1":{"suggested":true}},"sets":[],"maps":{}}
/templatedata
/noinclude

Okay, I broke all the coding information. The first spot where it says "Infobox" is to define what the of template it is. The first section under that is to set up the Heading for the infobox with the "PageName" so don't change that unless you want to change the name of the infobox.
image1 is the label for the image. When you use the template itself "image1 = StoneleafVest.png"" will put the Stoneleaf Vest in it's place, if you have more than one image, you would add "image source="image2"", then when you use the template, have "image2 = StoneleafVest.png" to have a second image display.
The caption would be used the same way, remember we changed the "label" in the Visual Editor to caption1, it's not there as a default.
Below that, you see "group." That is created with the Section. There are options that allow you to have groups open/close so they can be minimized, to allow the box to be visually adjusted by the person seeing the infobox on their side. That's what the arrows are in the infobox for the Stoneleaf Vest are from.
Under that is a "data source" maked as "row1" I am going to change that to "hunger", and the "label" under it to "Hunger Bonus".
I am now going to copy "data source="hunger" through "/data" twice more just below it.
I am changing their information to "thirst" / "Thirst Bonus" and "energy" / "Energy Bonus" respectively.
Note: I did lower case and caps intentionally. The Caps are used for what will be seen when using the template, the lower case is only for this coding to set the template up.
I don't think there is anything besides hunger/energy for food, but I am going to use this template for drink at this point as well, so I set it up so I don't have to make a drink template until there are more options for beverages to make it necessary.

Now for the "example" section.
Remember when we were editing the information to go into the infobox in visual editor and it gave some information about the option? This is where you set that up. I am leaving Title alone, but changing them the others to StoneleafVest.png, brief item description, and Hunger Bonus respectively.
Also, "row1" will need to be changed to "hunger", and we need to add "thirst" and "energy" and their examples.
That was easy enough right?

This last section is all on one line ... yes, it needs to stay that way, kind of annoying.
Find "row1" and change it to hunger" like we did in the last two sections, everything else can stay the same for what is there, because we set them up in Visual Editor earlier, so they are all labeled/marked right.
Now, select ~ "hunger":{"suggested":true}}, ~ and copy it. We are going to paste it twice immediately after where we copied it from and change the newly added "hunger" to thirst and energy.
**Important** it has to be done immediately after, because if it goes into/after "set" then it will not work correctly. This section is what causes it to populate on the template in the visual editor. If you don't have it here, then to have it in the infobox, you have to manually add it to the source code to make it show.

That is all I have for now on this process. I will probably add more to Formatting to include the rest of the pages, but I don't have a templates for them, I copy/paste the charts/info and just manually update them.

I know this is a little bit of a long read, but I hope you have learned something. it was interesting for me to figure this out.

Also, please remember to put some type of note about what you changed, or "created page" if it's new.

The most important step of all of this ... click "preview page" and review it before you make it final. Otherwise there will be a long "history" of updates as you tweak things to make it how you want it ... trust me on that.
On that note, I clicked preview, and it came up with a JSON error ... when I told you to copy/paste that last section and just change the two new "hunger" to "thirst" and "energy" ... it made an extra } that would have closed the whole parameter, so you need to remove the two } from hunger and thirst to fix the error (leave the one behind energy). See, this is why Previews are important!

If you have any questions about this, feel free to ask in the Discord Wiki chat

Morin Moonglow