Halo Esports Wiki:Tutorial/Part 2

Overview
In part 1, we explored basic wiki syntax: links, formatting, lists, and charts. In part 2, we're going to take it one step further and look at some more advanced things you will come across when editing. Just like in part 1, each concept that we cover will be accompanied by a task for you to complete so that you can make sure you understand what's going on.

Task 7: Intermediate Tables
For advanced help with tables, see here.

Creating basic tables is pretty straightforward, but there's a lot more you can do with them than just what we did in task 5.

Colspan and Rowspan

 * }
 * }

Cell Colors
You can also color cells! Just like above, instead of writing e.g. |Cell Text, you write |[code that describes the formatting]|Cell Text. In this case, the code is style="background-color: #[6-digit ASCII code for your color]"

Some standard colors:

Alignment and Cell Width
You can write align="left", align="center", or align="right". Left-aligned text is the default in "normal" rows, and center-aligned text is the default in title rows (rows that start with a !).

You can also write width=Xpx where X is the number of pixels wide you want the cell to be. For example:

Putting it All Together
Make a page like this one, showing which of your favorite champions can be played in which of 2 positions of your choice. Notice that you can combine multiple style descriptions in the same row, for example:

|colspan=2 align="center" style="background:#C6EFCE;"|Yes

Task 8: Images
Images are great to include! They make pages a lot friendlier to read. But how do you include an image in a page? There's a great help page about it here, and we'll explain the basics here, too. Your goal will be to make a page like this one listing your favorite teams' logos.

Uploading Images
You won't have to do this now, but bookmark this page. If you lose it, you can find it in the sidebar, underneath Tools. If you ever need to upload a file, simply go to that page, click "Browse," find the file on your computer and select it, and then type an appropriate file name where it says "Destination Filename." An appropriate filename is one that makes it easy to find the image in question.

Examples of acceptable filenames (examples taken from our LoL wiki):
 * XpecialCRS2014.png
 * Busan_Exhibition_and_Convention_Center.jpg
 * SH_Royal_logo.jpg

Inserting Images
The most basic way to insert an image is very similar to inserting linked text:

However, there's a lot more you can do!

You may have seen the  tag around -- it's a common HTML command that creates a new line and is used in places where you can't necessarily add a new line by pressing enter twice for some reason. "Br" is short for "break" or "line break."

As you may know, when adding images to pages, it's very easy for the formatting to get messed up. One command that comes in handy is  . Similar to   , forces the next bit of text to start below the image. If you only want to clear the left column or the right column, you may use or.

Task 9: Redirects
Redirects are one of the most important tools when it comes to wiki organization. What a redirect does is to make it so that when url 1 redirects to url 2, if you type in url 1, you see the page that's hosted at url 2.

For example:

Click the link to User:RheingoldRiver/Tutorial_Task_9. Notice what the title says: User:RheingoldRiver/Tutorial_Task_9_2! But the URL is still .../wiki/User:RheingoldRiver/Tutorial_Task_9! This is because the first page redirects to the second.

The code entered at Part 9 is: #redirect User:RheingoldRiver/Tutorial_Task_9_2 This causes the wiki to send you to Task_9_2 when you go to Task_9.

In case the User namespace causes any confusion, here's how we redirect "Worlds 2014" to "2014 Season World Championship":

The page located at "Worlds 2014" has the following code, and nothing else: #redirect 2014 Season World Championship

Uses for redirects

 * To make tournaments more easily navigable while they're going on with less effort to change things each week (for example, have a page called .../wiki/.../Scoreboards that contains a redirect to .../wiki/.../Scoreboards/Week 1 the first week, then Week 2, etc. Then each page that you want to link to the current week of scoreboards, just like .../wiki/.../Scoreboards and it only takes a moment to fix it!
 * To make pages easier to find using the Search function. Wiki page titles are case-sensitive after the very first letter, and so if you type .../wiki/Formal, it won't take you to FormaL's page unless there's a redirect from Formal to FormaL.
 * Standardizing naming conventions. Generally we try to have a set of tabs correspond to a similar page URL, for example .../Scoreboards/Week 1, etc. By having .../Scoreboards redirect to .../Scoreboards/Week 1, we can make page names slightly more consistent across levels of tabs (e.g. first-level tabs all link to URLs with 2 slashes in their names (though some may redirect), second-level tabs all link to URLs with 3 slashes in their names, etc.)

If you're not sure if there should be a redirect from one page to another, there probably should -- but it's always best to check with us if you're not sure.

How to edit an existing redirect
If page A redirects to page B, and you press Edit, it will only allow you to edit page A. Instead, what you must do is to manually go to the URL  http://lol-esports.gamepedia.com/w/index.php?title=[page A title]&redirect=no . This will bring up the editing dialog and allow you to edit your page.

Now try it! Make a page called User:[username]/Tutorial_Task 9 that redirects to User:[username]/Tutorial_Task_9_2.

Double Redirects
If Page A redirects to Page B, and Page B redirects to Page C, Page A will not redirect to Page C. Instead it will take you to Page B, with a link to Page C. If you accidentally create a double redirect, change Page A so that it redirects directly to Page C. You can check for a list of double redirects here.

Task 10: Indexing Page
The rest of the tutorial is for your reference. If you want to practice the topics that are covered, you are absolutely welcome to, but this is the end of the guided exercises. As your last task, make an indexing page like this one with your own pages linked in the Example column. If you apply to join our wiki department, you will be asked to include a link to your indexing page as part of your application. If you have any feedback on the tutorial, please contact us!