Help:Editing

From Peckham Vision
Jump to: navigation, search

See also some Wikipedia articles: How to edit a page, Wikipedia version of this page, Links, Pictures

Creating a new page

To create a new page enter the name of the page after the 'http://www.peckhamvision.org/wiki/' in the address bar. So to create a new page called 'Transport plan' enter 'http://www.peckhamvision.org/wiki/Transport plan' into the address bar and go to that page. The webpage will say that nothing exists there but you can click on a link that says Edit this page. Page names are case sensitive, so 'Transport plan' is a different page to 'Transport Plan'.

Redirect pages

You can also make a redirect page, which will just redirect users to another page straight away. This can be useful to create shorter links to an article with a long title. They work using the following code on a new page:

#REDIRECT [[Rye Lane and Station Action Group (RLSAG)]]

Where 'Rye Lane and Station Action Group (RLSAG)' is the article to link to.

Steps

  1. Create the shorter URL page by typing the URL you want into the address bar and clicking edit (eg www.peckhamvision.org/wiki/Short URL)
  2. Type into that new page the following code: #REDIRECT [[page]]. Where the word 'page' is the title of the article you wish to redirect to. This is case sensitive.
  3. Click save

Wiki syntax

Headers

To add a header type the text of the header and then place some equal signs (=) around the text depending on what level header you want.

Header level 2 ==Header level 2==
Header level 3 ===Header level 3===
Header level 4 ====Header level 4====

Level 2 headers are the top-most headers on a page (they have the line beneath them), then below that come level 4 headers, etc. The contents page at the top is automatically generated once more than 3 headers are on a page.

Etc.

Links

Internal links

Internal links are for links to other PV wiki pages. These show up as a dark blue colour without an arrow. Using the internal link syntax is worthwhile as people will know that the page is still part of the PV website.

  1. To create an internal link, type in the text you want to use as a link. Eg 'Text to link'
  2. Then surround that text with double square brackets. Eg [[Text to link]].
  3. Then to choose what page that link will go to put in a pipe (|) between the link text and the closing brackets, and follow that with the title of the page. Eg [[Text to link|Page title]].
  4. The page title is the title shown at the top of each page, and is also the same as the last bit of that pages address, after www.peckhamvision.org/wiki/.
Example
  1. You want to link the text 'Click here for more' to the Peckham Town Centre Forum page.
  2. Type in [[Click here for more|Peckham Town Centre Forum]].
  3. Remember that page titles on the wiki are case sensitive, so Peckham Town Centre Forum is correct, while Peckham town centre forum will not work.
Tip
  • If the title of the page you are linking to is exactly the same as the link text you want to use then you can leave out the last bit after the pipe (|).
  • Eg If you wanted the text to say 'Peckham Town Centre Forum' and you want to link that to the 'Peckham Town Centre Forum' page then just use the syntax: [[Peckham Town Centre Forum]].

Internal links to images and files

To link to an image or file you need to use the following code: [[Media:IMAGENAME|Link text]]. Where IMAGENAME is the title for the image/file page. So to link to the picture of Peckham Rye Station you would use [[Media:Rye Lane Station 1880.jpg|see here]] to make 'see here'.

Links to a section within a page

To link to a section within a page use a hash (#) and then the heading name. So on this help page to link to the Links section you would insert [[#Links|Links]] which would show as Links or [[#Links within a page|Links within a page]] which would show as Links within a page. The text after the pipe (|) is the text that is displayed. To link to a section within a page other than the page you are on put the name of the page to link to before the hash: [[Help:Editing#Links within a page|Links within a page]] which would show as Links within a page.

External links

To link to an external page just put in the web address, it will be linked to automatically. eg. http://www.peckhamvision.org (http://www.peckhamvision.org, the http:// is required). To display different text to the address of the external site (eg the site's name) leave a space after the address and enter the text to be shown, surrounding the whole lot in a single set of brackets: Peckham Vision ([http://www.peckhamvision.org/ Peckham Vision]). External links have a small image after them, showing a box with coming out of arrow it. You cannot have any spaces in the address itself (the URL). This is uncommon anyway so shouldn't be a problem.

To link to an email address it is the same as linking to an external link, but you need to put mailto: before the email address:

[mailto:info@peckhamvision.org info@peckhamvision.org] or [mailto:info@peckhamvision.org Email us] comes out as info@peckhamvision.org or Email us.

Images

See also Wikipedia's help article on images

Images first need to be uploaded to the site to be able to display them, see #Uploading images further down. To add an image add [[Image:IMAGENAME]] where you want it to be. Images can be aligned to the left, right, or centre. They should be resized to be easy to see, 300px is a good size. They can either be displayed on their own, or can have a border put around them (this is usually best), to do this add 'thumb' to the syntax. Thumb borders also display text which should be entered too. For example: [[Image:Rye Lane Station 1880.jpg|thumb|right|250px|The station as it was c. 1880.]] generates:

The station as it was c. 1880.


It doesn't matter which order the stuff (thumb, width, alignment etc) is in. The most important ones are size, and align. Align uses either left, right or center (note US spelling).

You can also put images in galleries if you need to show several images together. This is done by putting the images between <gallery> tags:

<gallery>
Image:Rye Lane Station 1880.jpg|Rye Lane Station
Image:Rye Lane Station 1880.jpg|Rye Lane Station
</gallery>

creates

Videos

You can embed videos from third-party services using the following code:

<videoflash type="SERVICE">ID</videoflash>

Where SERVICE is the name of the service and ID is the video's id, obtained from the URL of the video page.

For youtube videos you don't need a type= property:

<videoflash>ID</videoflash>

But for all other services you do. The services you can use are: vimeo, googlevideo, dailymotion, sevenload, revver, metacafe,

You can also adjust the width, height and position with a little bit more code:

<videoflash type="SERVICE">ID|WIDTH|HEIGHT|float:ALIGN</videoflash>

Where:

  • SERVICE=the name of the service, as above
  • ID=the id of the video
  • WIDTH=the width you want the video to display at (if it is too small some controls may be removed, eg volume etc)
  • HEIGHT=the height, you have to manually put this in, which is annoying. That means you might need to preview a few times to get the right height
  • ALIGN=left or right. If you want it left aligned you can leave the |float=ALIGN bit out.

Templates

In some cases some templates exist which are better then using other images inputs. Use two curly brackets around the name of the template to use it. Use the Template:Download template for download links and the Template:PicBox for images - see the template pages for usage. Template:Seealso is added to the top of all pages to link to pages that might be relevant. Template:Main is designed to go underneath a heading which has another page, such as on the Visions for Peckham page, for the Rye Lane Station heading.

Text formatting

  • To make text bold surround it with three apostrophes '''. Eg '''Bold''' = Bold
  • To make text italicised surround it with two apostrophes ''. Eg. ''Italics'' = Italics

To make a line indented start the line with a colon (:). Eg:

This line is indented
:This line is indented

To make a line a small header, which does not show in the contents bos put a semi-colon (;) at the beginning of the line. Eg:

This is a small header
;This is a small header

To create a list put each item on a new row starting with a star (*). Eg:

  • List item 1
  • List item 2
  • List item 3
*List item 1
*List item 2
*List item 3

To create a list subitem just add two stars or three, or four etc. Eg.

  • List item 1
    • Sublist item 1
    • Sublist item 2
  • List item 2
*List item 1
**Sublist item 1
**Sublist item 2
*List item 2


To create a numbered list use hashes (#) instead of starts (*). Eg.

  1. List item 1
  2. List item 2
  3. List item 3
#List item 1
#List item 2
#List item 3

Tables

See also Wikipedia's help article on tables

Tables allow you to arrange text and images in rows and columns. The syntax for tables is:

{| border="1"
|-
|Top left
|Top right
|-
|Bottom left
|Bottom right
|}

This would create a table like this (tables by default do not have borders, so the border="1" is needed to show up the cells, normally this isn't wanted, so can be left out):

Top left Top right
Bottom left Bottom right
  • The {| starts a new table and the |} closes it.
  • |- starts a new row
  • | starts a new cell in that row

For more table syntax, such as table headers, formatting within tables, etc see Wikipedias help article on tables (PV uses the same software). Not all things mentioned on the Wikipedia article are available here (eg sortable tables).

Uploading images

Images and files (PDF, DOC, etc) are uploaded to the website using the upload file form found in the left hand menu (when you are logged in). To upload a file follow these steps:

  1. Click on the Browse button and browse for the file on your computer
  2. The name of the file will be put into the 'Destination filename' textbox. This can be changed to what you want, but make sure to keep the extension (.jpg, .pdf, etc) the same. Spaces will be converted to underscores (_). Filenames are case sensitive, so when you link to them the capitals have to be correct (including the extension).
  3. Enter a summary of what the file is about (optional). This will show on the file page itself, below the download link.
  4. Click on upload
  5. The file will upload and you will be taken to a confirmation page, with a link directly to the file, and to the files description page.

Adding files and pages to categories

  • Files and pages can be put into categories so that they can be found easier. All the categories currently on the site are at http://www.peckhamvision.org/wiki/Special:Categories. Each page that is in a category shows the category (with a link to it) at the very bottom of the page. Categories can themselves be put into other categories to make a hierarchy
  • To place a page or file (or category) into a category add to the bottom of the page the code: [[Category:CATNAME]] where CATNAME is the name of the category. They are case-sensitive so Visions for Peckham is different to Visions for peckham.
  • When you save the page the categories are listed at the bottom. If they are red links then the category page doesn’t exist, which means you will need to click on the link and then click save to create it.
  • Categories can be edited in the same way as pages, which means you can add text to the top of the category page, and even insert images. To edit a category page, go to it (eg http://www.peckhamvision.org/wiki/Category:Peckham_Rye_Station) and select Edit from the drop down menu.

When first uploading files place the category code into the Summary box.

Uploading a file and putting it in a category

  1. Click on Upload file in the left hand menu.
  2. Click on the Choose file button and browse for the file you want to upload. This could either be an image, word doc, powerpoint file, or pdf.
  3. The Destination filename box will be completed automatically, but you can change the name if you want. This is the name of the file once it has been uploaded to the website. It’s better to use something meaningful and short, otherwise the website address for the file will be long and may not mean anything
  4. Put into the summary box the description of the file. This isn’t necessary but can be useful to explain what a map or diagram is of, or where the photo was taken, etc.
  5. If you want to put the file into a category (which is best) you need to add the category code to the end of the Summary text. The category code is [[Category:CATNAME]] where CATNAME will be the title for that Category (eg if the file is a photo of the Bussey building you would want it to go in the Bussey Building category so use the code).
  6. If you think that the category may already exist go to the Categories page (http://www.peckhamvision.org/wiki/Special:Categories) to see a list. Category names are case-sensitive, so must match exactly. If no category already exists for what you want then type a new name into the Summary box instead of one that already exists.
  7. Then click Save.
  8. The file will upload and you will be taken to the file’s page. When you upload file the Wiki system creates a page for it called Image:filename. That file page can be editing exactly like article pages, which lets you edit the description and also the categories the file is in.
  9. If you put a file into a category that already exists there will be a blue link in a box at the bottom of the files page that takes you to that categories page. This page will show a list of all the articles and files in the category. It will also let you edit the category page (same as file and article pages) to add descriptive text to the top of the category page (eg http://www.peckhamvision.org/wiki/Category:Cross-River_Tram)
  10. If you put a file into a category that doesn’t exist the link in the box at the bottom of the file page will be red. A red link on the wiki means the page its linking to doesn’t exist. Click on that page and you will see a list of pages and files in the category and an empty text box. You can use that text box to add a description to the category (like above) or you can just click Save. Once you click save you have created the category page, which means non logged-in users can see it.
  11. You can put files in multiple categories by just using the code several times (eg [[Category:CATNAME1]] [[Category:CATNAME2]])
  12. You can also put categories within other categories by editing the category page (like in steps 9 and 10) and using the Category code to put it in a category.

Adding categories to already uploaded files

  • If you want to add an already uploaded file to a category first go to the filelist (http://www.peckhamvision.org/wiki/Special:Imagelist) to find which file you want to add the category to.
  • Then click on the desc link on the far left for the appropriate file (the file link goes directly to the file, as opposed to the file page)In the drop down menu at the top right select Edit.
  • This will take you to an edit page like the article edit page.
  • At the end of the Summary box at the category code [[Category:CATNAME]]
  • For a list of existing categories see http://www.peckhamvision.org/wiki/Special:Categories
  • If no existing category fits just choose a name for the new category when typing in the code.
  • Then click save
  • If it is an existing category the link in the Category box at the bottom will be blue, otherwise it will be red
  • If it is red click on it and then click save to create the Category page.

Site notice

The site notice adds a banner to the top of all pages which can be used to draw attention to a particular item. To edit the notice go to MediaWiki:Sitenotice and edit it.