E-Democracy Pages Wiki

Search Wiki





From E-Democracy.org

Revision as of 07:28, 1 October 2007 by Admin (Talk | contribs) (Wiki Beginners Guide)

Welcome to the E-Democracy.Org Pages wiki.

A WIKI has web pages that anyone can edit. Most pages on the E-Democracy wiki have an edit button. If you have some valuable content to add or spot a grammar error, please click on the "edit" button and make the change or add the content. You may also create new page.

Try editing our sandbox page. We call it the sandbox, because its a safe place to play (and experiment).

Below is our beginners guide. This tutorial from Wikipedia goes even deeper. We use the same software.

NOTE: This wiki is generally best used for posting facts and information, not opinions. If you wish to share your personal opinion on an issue, check out one of our Issues Forums.

Wiki Beginners Guide

(Base text from the T-Vox wiki. Thank you T-Vox.)

So, you want to write on E-Democracy.Org Pages Wiki but you don't know where to start? Well, I'm going to start by assuming you have an account for this wiki and that you've logged in on that account. The advantages of this are three-fold:

  • you get a page called 'My Contributions' that lets you see what pages you've created and/or edited;
  • you can select "watch this page" to be e-mailed when a page you care about is edited
  • we all know who you are and what you've added; and
  • you get a nice page on the wiki where you can write a quick bio of yourself and list all the pages you've created.

If you don't have an account, get one here.

To edit any wiki page, click the little 'edit' tab at the top of the page. (You should see in a row: article, discussion, edit, history, move, watch.) Edit the content, then scroll down to click the Save button. Before clicking on 'Save', be sure to give a brief reason for your changes in the Summary box. This helps others to quickly tell what has been changed and allows E-Democracy's admin to track changes more easily.

We're going to concentrate on this third factor for now, as the bio page is an excellent place to play around with coding and get you used to it. Here, all the factors that come into editing a page can come into play, from emboldening or italicising text to creating headers and also adding in links to other pages (otherwise how would we get to see your works?). So let's get started!


Creating headers is a very simple way of separating your page into different sections. If you're like me, you'll want your biography page to have a section for your biography, a section for the pages you've created (so people can find your poems, drawings, stories, scripts and whatnot easily) and a section for your contact details. Separating each of these sections into headed sections gives three fine advantages:

  1. Each section can be found easily
  2. Each section becomes editable separately by clicking on the 'Edit' link at the right-hand side of the header, so you can edit each part of the page without worrying about messing-up the other parts (the page as a whole can still be edited with the 'Edit' tab at the top of the page, however).
  3. You get a nice 'Contents' list at the top of your page.

So how do we set up a header? It's simple, really. Headers have to be added on a line all to themselves, so if you're doing your biography, a header called 'Biography' would be on one line and the bio on the following lines. Headers are formatted by having two equals signs followed by a space, then the text you want in the header, then a space, then two equals signs. Sub headers can be added to pages by adding more equals signs around the header and these will also be displayed in the contents list a the top of your page. The difference between headers and sub-headers is that headers get an edit button and sub-headers don't, so you'd have to edit those from inside the initial header, or by editing the page as a whole.

So, for headers and sub-headers, we have the following coding:

== Example Header ==
=== Example Sub-Header ===
==== Example Sub-Sub-Header ===
and so on.


Paragraphs can be indented by placing a colon (':') at the start of a paragraph. To indent a paragraph twice, use two colons, and so forth.


Emphasis can be placed on words and phrases by putting a certain number of apostrophes (') around the word or phrase to be emphasised. The amount of apostrophes determines the particular emphasis placed on the word/phrase. You'll need the same amount of apostrophes at the start as at the end, or the emphasis won't work.

  • Italics require two apostrophes
  • Bold text requires three apostrophes

Putting single apostrophes around something will simply display that something with apostrophes around it.


Links work in two ways on MediaWiki, depending on whether you're linking to another page on the Wiki or another page on the Internet. We'll cover both types of link here.

Wiki Links

These are links only to other pages on the same Wiki, not other Wikis on the Internet. Basically, using this method of linking, anyone can add a link to anywhere else on E-Democracy.

Wiki Links are coded using double square brackets ('[[') and the contents of the brackets will be the page name being linked to, so a link to a page called 'Example' would be created by putting 'Example' between double square brackets. If you want to link to 'Example' but call the link 'An Example', you'd do this by putting 'Example | An Example' between square brackets. The pipe ('|') indicated to MediaWiki that the bit on the left is the Wiki Link and the bit on the right is the text to be displayed on the page.

So we have:

[[Example]] links to another page on the Wiki that is called Example.
[[Example | An Example]] does the same but calls the link 'An Example'.

Internet Links

For when you absolutely, positively, have to link to somewhere else on the Internet, you'll only need one set of brackets. Internet Links function in a similar way to Wiki Links but are differentiated on MediaWiki sites by using only one bracket at the start and end and not requiring a pipe. So, a link to Google can be made by entering a bracket, the url, a space, the text to be displayed as a link and then another bracket:

[http://www.google.co.uk/ Click Here!] links to www.google.co.uk with the link text 'Click here!'.

It's worth noting at this point that Internet links must begin with http:// or MediaWiki will throw a fit and try to link to a page on E-Democracy instead. Internet links can also be used to create e-mail links, by using the mailto tag instead of http: so a link to example@someplace.com with a link as 'e-mail me!' would be created by entering:

[mailto:example@someplace.com e-mail me!]


There are two main forms of list on a MediaWiki: numbered and unordered. Both work in exactly the same way and are simply designated with a hash (#) or asterisk (*) at the start of each line. Hashes provide numbered lists, asterisks provide unordered lists. They look like this:

This bit of text would be displayed as a standard paragraph on the page.
# This is the first line of a numbered list
# This is the second line of a numbered list
And this text is displayed as a standard paragraph, below the list.

The above text, when put into a MediaWiki page, would display as follows:

This bit of text would be displayed as a standard paragraph on the page.

  1. This is the first line of a numbered list
  2. This is the second line of a numbered list

And this text is displayed as a standard paragraph, below the list.

That's all there is to lists.


E-Democracy supports the ability to include images in its wiki pages. This facility is designed to allow pages to avoid complex, confusing descriptions or to show something simply when it would take a long time to describe in text. The idea is not to allow E-Democracy to become festooned with pictures but if you want a tasteful picture on your user page, we won't object (but please do keep them tasteful and remember that this site can be seen by children).

Inserting an Image

To insert an image into a page on E-Democracy use the [[Image:filename]] command, where filename is the name of the file as it exists on t-vox; e.g. [[Image:example.png]] to link to an image called example.png. You can also add caption text, set the image as a thumbnail (smaller version) and set its alignment on the page using the extended image code: [[Image:filename|thumb|alignment|caption]]. The pipes ('|') are used to separate each piece of information in the code in the same way as they do in links.

A thumbnail for the E-Democracy test image, with caption.

Adding 'thumb' sets the image as a thumbnail (smaller version) of the full image and allows a caption to be added to the image. Adding a caption will display text below the image. Please use captions as a synopsis of the image so screen readers and text-only browsers don't loose out. Remember: captions will not display unless the image link contains the 'thumb' command. Clicking on the image will take you to a full-size version of the image.

The alignment option can take the form of 'left', 'right' and 'center' to determine the image's position on the screen. If using 'center', please be aware that it only works with the American English spelling - British English users, please remember to check your spelling!

Uploading an Image

The easiest way to upload an image to E-Democracy is to use the Upload file option (located under the 'toolbox' header, below the search bar) on the main menu. This will take you to a page that allows you to select a file to upload from your system, set the filename to be used for it on E-Democracy and also to add a description of the file that people will see if they browse to it.

Once uploaded, the file will become accessible for use in pages on E-Democracy. Please ensure that any files uploaded to E-Democracy are files we can actually use; i.e., you own the copyright or the file is in the public domain/released under GNU/etc.

For More Information

This page is designed to cover the basics of coding for E-Democracy (or any other site running on MediaWiki). If everything you really, really want to do isn't covered here you can always [have a look at the MediaWiki Handbook, which explains all the codes you can use, but doesn't do it in quite as conversational a manner.

(Base text from the T-Vox wiki. Thank you T-Vox.)


Home - Mobile - Forums - Wiki - Blog - About - Help - Contact - People - Donate - Rules - Archives