John Cena

## JOHN CENA: How to make your character page.

Sylvia Tanathe is the example page for how an advanced character page should look. This is a rough instructional guide. Not a serious page. Though the facts within the info box are 100% true.

To create your page, in the top left under the triple dots there is a *create new page* button. Create the page under the characters name formatted as Firstname Lastname. (If no surname, simply do Firstname.) This is for the sake of simplicity and in case there's any characters with very similar/the same name later on down the line.

Once creating your page in the visual editor you can add a Character Infobox using the *insert* button. Selecting Infobox then Character.

This is your first step into creating a character on wiki! You can fill in necessary information here. Any data you leave blank will mean the heading will not appear in the infobox's final result.

Next is adding an image. Easiest to do by simply clicking the *image icon* in the visual editor and selecting upload. Please name your image appropriately so you don't forget as you need to type this into the infobox. E.x. Cena.png . After adding your image to the infobox after saving the page it should appear inside as well as any information you enter. If there's anything you want to be in the infobox that isn't in there already, ask Meri.

Now your infobox has an image, remember to enter information until you get to the relationships section. The sections you leave blank will not appear, so don't worry if you don't need a certain section or haven't got the info for it yet; some are for rare cases. You can also edit the infobox after you hit save, so don't worry.

For the relationships section we want family to appear in a bullet point list and have the role of the character next to the name in smaller text as seen in John's infobox. We're going to use the template '{{family}}' to 'family' the text together (put into a bullet point list in an infobox).

Example:

{{Family|Mom Cena <small> (Mother) </small>| Dad Cena <Small> (Father) </small>}}

The | Symbol acts as a divider in the bullet point list. The <small> TEXT </small> makes the text within the two small. It's important to close the tag with a /small so the engine knows to end the small text there. This is also why we close the brackets with }}. If the characters you are mentioning in their section have their own page, you might want to link to the page as I've done on Cena's infobox using my user profile.

To add a link to any piece of text you surround it like this:

[[NAMEOFPAGE|NAMETHATWILLSHOW]]

You can also link to user pages/categories and other kind of pages on the wiki. This code also works out of the infobox, but you must be in Source-mode when you use it for it to work properly. (If using it in Visual editor, a create link button will show. It works roughly the same, just type in the full name of the page you wish to link to.)

We'll add the headings 'Character', 'Appearance', 'Personality', 'Background', 'Quotes', and finally 'Gallery'. To do this in the visual editor, click the paragraph dropdown and select heading OR press ctrl+2. This will make these titles appear on the Table of Contents later.

Adding a Gallery to your page is simple. You can use the insert button again and click gallery. This page also lets you upload images to put into the gallery and the ability to add captions. Within these captions you can also add links using the same method as above. Remember to title your uploads appropriately!

Now we'll make the table of contents a permanent feature of your character page. Go into the settings within the visual editor by clicking the gear icon. Within the menu select *page settings* and change *show table of contents* to always. This is so the TOC can be easily accessed on any page. It's useful for navigation and quickly getting to sections you want to look at.

To add a category to your newly created page, scroll down (*\*NOT\* in the editor)* on the page. You should see a drop down menu that says categories. Open this and add 'Characters' (type Cha and it should appear). This is so your character will be visible from the category on the dropdown on the top navigation. If you haven't seen it yet, have a look! There are also additional categories you may add dependent on Race and Status. Please use already created categories before creating your own.

## ADVANCED:

### Source editor

To get into source editor (the code) you need to click the 'visual editor' dropdown, then select source editor. You'll be greeted with the code that makes up your page!

### What's CSS? Opening/closing tags

CSS is a coding language, like python. Here on fandom, it also uses wikitext as fandom is powered by the system 'wikia'. Wikitext tries to make things more simple for using coding in a wiki-setting.

Tags are what 'opens' and 'closes' your code. It's important to close your code with the right tag so it isn't messed up, just as important as opening (to start) the code. Usually the code consists of <>, / and the tag itself such as "div", "small" and "font". Often coding problems stem from loose tags (Tags that aren't properly closed) so remember to code neatly and properly so it's easy to look for these loose tags!

### Using the Tabs template:

This requires making subpages or '/' pages. It will make the page \*UNEDITABLE\* in visual editor (but editable in the template). You will have to use source editor to change text. Or remove/re-add the tabs. This may be hard if you aren't used to source editor yet. The easiest way to add the tabs template to your character page is to first enter source editor mode and copy paste this in line 1:

{{Tabs

}}

After click on each tab and create each page. After creating, on line 1 copy and paste the previous text. This should make the three pages separate yet link back to the original page.

### Quote text formatting:

To create nice looking quotes enter (and replace example text of):

{{Quote|Line|Speaker|Source}}

You don't have to fill in the source if there is none and it will be left blank.

## What to include?

Character

A quick summary (Perhaps use Biography from RPCards!).

Appearance

Write about the character's appearance in detail. Especially that which cannot be expressed using the current images you have (or that are there in spite of contradictions). Physical traits/Body type/Typical Clothing/Any consistent items they keep with them.

Personality

Write about their personality in more detail.

Background

Events that have occurred within their life. Remember to link to other pages. Spoiler warning? Don't include anything you wish to keep a suprise, though it'll be generally accepted that any backstory shared isn't to metagame with! (Ex: don't use backstory you know as a person to make your character know more than they should. Always ask the other person to be sure your character would know!)

Relationships

Explain notable character connections with others PC and NPC, remember to link to the character's pages using [[links]].

Quotes

Note down any in-character quotes that will help sum up this character. Use the quote format in the advanced section if you want a nicer look.

Gallery

Gallery of art/piccrews/artbreeder's with this character.