LifeDesign Learning Zone
How to edit this wiki
This web site runs on MediaWiki, the same software that runs Wikipedia. It's powerful and mature, but if you haven't used it before, the learning curve for even basic writing and formatting can be steep.
The goal of wiki syntax is that is should be easier than HTML but in practice, it tends to be just as hard to learn as HTML. Here are the basics to get you started. If you don't try to color outside the lines, you should be fine:
- Just typing creates paragraphs of text
- Type a double return to separate paragraphs
- If you start a line with '* ' you get a bullet point
- If you put three (3!) apostrophes around your text, you'll make it bold
- If you put two apostrophes around your text, you'll make it italic
- To create a header section put '== My Section ==' on it's own line
These are the basics that allows you to 'just write some text' and should is enough to get you started.
To link to another page on the wiki, use double brackets.
If you type [[post]] it'll look like like: post
Just be sure the page 'post' exists!
If you'd like to have more control over the link text do this:
[[post|the posts page]] will look like: the posts page
How To Include Images In Pages
While it is possible to link to external images, it is much better to have them all on our website. One of the best reasons for this is that we can attribute creative commons images. To embed an image, follow these steps:
- Upload the image to indiewebcamp by using Special:Upload
- The file name will be the identifier so make sure you like the file name!
- Use the following markup to embed the image in another page:
You can specify a width like this:
You can float like this:
Linking to External Images
Of course, there are times when you must link to an external image. As long as they are JPG or PNG images, just add the URL of the image on a line by itself and the image will be embedded automatically. This doesn't give much formating/sizing options so you have to be careful
Highlighting Page Sections
If you'd like to add a background highlight color to a page section, add the following code below and above your section header:
<raw><div style="float: left; background-color: #EEEEEE; width: 100%"></raw>
==== Your Section Title ====
Your Section Content
This will provide the section with a background color like this:
Your Section Title
Your Section Content </div>
Note that you should always use subtle colors when highlighting sections. Color should be used to bring attention and focus to a section as a whole, not distract the reader from the content with a bright or garish color.
Table of Contents
As soon as there are more than a few headers on the page, MediaWiki will automatically include a table of contents.
Hide the table of contents
To hide the table of contents from a page, include
__NOTOC__ at the bottom of the page.
Always show the table of contents
If you want to show the table of contents at a certain location in the page rather than at the top, such as under an intro paragraph, you can force the table of contents to appear at a certain location. Include
__TOC__ at the location you want the table of contents to appear.