Wondershot's guide to Character page formatting

## Jimmy John

Hello! **This is Wondershot's guide to Character page formatting**. This page serves as a sort of "template" for how pages made for the **Characters category** could be configured. In addition, this page will also provide instructions and resources for certain techniques to make your page nicer. Everything in this page is a suggestion, and is ultimately a choice each person can make for their own respective pages.

For starters, this section of the page can be regarded as an overview or blurb of the character. Essentially, just condense what the character is about, what they're doing in the world at current, whatever you'd like in a small paragraph. This overview section would have the **Character Infobox** to it's right, followed by the **Table of Contents** underneath the overview. You can put the Character Infobox to the right by inserting the Infobox at the very top line of the page in the Visual Editor by clicking **"Insert,"** then **"Infobox."** Once there, select **"Character."** You can then go into the Source Editor once the Infobox is inserted, and make sure the Infobox code is completely set in **Line 1**. You can toggle between the Visual and Source Editors on the top right corner of the **Page editor**.

## Chapter 1 (Appearance)

You can organize the chapters in whichever order you'd like, but the order of the chapters on this page work as a guide if you would like to follow it. In appearance, you can describe your character's physical appearance, including race-specific traits, tattoos, scars, clothes, whatever you'd like! You can organize them by using **sub-chapters**, or the **Tabber** template, which will be discussed in the next chapter.

**Chapters** are automatically sorted into the Table of Contents by classifying a line as a **Header**. To do this, you can add a line by pressing Enter, then clicking the **"Paragraph"** button on the Visual Editor. From the drop-down menu, select "**Heading"**. If you want a chapter to have different sections within the chapter, you can do that by repeating the process, but instead of selecting "Heading", select **"Sub-Heading 1"**.

### Like this!

If you would like to have sub-sub-headings, simply select the next one on the list.

#### Sub-Heading 2...

##### Sub-Heading 3...

...And so on. Be aware that all of these sub-headings will display in the Table of Contents. As an additional note, marking text in **Bold** does NOT create a chapter or sub-chapter on the Table of Contents, nor does it do that for *Italicized* or Underlined text. Marking "Paragraph" text into any of those three is NOT the same as marking a line as a "Heading," or "Sub-heading".

## Chapter 2 (Personality)

The **Tabber** template is useful for organizing information into a small segment of the page without having to add several sub-chapters. You can use it to sort through different parts of a character's personality, and give each part its own little paragraph. Since Tabber is currently not an easily accessible template, it will have to be inserted through the **Source Editor**.

### Example

You may copy and paste the following into the Editor:

```
<tabber>
This is the Summary section.
This is the Sociability section.
This is the Morality section.
This is the Motivation section.
</tabber>

```

You will then get something that looks like this:

* Summary
* Sociability
* Morality
* Motivation

This is the Summary section. Click on any of the other sections to see what they have to say!

This is the Sociability section. Jimmy loves people!

This is the Morality section. Jimmy is an upstanding citizen.

 This is the Motivation section. Jimmy loves his wife and will do anything for her.

From there, you can switch back to the Visual Editor, and click on the template to directly adjust the paragraphs to your liking.

## Chapter 3 (Relationships)

If you plan on adding a Relationships chapter to your page, it is recommended that you **link back** to the character that you are writing about. To do this, you should first write the name of the character. Once that is done, select the text of what you want to be linked. To insert a link, click on the **"Link"** icon on the Visual Editor (It looks like a chain). If there is an existing page for that character, it will automatically recommend the link to that page for you, and you can click to select it. You will know the link has been set if the text **changes color.**

If there is no existing link within this Wiki, you can manually set one by clicking on **"External site,"** which is located next to the "Black Ocean Roleplay Wiki" button on the "Add a link" menu. When you click on "External site," you are prompted to paste in a direct link to the page you'd like to redirect to. Keep in mind that, you can link to *anywhere* on the internet this way, not just to other Fandom Wikis.

The following is an example of a link that leads to another BORP Wiki page, and one of an external site:

### Valerie Fitzgerald

Valerie is nice, and she gets along really well with Jimmy.

## Chapter 4 (Backstory)

For sensitive information such as backstories, it may be best to add a **Spoiler Warning**. At this moment, we do not have a Spoiler template. What can be done however, is to take a **MessageBox** template and write that there are indeed spoilers. Because the default MessageBox template doesn't have any fields to edit, it would be more favorable to directly paste the following directly into the Source Editor. The first MessageBox shown can be set at the top of the page, while the second can be pasted at the beginning of the spoiler-heavy chapter.

### **For the top of the page:**

```
{{MessageBox
}}

```

Result:

Spoilers Ahead!This is a reminder to not metagame. If you wish to remain spoiler-free, please navigate away from this page.
### **For spoiler-heavy chapters:**

```
{{MessageBox
}}

```

Result:

Hold it! There are spoilers here!This is a reminder to not metagame. If you wish to remain spoiler-free, please skip this chapter. If you still wish to proceed, although we highly discourage it, you may click the **[Show]** tab to the right side of this message.
### Hiding Text

To **hide** information that is so sensitive that it requires even more protection, you can paste the following into the **Source Editor**:

```
 {{#if:{{{contents|}}}|{{{contents|}}}
 <hr style="display: none"/>}}
 Enter your spoiler here!
 <div style="font-size: 16px;">'''Spoilers end here.'''</div>
 </div><hr style="display: none"/><noinclude>

```

Did you know, that Jimmy John has an ingrown toenail? Crazy, right?

**Spoilers end here.**
Click on the **[Show]** button to the right to reveal the secrets of the universe! ➔➔➔

## Chapter 5 (Image Gallery)

To add a Gallery to your page, select the **"Insert"** button, and click **"Gallery"**. This should NOT be confused with clicking on the "Images and Media" icon, which only adds one image at a time. Galleries are to be used so that you can select and display multiple images in the same space on your page.

This is a Gallery:

Did you know...... that you can also add captions?Pretty neat!This is a single image inserted using the "Images and Media" button:

You can justify single images to the left, center, or right side of the page. You can also make it so that text can wrap around the image. Pictures added to the page in this way can also be **resized**, **captioned**, and have **alternative text** added for the convenience of folks who can't see the image or people with visual impairment who have screen readers.

## WIP CHAPTER

Lastly, you can include a collapsible menu at the very bottom of the page in order to link back to the rest of the characters!

This template creates a collapsed nav-box which lists similar articles to the one being read.