Creating Your Own Pages - Quickstart

If you are allowed to edit pages in this Site, simply click on edit button at the bottom of the page. This will open an editor.

To create a link to a new page, use syntax: [[[new page name]]] or [[[new page name | text to display]]]. Follow the link to create a new page and instantly edit it!

Creating and editing pages is easy and there are many options that let you to create powerful sites!

Introduction

From the menu on the left, type in a page name and click on new page. The format of the name is your choice, but it helps if it's easy to read. The typical format is some-page-name (i.e. lower case, spaces replaced with "-", no apostrophes).

Basic Formatting

Above the edit window there are loads of buttons to make formatting as easy as possible. It's a good idea to make use of Headings (the H1, H2… buttons) so the page is broken up into sections.

Examples

A good way of seeing how things are done is to find someone else's page and click on the edit button at the bottom. Alternatively, click on + Options, followed by the Page Source button. Bear in mind that the author of the page may not have done things in the best way, but if it works, it works.

Images

Images always make it easier to explain something, so they are recommended.

Image types

Images should be .jpg, .gif, or .png. Those formats lead to small file-sizes for fairly large images.

Uploading to somewhere on the internet

If you don't have your own webspace, it's best to upload images to Photobucket, or any other free image hosting site. Registering with the site is a good idea because you will be able to keep track of your files.

Adding images to your wikdot page

Once the image has been uploaded, the site should show you some links:
uploaded.gif

Small images

For small images, you can copy the Direct Link. Back on this site, click the insert image button and this will be added to your code:
[[image source]]
Replace source with the Direct Link, e.g. [[image http://i912.photobucket.com/albums/ac326/rsoulinternet/misc/example.gif]]

Larger images - clickable thumbnails

If you have a 1600 x 1200 screenshot, you may not want the whole thing on your page. Using Photobucket as the example again, click on the Share link and the Get link code tab. Under the HTML section, copy the code for Clickable thumbnail. For example:

<a href="http://s912.photobucket.com/albums/ac326/rsoulinternet/rfactor/?action=view&current=bridge3.jpg" target="_blank"><img src="http://i912.photobucket.com/albums/ac326/rsoulinternet/rfactor/th_bridge3.jpg" border="0" alt="Photobucket" ></a>

That code is meant for normal websites, not wikidot. To make the code work here, three things need to be done:

  • Delete the code ?action=view&current=. That will allow the image to be displayed on it's own, not surrounded by all the Photobucket fluff
  • Put [[html]] before the link
  • Put [[/html]] after the link (note the / in this one)

The last two will tell wikidot to treat it as HTML rather than it's own code.

The full code for the above thumbnail is
[[html]]<a href="http://s912.photobucket.com/albums/ac326/rsoulinternet/rfactor/bridge3.jpg" target="_blank"><img src="http://i912.photobucket.com/albums/ac326/rsoulinternet/rfactor/th_bridge3.jpg" border="0" alt="Photobucket" ></a>[[/html]]

Further info

Please visit Documentation pages to learn more.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License