FANDOM


This page provides a basic guide on how to edit /create pages using source code editing on this wiki, four those of you that just don't like the new Visual Editor and are used with the old Clasic editor. It includes page creation, simple formatting and linking, as well as images and tables.

Creating & Previewing An ArticleEdit

To create a page, type the name of the page you are wishing to create into the search box, and press enter. You will then see some text such as the following:

Pagecreation

If you click on "create this page", you will immediately be taken to the page editing screen where you can start editing. When you do edit your artcle, we advise you to make use of the "Show preview" function at the bottom of the editing box, rather than constantly saving your page. This allows you to see how your changes will look, without clogging up the page's edit history with multiple small edits.

Simple FormattingEdit

What follows is information regarding basic formatting techniques, including headings, bolding, and identing.

HeadingsEdit

Headings are very important in an article. They break up text, and divide it into appropriate sections that allow the reader to find what they are looking for. When more than three different secondary headings are used, a contents box will appear at the top of the article (as seen at the top of this article), which allows the user to skip to the appropriate section for them.

The image below illustrates the three types of headings, and how and when to use them.

Headings

The three types of headings, and their uses


Bolding, Italicising & IdentingEdit

When writing an article, you may wish to add emphasis to specific text. To do this, you can make use of bold, italics, and idents. The table below illustrates how to use this simple formatting, however, it is important to note that the code shown for bolding and italicising uses the apostrophe, rather than the quotation marks.

Name of Formatting Usage Code Handles Example Code What it looks like
Italic To emphasize a word or phrase, or to highlight the name of something. '' '' ''Hello!'' Hello!
Bold To emphasize a word or phrase. ''' ''' '''Hello!''' Hello!
Bold Italic To emphasize a word or phrase, or to highlight the name of something. ''''' ''''' '''''Hello!''''' Hello!
Ident Improving the layout of a discussion page. The more colons you add, the further the text will be idented. : :Hello!
::Hello!
Identing

LinkingEdit

When writing an article, you will often want to link to other websites or articles in order to reference, or provide further information for the reader. The table below explains the various types of link available to you. Note: The "Basic" link is not generally used in wiki formatting - the "Piped" link is preferable.

Link Type Usage Code Handles Example Code What it looks like
Basic Link Not generally used as part of wiki formatting. n/a http://e-sim.org http://e-sim.org
Piped Link Used to add a hyperlink to a piece of text. [ ] [http://e-sim.org e-Sim] e-Sim
Wiki Link Used when linking to another article on the e-Sim wiki. [[ ]] [[Company]] Company
Piped Wiki Link Used to link other text to an article. [[ ]] [[Company|company tutorials]] company tutorials

ListingEdit

Bullet pointed and numbered lists can help to break up an article, and summarise information more easily than you can with continuous prose. They are relatively simple to use, as demonstrated below.

Bullet PointsEdit

Bullet pointed lists use the "*" symbol, and are very easy to create.
For example, using the coding below...

* List object 1
* List object 2
** List object 2 ident 1
** List object 2 ident 1 part 2
* List object 3

...we get the following:

  • List object 1
  • List object 2
    • List object 2 ident 1
    • List object 2 ident 1 part 2
  • List object 3

Numbered ListsEdit

Again, numbered lists are very easy. The wiki formatting will do the numbering for you, you just need to use the "#" symbol.
For example, using the coding below...

# List object 1
# List object 2
## List object 2 ident 1
## List object 2 ident 1 part 2
# List object 3

...we get the following:

  1. List object 1
  2. List object 2
    1. List object 2 ident 1
    2. List object 2 ident 1 part 2
  3. List object 3

ImagesEdit

To add an image to a page, you will first need to upload it to the wiki. To do this, click the "Upload a File" button, on the left hand panel of any e-Sim wiki page. You will then be taken to a screen where you can upload the image from your computer and give it a file name. It is important to make sure you do not upload anything which could constitute copyright infringement. Currently, you can only upload files that use the following extensions: "png, gif, jpg, jpeg".

What follows is an illustration of how to add an image to a page, and the various suffixes you can add:

Basic ImageEdit

Code:
[[File:Prvotni-logo.png]]

Result:
Prvotni-logo

SuffixesEdit

You can add various suffixes to the image code to format the image correctly. Popular examples include framing & captioning, thumbnails & resizing, and positioning, as shown in the table below:

Name of Suffix Usage Code Addition Example Code
Frame Add a frame around an image for aesthetic purposes, or to add a caption. |frame [[File:Prvotni-logo.png|frame]]
Caption Add a short caption to an image with a frame or thumbnail for descriptive purposes. |yourcaptionhere [[File:Prvotni-logo.png|frame|yourcaptionhere]]
Position To place an image on the left, right or center of the article. |left |right |center [[File:Prvotni-logo.png|left]]
Resize To make an image an appropriate size for the page. |999px [[File:Prvotni-logo.png|100px]]
Thumbnail Add an expandable thumbnail image. |thumb [[File:Prvotni-logo.png|thumb]]

ExamplesEdit

You can also combine suffixes when placing images, as illustrated in the examples below:

Framing, Captioning & Positioning:

Code:
[[File:Prvotni-logo.png|frame|center|The e-Sim logo]]

Result:

Prvotni-logo

The e-Sim logo


Thumbnail, Captioning & Positioning:

Code:
[[File:Prvotni-logo.png|thumb|center|The e-Sim logo]]

Result:

Prvotni-logo

The e-Sim logo


Resizing, Thumbnail, Captioning & Positioning:

Code:
[[File:Prvotni-logo.png|thumb|center|100px|The e-Sim logo]]

Result:

Prvotni-logo

The e-Sim logo


TablesEdit

Tables can seem a little complex as a new editor; however, once you become accustomed to wiki tables, they seem more user friendly. To start a table, we use the "{| class="wikitable"" code, and to end a table, we use "}}".

After opening the table code with "{| class="wikitable"", we can then add headings, to be placed along the top row of the table, with the "!" symbol. We use "|-" to mark a new line in the table. A simple table code such as this...

{| class="wikitable"
|-
!Apple
!Orange
|-
|Apple 1
|Orange 1
|-
|Apple 2
|Orange 2
|-
}}

...will give us a table that looks like this...

Tableexample


CategoriesEdit

Categories help to sort articles into groups, and this makes it easier to view connected articles and navigate around the wiki. To add a page to a category, simply place this code at the bottom of the page:

[[Category:CATEGORYNAMEHERE]]

You can add a page to multiple categories. If a category does not yet exist, but you think the page should be in that category; adding the category will automatically create it on the wiki.

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.