OneBot Banner (Halo).png

Tutorial/Part 1

From Esportspedia - Halo Esports Wiki
Jump to: navigation, search
Overview   Part 1   Part 2    


Welcome!

First of all, if you are newly a staff member of Esportspedia, welcome! We're glad to have you! And if you're not, then we hope you'll consider applying! Be aware that the word "Syntax", basically means code.

Task 1: Page Creation

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

  1. Make an account by pressing sign up in the corner.
  2. Then go and confirm your email address.
  3. Navigate to halo.esportspedia.com/wiki/User:(Your Username)/Tutorial_Task_1. For example, User:M.morris7799/Tutorial_Task_1.
  1. Click "Create Source" at the top of the page.
  2. Type "Hello, world!" (without quotes) into the editing box.
  3. Click save.

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

Task 2: Hyperlinks

This second task is all about Hyperlinks. Do not worry, this will come naturally to you over time. Head to halo.esportspedia.com/wiki/User:(Your Username)]/Tutorial_Task_2 and make a simple list, numbering them with the Line numbers so they correspond with the lines shown below. Here is an example.

Line What you want it to say What you should type to get it Explanation
1 My favorite Halo Esports team is EGlogo std.png Evil Geniuses.
My favorite Halo team is {{team|Evil Geniuses}}.
This is used whenever we mention a team. This will show the team logo, next to a team name that has a hyperlink attached that will take you to the page of that team.
2 My favorite professional Halo player is Ninja..
My favorite professional Halo player is [[Ninja]]..
This will make a simple hyperlink. You put whatever is after the "/wiki/" in the URL bar at the top, in between a set of square brackets. If the link is https://halo.esportspedia.com/wiki/Ninja in the URL bar, then in the square brackets you put Ninja, and it will create a simple hyperlink to that page. This will work no matter what page you link, nor how long the link is.
3 Here is my favorite team's Esportspedia page!
[[Evil Geniuses|Here]] is my favorite team's Esportspedia page!
If you want the text that is actually displayed to be different than the title of the page actually being linked, Just simply add a | after the page you are linking and before what you want it to say. This will work no matter what page you link, nor how long the link is.
4 My favorite website is Esportspedia.
My favorite website is [http://esportspedia.com/ Esportspedia].
When linking to another site, put a space between the URL and whatever you want the text to say, but remember you 'must' include the http://.

Task 3: Formatting

This third task is all about formatting. You will learn how to format text, such as how to make text bold and italics, and display wiki code on pages without "evaluating" it (meaning that, it doesn't format, it shows the actual code on the page). This again is all really simple and over time you will pick it up. Try not to use the format bar at the top.

Eventually, you want to make a page that looks somewhat like this one.

Linebreaks

Where you would normally use the return or enter key on your keyboard to start a new line, if you do that in the code, the new line won't appear on the wiki. Instead, we use something called Linebreak. All you need to do for this is just add <br> where you want to insert a new line and then it will. Simple, right?

Headings

Headings are vital and are used on almost every single Esportspedia page. They break up content visually, ensuring that all of the pages are well organised and easy to navigate.

There are some very simple ways of doing headings, but the easiest to remember is to put = around the text:

Level Method 1 On Display
2
== Heading Name ==

Heading Name

3
===Heading Name===

Heading Name

4
====Heading Name====

Heading Name

Level 1 headings are basically the titles of pages, and we never use level 1 headings manually, as they are automatically used for the titles of pages, and we don't use them for any other part of any pages.

Bold and Italics

Bold and Italics are also really straightforward! Just surround your text by 2 apostrophes (') for italics, or 3 for bold. Use 5 for bold and italics:

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

Comments and Unformatted Text

Comments can be 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.-->.

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.

Basically, if you want to leave some information in the source code, put <!-- before the text and -->. after the text.

If you want to put information on a page, but unformmated then put <nowiki> before the text and </nowiki> after the text.

Task 4: Lists

In this task, you will learn how to create lists on the wiki. There a two very simple and very common types of lists:numerically-ordered lists and bulleted lists. To make a list that is numbered all you need to do is have the text on the consecutive lines, and have a # before the text on every line. To make a list that is bulleted all you need to do is have the text on the consecutive lines, and have a # before the text on every line.

Go ahead and make a list about something, maybe your favorite television show or your favorite Halo game. Here is our example. Your link will be halo.esportspedia.com/wiki/User:(Your Username)/Tutorial_Task_4.

Here is an example of what the syntax would be, and what it would appear as for both types of lists:

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. First of all, you need to

Format 1 Format 2 Outcome What's going on?
{|class="wikitable"
! Number
! Event
! Winner
|-
|1
|[[MLG Las Vegas 2008]]
|{{team|Str8 Rippin}}
|-
|2
|[[MLG Raleigh 2010]]
|{{team|Final Boss}}
{|class="wikitable"
!Number || Event || Winner
|-
|1 || [[MLG Las Vegas 2008]] || {{team|Str8 Rippin}}
|-
|2 || [[MLG Raleigh 2010]] || {{team|Final Boss}}
|}
Number Event Winner
1 MLG Las Vegas 2008 Str8logo std.png Str8 Rippin
2 MLG Raleigh 2010 FBlogo std.png Final Boss
  • 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.

I recommend using the first format, as it is clearer and easier to use. To make the text sortable, just add sortable after "{|class="wikitable"". It should be {|class="wikitable sortable" Now, Make a page with two identical tables like this one. Page location: ...User:(Your Username)/Tutorial_Task_5

Task 6:Tabs

Tabs are a really simple, yet effective way of organisation within a wiki.

It is a simple as:

{{TabsHeader
|name1=What you want displaying on the first tab
|link1=Link to the first page (everything after /wiki/)
|name2=What you want to be displayed on the second tab
|link2=Link to the second page (everything after /wiki/)
|this=2
}}

Now head to your task 6 page, and make one that links all the pages, including the user page, and all the tutorial pages so far. Similar to this one. You need to include the |this= to ensure they sync correctly. That should have the number of tabs you are using, such as the 2 above.