Adding content samples

From CunningWiki
Jump to: navigation, search

There are several different ways to add content to the wiki. This is images, videos, audio, code and more.

Adding Code snippets

The way to add code is with the "pre" tag in-front of and after your code. Here is an example:


Hello {%first_name%} {%last_name%},

Your shipment of {%item%} is now ready to pick up.

Thanks {%first_name%}!


Adding Images

Images can be added and embedded into posts. You have to upload the image to the wikipedia site. On the left hand side of the screen is a toolbox menu with an option called "Upload File" or click [1].

On the upload file page is a Dialog for you to choose and upload a file. The Destination Filename is the filename that will be used when the image is embedded.

Here is code to generate the following image:

[[Image:samplemotorcycle.jpg|500px|none|alt=alternate text|caption text]].

The Destination Filename is "samplemotorcycle.jpg". The width is 500px. Alignment is set to none.

alternate text
.

There are many other ways to format photos in Media Wiki. Infact they have a very detailed guide here [[2]] and all of it is compatible with our media wiki site.

Adding Video

Videos can be embedded from youtube. Lets take the following Video as the example: http://www.youtube.com/embed/XoHIm-ODmZQ That video can be embedded in these different ways with the following code:


{{#ev:youtube|XoHIm-ODmZQ|100|right|This is an embedded video!}}
{{#ev:youtube|XoHIm-ODmZQ|200|left|This is an embedded video!}}
{{#ev:youtube|XoHIm-ODmZQ}}

{{#ev:youtube|XoHIm-ODmZQ|100|right|This is an embedded video!}} {{#ev:youtube|XoHIm-ODmZQ|200|left|This is an embedded video!}} {{#ev:youtube|XoHIm-ODmZQ}}

More information on how to format the videos are available here [[3]]. If you want to ever use HTML5 videos we'll switch to this plugin [[4]]


Adding Links

Really the full tutorial is here Mediawiki guide to links

Here is a quick guide to the two main types: Internal and External.

  • External Links

External Link With Name

[5]

  • Internal Links

Internal Link with Alt Name

Projects

Those links were generated with the following code :

*External Links
[http://www.cunningturtle.com External Link With Name ]

[http://www.cunningturtle.com]
*Internal Links
[[Projects|Internal Link with Alt Name]]

[[Projects]]


Adding Tables

The way to tables is traditionally:

Table Name
Column1 Column2 Column3 Column4
Row1 one two three
Row2 four five six
{| border="1"
|+ Table Name
! scope="col" | Column1 
! scope="col" | Column2 
! scope="col" | Column3
! scope="col" | Column4
|-
! scope="row" | Row1
| one || two || three
|-
! scope="row" | Row2
| four || five || six
|}

we've added an extension called "SimpleTable" so tables can be created in excel in csv export. More info can be found here: [http://www.mediawiki.org/wiki/Extension:SimpleTable]


Column1 Column2 Column3 Column4
Row1 one two three
Row2 four five six


<tab class=wikitable sep=comma head=top>
Column1,Column2,Column3,Column4
Row1,one,two,three
Row2,four, five, six
</tab>