Difference between revisions of "Help:Editing"

From Peckham Vision
Jump to navigation Jump to search
Line 47: Line 47:
  
 
====Links to a section within a page====
 
====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 the the Links section you would insert <nowiki>[[#Links|Links]]</nowiki> which would show as [[#Links|Links]] or <nowiki>[[#Links within a page|Links within a page]]</nowiki> which would show as [[#Links within a page|Links within a page]]. The text after the pipe (|) is the text that is displayed. To link to a section within another page put the name of the page to link to before the hash: <nowiki>[[Help:Editing#Links within a page|Links within a page]]</nowiki> which would show as [[Help:Editing#Links within a page|Links 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 <nowiki>[[#Links|Links]]</nowiki> which would show as [[#Links|Links]] or <nowiki>[[#Links within a page|Links within a page]]</nowiki> which would show as [[#Links within a page|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: <nowiki>[[Help:Editing#Links within a page|Links within a page]]</nowiki> which would show as [[Help:Editing#Links within a page|Links within a page]].
  
 
====External links====
 
====External links====

Revision as of 19:26, 29 June 2010

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

To link to another page just surround the text that you want to use as the link with two square brackets ([[PAGE_TITLE]]). This will then link to the page that is the same text as the text between the brackets. The names of the page are the bit after http://www.peckhamvision.org/wiki/ (so the Cross-River Tram page is at http://www.peckhamvision.org/wiki/Cross-River Tram). The names of pages are case-sensitive, so that 'Visions for Peckham' is a different page to 'Visions for peckham' E.g. to link to the Cross-River Tram page just insert [[Cross-River Tram]].

To link to a page which is different to the text to be shown use [[PAGE_TITLE|TEXT]]. E.g. to link to the Cross-River Tram page but just displaying the text 'click here' enter the following text: [[Cross-River Tram|click here]].

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.

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.