OneBot Banner (CoD).png

Esportspedia:Tutorial/Part 1

From Esportspedia - Call of Duty Esports Wiki
Jump to: navigation, search
Overview   Part 1   Part 2   Part 3   Templates   Tournament Templates   How to...   Writing Bios   Shortcuts    

Welcome!

First of all, if you trainee of Esportspedia, welcome! We're glad to have you! And if you're not, then we hope you'll consider applying! Outlined here are a set of tasks similar to normal wiki maintenance. They aren't "real" changes that we need made to the wiki, but they're a good way for you to learn how to do the updates that we do need done, without worrying about deadlines or messing up or anything else. Take as long as you need to complete them, and if you have any questions, feel free to contact us!

Remember that while going through these tutorials, you can always view the source of the example pages given to you. Try not to copy the answers! But it might help you figure out what to do.

These tasks will serve as an introduction to formatting, but you should also read the following help pages and refer to them when questions arise:


Task 1: Page Creation

In your first task, you will make an account, create a new page associated to your username, and make an edit to that page.

  1. Make an account here. Make sure you complete our CAPTCHA! It's a drag-and-drop game.
  2. Confirm your email address if you want to - it's not required, but we recommend it!
  3. Navigate to cod.esportspedia.com/wiki/User:(Your Username)]/Tutorial_Task_1.
  4. Click "Create" at the top of the page.
  5. Type "Hello, world!" (without quotes) into the editing box.
  6. Click save.

Congratulations! You've made your first wiki page! Of course, most pages are much more complicated than that, but you get the basic idea of how to make pages. Let's move on to task 2.

Task 2: Hyperlinks

In the second task, you will learn how to create hyperlinks within the wiki. Create the page at .../wiki/(Your Username)/Tutorial_Task_2.

Line Example Output Example Input Explanation
1 My favorite Call of Duty team is OGlogo std.png OpTic Gaming.
My favorite Call of Duty team is {{team|OpTic Gaming}}.
This is a special template for displaying the icon of a team next to the hyperlinked team name.
2 My favorite professional Call of Duty player is MerK.
My favorite professional Call of Duty player is [[MerK]].
This is the general format that you use to hyperlink any page. Simply put what comes after "/wiki/" in the page's URL in between a double set of brackets, and it will hyperlink to that page.
3 UMG_South_Carolina_2016/Champion_Tournament/Scoreboards
[[UMG_South_Carolina_2016/Champion_Tournament/Scoreboards]]
The same syntax works no matter how long the page name is.
4 Here is my favorite team's Esportspedia page!
[[OpTic Gaming|Here]] is my favorite team's Esportspedia page!
If you want the text displayed to be different from the page that you're linking (particularly useful when linking long URLs, as above), you put a | in the middle of closed brackets; before the | is the page you're linking to, and after comes the text you want to display.
5 Scoreboards
[[UMG South Carolina 2016/Champion Tournament/Scoreboards|Scoreboards]]
Again, the same syntax works with longer page names.
6 UMG South Carolina 2016/Champion Tournament/Scoreboards
[[UMG South Carolina 2016/Champion Tournament/Scoreboards]]
When hyperlinking page titles within the wiki, spaces and underscores (_) are interchangeable.
7 My homepage is [1].
My homepage is [http://esportspedia.com].
To link to external sites, you use a single bracket. You MUST include the http:// before the address!
8 My favorite website is Esportspedia.
My favorite website is [http://esportspedia.com/ Esportspedia].
If you want to change the display text while linking to another site, put a space between the URL and the desired display text.

Task 3: Formatting

In this task, you will learn basic formatting, including making titles. You will also learn how to make bold and italics text, write comments, and display wiki code without "evaluating" it (like we do in this page a lot!) We have a very good formatting guide on the wiki, so we won't go too in-depth here.

Headings

Headings are used on almost every single Esportspedia page! They break up content visually, and if you have at least 4 of them on a page, a table of contents will automatically be created (unless you tell it not to do that). Making headings is very easy, and there's two ways to do it:

Level Method 1 Method 2
2
==Heading Name==
<h2>Heading Name</h2>
3
===Heading Name===
<h3>Heading Name</h3>
4
====Heading Name====
<h4>Heading Name</h4>

The difference between method 1 and method 2 is that method 1 will give you a button that says [Edit] next to that section (assuming you have privileges that allow you to). Method 2 will not. That's the only difference!

You may also notice that we don't have a level 1. That's because level 1 is automatically used for the page title, and we don't use it anywhere else. Never use level 1 headings.

Bold and Italics

Bold and italics is also really straightforward! Just surround your text by 2 's for italics, or 3 's for bold. Use 5 's for bold and italics.

Syntax Output
''Text'' Text
'''Text''' Text
'''''Text''''' Text

Comments and Nowiki

Comments are really useful! If you want to leave information for the next person about how to edit a page, the best way to do it is to make a comment. In order to make a comment, type <!--, then type the text you wish to have in your comment. Then type --> at the end. For example, <!--This is a comment.-->. (Will not be shown on the wiki only in the editing section)

You might be wondering how we're able to show you all of this syntax, since of course under normal circumstances you wouldn't be able to see a comment like that. It's simple: There's a command called <nowiki>! The way you use the command is to type <nowiki>, then type the text that you want to display, and then type </nowiki> afterwards.

Task 4: Lists

In this task, you will learn about creating lists. There are two types of lists: numerically-ordered lists and bulleted lists. Sometimes you will need to know how to do both. To create a list, you must have multiple lines of text on consecutive lines of your page, and you write a * or a # at the beginning of each line. You can read more about creating lists here. The only part that it's important that you read is the List Basics section, but the rest of it is a good reference.

Write about your favorite teams in a page, located at .../wiki/User:(Your Username)/Tutorial_Task_4.

Example list syntax:

Bulleted List Syntax Bulleted List Result Numbered List Syntax Numbered List Result
* This is line 1.
* This is line 2.
  • This is line 1.
  • This is line 2.
# This is line 1.
# This is line 2.
  1. This is line 1.
  2. This is line 2.

Task 5: Tables

In this task, you will learn about creating tables. Like lists, there is a good tutorial available for tables, located here, and so we won't go too indepth about how to make tables here. However, you should know that there are two different ways to set up tables! You may encounter both ways when editing the wiki, so it's important that you understand what's going on. Make a page with two identical tables including 3 teams of your choice. Page location: ...User:(Your Username)/Tutorial_Task_5

Remember how to make hyperlinks to pages, changing the text? Link to the help page about tables at the end of your page, too!

Format 1 Format 2 Outcome What's going on?
{|class="wikitable"
! Number
! Team
|-
|1
|{{team|Team EnVyUs}}
|-
|2
|{{team|FaZe Clan}}
|}
{|class="wikitable"
!Number || Team
|-
|1 ||{{team|Team EnVyUs}}
|-
|2 ||{{team|FaZe Clan}}
|}
Number Team
1 NVlogo std.png Team EnVyUs
2 FaZelogo std.png FaZe Clan
  • You create a table by using the code {|class="wikitable" and then putting the contents of the table below.
  • The code |-, on a line of its own, denotes the start of a new row.
  • The code |, as the first character in a new line, denotes the start of a new cell within the same row.
  • The code || in the middle of a line of code also denotes the start of a new cell within the same row.
  • The ! is used to start a header row.

Want to be able to sort your list? No problem! Just write "wikitable sortable" instead of "wikitable" at the beginning. Try making your table sortable, too.

(Note that class="wikitable" and <wiki>class="prettytable"</nowiki> are the same thing. You'll see both when you navigate the wiki. Use whichever one you prefer!)

Task 6: Tabs

Tabs are used to navigate tournament information.

Tabs are a key part of the way that we organize pages, specifically tournament pages. Some player pages have tabs at the top linking to pages of statistics and/or an embed of their stream. And tournament pages are organized entirely around tabs: For example, the MLG Columbus 2014. When editing pages with tabs, it's important to keep in mind that even though tabs give the illusion of pages being "linked together", tabs are actually nothing more than a consistent visual element that's contained in the same place on separate pages. The syntax for Tabs is as follows:

{{TabsHeader
|name1=What you want displayed on the first tab
|link1=Link to first page (everything after /wiki/)
|name2=What you want displayed on the second tab
|link2=Link to second page (everything after /wiki/)
etc.
|This=The number of the tab that you want focused on this page
}}

Like the [[]] formatting, you just put the part of the link after /wiki/ in order to link a page.

Then, make a second page at User:(Username)/Tutorial_Task_6_2, and create the same top row of tabs. Make sure you have the correct tab focused on each page!

When you're making those tabs, you might notice from the example that there's this weird &nbsp; thing. What that does is illustrated in the second row of tabs. If you have a multi-word tab name with spaces, TabsHeader will try to make the tabs as narrow as possible, which will cause the words to wrap around the edge. In order to force TabsHeader to keep all the words on the same line, write &nbsp; instead of putting a space. For more information about line wrapping, check out this article. Also see: {{nowrap}}.

Create a row of two tabs, both of which link to User:(Username)/Tutorial_Task_6, to see the difference between &nbsp; and a normal space.