Getting Started Editing Wiki Pages: Difference between revisions

From Info Wiki
Jump to navigationJump to search
(more items in markup table)
 
(17 intermediate revisions by one other user not shown)
Line 4: Line 4:
To make changes to any of our wiki pages, you first need to login by selecting the '''[[Special:Userlogin | log in]]''' link at the top right of the page.
To make changes to any of our wiki pages, you first need to login by selecting the '''[[Special:Userlogin | log in]]''' link at the top right of the page.


To ''edit'' an '''existing wiki page''' you select the '''Edit''' tab in the list across the top of the page to access the page editor. Or you can choose to edit just one section of the page by selecting the '''[Edit]''' link on the RHS of each section heading.
To ''edit'' an '''existing wiki page''' you select the '''Edit''' tab in the list across the top of the page to access the page editor. Or you can choose to edit just one section of the page by selecting the '''[Edit]''' link on the RHS of each section heading. Please note that some problems have been reported by people using ''Internet Explorer'', so we suggest using another modern browser, such as ''Chrome'', ''Firefox'', ''Safari'' or similar.


There are several ways to ''create'' a '''new wiki page'''. The easiest way is to edit an '''existing wiki page''' and insert a link in it to your proposed new page, which will look like
There are several ways to ''create'' a '''new wiki page'''. The easiest way is to edit an '''existing wiki page''' and insert a link in it to your proposed new page, which will look like
<nowiki>[[Name of new page]]</nowiki>
<nowiki>[[Name of new page]]</nowiki>
As ''Name of new page'' will form part of the URL used to access it, so please keep it brief and to the point (a few words) and avoid using any punctuation other than spaces or underscores. When you save and view this existing page, your newly added <font color=red>Name of new page</font> link will be in red, indicating that this page does not yet exist. Select that link to access the page editor to start adding content to this new page.
As ''Name of new page'' will form part of the URL used to access it, please keep it brief and to the point (a few words) and avoid using any punctuation other than dashes, spaces, underscores or periods. When you save and view this existing page, your newly added <font color=red>Name of new page</font> link will be in red, indicating that this page does not yet exist. Select that link to access the page editor to start adding content to this new page.


Every user who logs in to the wiki is given their own user page, with a link like: <nowiki>[[User:loginname]]</nowiki> (where ''loginname'' is the username you logged in with). You can access this page using the ''loginname'' link in the list across the top right of any wiki page. This is a really good place for you to experiment with wiki page content, and to create those initial links for brand new pages. When you are happy with your new pages content, you can copy the link into one of the main navigation pages to make it easily accessible to others.
Every user who logs in to the wiki is given their own user page, with a link like: <nowiki>[[User:loginname]]</nowiki> (where ''loginname'' is the username you logged in with). You can access this page using the ''loginname'' link in the list across the top right of any wiki page. This is a really good place for you to experiment with wiki page content, and to create those initial links for brand new pages. When you are happy with your new pages content, you can copy the link into one of the main navigation pages to make it easily accessible to others.


== The Wiki Page Editor ==
== The Wiki Page Editor ==
Once you are in the page editor, you can add or change then content of the wiki page. Please note that you '''must not navigate away''' from this page whilst you are making and previewing changes to the page content, or all your changes will be lost. You need to select '''Save page''' to ensure changes are kept permanently. If you do need to view other pages, or follow links whilst editing, please ensure these open in a new tab or new window.
Once you are in the page editor, you can add or change then content of the wiki page. You format this text by using wiki markup. This consists of normal characters like asterisks, single quotes or equal signs, included amongst the text being displayed, which have a special function in the wiki, sometimes depending on their position. You can either just type these characters in, or you can highlight text and use the formatting buttons across the top of the text editing window. Note that the wiki page editor '''is not''' WYSIWYG (What You See Is What You Get). You need to '''Preview''' your changes first to see what they look like. You should '''always''' preview your changes before saving a page. You should also '''always''' provide a '''Summary''' of your changes (unless you select ''minor edit'' because you're only fixing some typos etc). The summary is included in the history of changes for the page, which helps others know what has been modified.

You format the page content using wiki markup. This consists of normal characters like asterisks, single quotes or equal signs, included amongst the text being displayed, which have a special function in the wiki, sometimes depending on their position. You can either just type these characters in, or you can highlight text and use the [http://meta.wikimedia.org/wiki/Help:Edit_toolbar toolbar] buttons across the top of the text editing window. Note that the wiki page editor '''is not''' WYSIWYG (What You See Is What You Get). You need to '''Preview''' your changes first to see what they look like. You should '''always''' preview your changes before saving a page. You should also '''always''' provide a '''Summary''' of your changes (unless you select ''minor edit'' because you're only fixing some typos etc). The summary is included in the history of changes for the page, which helps others know what has been modified.


== Adding Content with some Basic Markup ==
== Adding Content with some Basic Markup ==
I recommend that you start with a file of ''plain unformatted'' text (created in a text editor on your computer, '''not Word'''), along with any images you wish to include, each in a separate file (see next section). Start by copying and pasting this unformatted text into the wiki page editor window. You then start applying ''wiki markup'' to this text, either by highlighting and using the editor's markup buttons, or by just typing the required markup characters into the text where needed. This markup may include headers, bold & italic text format, unnumbered & numbered lists, external links to web pages, internal links to other pages on this wiki, and inline images (which is just a special type of internal File: link, see next section). Note that once you've defined several headers, a table of contents is automatically generated for the page - you can suppress this, but thats an advanced topic!
I recommend that you start with a file of ''plain unformatted'' text (created in a text editor on your computer, preferably not Word), along with any images you wish to include, each in a separate file (see next section on [[#Adding Images|Adding Images]]). Start by copying and pasting this unformatted text into the wiki page editor window. You then start applying ''wiki markup'' to this text, either by highlighting and using the editor's markup buttons, or by just typing the required markup characters into the text where needed. This markup may include headers, bold & italic text format, unnumbered & numbered lists, external links to web pages, internal links to other pages on this wiki, and inline images (which is just a special type of internal File: link, see next section on [[#Adding Images|Adding Images]]). Note that once you've defined several headers, a table of contents is automatically generated for the page - you can suppress this, but thats an advanced topic!


The following table (adapted from that provided in [http://www.mediawiki.org/wiki/Help:Formatting Mediawiki Help Formatting]) lists some of this most common wiki markup.
The following table (adapted from that provided in [http://www.mediawiki.org/wiki/Help:Formatting Mediawiki Help Formatting]) lists some of this most common wiki markup. There is quite a bit more that may also be used, but we recommend you become familiar with this basic markup first.


{| style="color:black; background-color:#ffffcc;" cellpadding="10" align="center" class="wikitable"
{|
! Description
! style="background:#ABE" | Description
! width=40% | You type
! style="background:#ABE" width=40% | You type
! width=40% | You get
! style="background:#ABE" width=40% | You get
|-
|-
! colspan="3" style="background:#ABE" | character (inline) formatting – ''applies anywhere''
! colspan="3" style="background:#ABE" | character (inline) formatting – ''applies anywhere''
Line 31: Line 33:
| Bold text||<nowiki>'''bold'''</nowiki>||'''bold'''
| Bold text||<nowiki>'''bold'''</nowiki>||'''bold'''
|-
|-
| Escape wiki markup|| &lt;nowiki&gt;no ''markup''&lt;/nowiki&gt;||<nowiki>no ''markup''</nowiki>
| Escape wiki markup|| &lt;nowiki&gt;no <nowiki>''markup''</nowiki>&lt;/nowiki&gt;||<nowiki>no ''markup''</nowiki>
|-
|-
! colspan="3" style="background:#ABE" | links – ''applies anywhere''
! colspan="3" style="background:#ABE" | links – ''applies anywhere''
Line 43: Line 45:
| ||<nowiki>[http://web.site.address/page link text to display]</nowiki>||[http://web.site.address/page link text to display]
| ||<nowiki>[http://web.site.address/page link text to display]</nowiki>||[http://web.site.address/page link text to display]
|-
|-
| Show an image||<nowiki>[[File:jumpgate.gif|center|frame|B5 Jumpgate!]]</nowiki>||[[File:jumpgate.gif|center|frame|B5 Jumpgate!]]
| Show an image<br>(See section on [[#Adding Images|Adding Images]] below)||<nowiki>[[File:Globe sculpture cooma 2012.jpg|left|frame|Globe Sculpture!]]</nowiki><br>(with options ''left'' aligned, ''frame'', and final caption)||[[File:Globe sculpture cooma 2012.jpg|left|frame|Globe Sculpture!]]
|-
|-
| Resize an image||<nowiki>[[File:jumpgate.gif|center|frame|60px|B5 Jumpgate!]]</nowiki><br>((option 60px means width 60 pixels)||[[File:jumpgate.gif|center|frame|60px|B5 Jumpgate!]]
| Resize an image||<nowiki>[[File:Globe sculpture cooma 2012.jpg|right|50px|Globe Sculpture!]]</nowiki><br>(with options: ''right'' aligned, ''50px'' to resize width to 50 pixels)||[[File:Globe sculpture cooma 2012.jpg|right|60px|Globe Sculpture!]]
|-
|-
! colspan="3" style="background:#ABE" | section formatting – ''only at the beginning of the line''
! colspan="3" style="background:#ABE" | section formatting – ''only at the beginning of the line''
|-
|-
| Headings of different levels ||<nowiki>== Level 2 ==</nowiki>||== Level 2 ==
| Headings of different levels ||<nowiki>== Level 2 ==</nowiki>||

== Level 2 ==
|-
|-
| ||<nowiki>=== Level 3 ===</nowiki>||=== Level 3 ===
| ||<nowiki>=== Level 3 ===</nowiki>||
=== Level 3 ===
|-
|-
| ||<nowiki>==== Level 4 ====</nowiki>||==== Level 4 ====
| ||<nowiki>==== Level 4 ====</nowiki>||
==== Level 4 ====
|-
|-
| Horizontal rule||<nowiki>----</nowiki>||----
| Horizontal rule||<nowiki>----</nowiki>||----
|-
| Add a page to a category||<nowiki>[[Category:Category name]]</nowiki><br>(''place near the bottom of a page'')||Shows "Category name" in a bar at bottom when the page is previewed or saved.
|-
|-
| Bullet list
| Bullet list
Line 101: Line 109:


== Adding Images ==
== Adding Images ==
Images stored on a wiki server are usually accessed using either a '''File:''' or ''Image:'' prefix in an internal link to the special page used to upload and manage the image file. To include an image in your page, just add an internal link of this form by either typing it in; or by typing the filename, highlighting it, and selecting the ''Embedded File'' tab from those across the top of the editor; so you see:
Images stored on a wiki server are usually accessed using either a '''File:''' or '''Image:''' prefix in an internal link to the special page used to upload and manage the image file. To include an image in your page, just add an internal link of this form by either typing it in; or by typing the filename, highlighting it, and selecting the ''Embedded File'' tab from those across the top of the editor; so you see:
<nowiki>[[Image:filename.ext]]</nowiki>
<nowiki>[[File:filename.ext]]</nowiki> or <nowiki>[[Image:filename.ext]]</nowiki>
As with the page name, the filename will form part of the URL used to access it. I recommend you only use alphanumerics and underscore characters in this name, and that the name relate in some way to the wiki page using it. Image file types supported include: gif, jpg, png & svg.
As with the page name, the filename will form part of the URL used to access it. I recommend you only use alphanumerics and underscore characters in this name, and that the name relate in some way to the wiki page using it. Image file types supported include: gif, jpg, png & svg.


You can also include some options to apply to the image when display in your link. Available options include: left, right, center, thumb, frame, frameless. You can include several, each separated by a | character. You can finish with some caption text. So your link might look like:
You can also include some options to apply to the image when display in your link. Available options include: left, right, center, thumb, frame, frameless. You can include several, each separated by a | character. You can finish with some caption text. So your link might look like:
<nowiki>[[Image:filename.ext|center|frame|a caption for this image]]</nowiki>
<nowiki>[[File:filename.ext|center|frame|a caption for this image]]</nowiki> or <nowiki>[[Image:filename.ext|center|frame|a caption for this image]]</nowiki>


When you now save this page, the image file links will be red, indicating that these files don't yet exist on the server. If you follow each of your image file links in turn, you access the ''File Upload'' page for that file, where you can browse to it on your computer and then upload it to the wiki. It will then automatically appear in your wiki page when you next refresh your view of it.
When you now save this page, the image file links will be red, indicating that these files don't yet exist on the server. If you follow each of your image file links in turn, you access the ''File Upload'' page for that file, where you can browse to it on your computer and then upload it to the wiki. It will then automatically appear in your wiki page when you next refresh your view of it.

Handling images can present some interesting challenges - size, shape and positioning. There is a full explanation of the various syntax components at [http://www.mediawiki.org/wiki/Help:Images#Size_and_frame]


== Looking at the Page History and Handling Clashes ==
== Looking at the Page History and Handling Clashes ==
You can access the '''history''' of all changes made to a particular wiki page by selecting the '''History''' tab in the list across the top of any page. This gives you access to any of the recent previous versions of this page, along with information about who made the change, when, and their summary comment. You can access the content of any of these previous revisions. This can be useful to see how the page content has evolved.
You can access the '''history''' of all changes made to a particular wiki page by selecting the '''History''' tab in the list across the top of any page. This gives you access to any of the recent previous versions of this page, along with information about who made the change, when, and their summary comment. You can access the content of any of these previous revisions. This can be useful to see how the page content has evolved.


It is also useful to resolve conflicting updates. Because of the way the wiki works, it is possible for two people to start editing the same page at about the same time. When one saves their changes, they wont be included in the copy the other person is working on. So when they save their version, some changes can be lost from the current page. But they will be there in the history. On the rare times this occurs, you need to retrieve the changed text, and re-edit the page to merge it in with the other changes. Luckily this doesn't occur very often!
It is also useful to resolve [http://en.wikipedia.org/wiki/Edit_conflict conflicting updates]. Because of the way the wiki works, it is possible for two people to start editing the same page at about the same time. When one saves their changes, they wont be included in the copy the other person is working on. So when the second person saves their version, the system may detect that an [http://en.wikipedia.org/wiki/Edit_conflict edit conflict] has occurred, or some changes may be lost from the current page. But they will be there in the history. On the rare times this occurs, you need to retrieve the changed text, and re-edit the page to merge it in with the other changes. Luckily this doesn't occur very often!


== Where to Find More Information ==
== Where to Find More Information ==
There is a great deal more that can be said about editing wiki pages. But hopefully there's enough here to get you started.
There is a great deal more that can be said about editing wiki pages. But hopefully there's enough here to get you started.

For additional guidance on using our wikis, see our [[More_on_Working_with_Wikis|More on Working with Wikis]] guide.


For more information about editing pages in wiki's using the [http://en.wikipedia.org/wiki/Mediawiki Mediawiki] software (which powers Wikipedia, our wiki's, and many others), see the following:
For more information about editing pages in wiki's using the [http://en.wikipedia.org/wiki/Mediawiki Mediawiki] software (which powers Wikipedia, our wiki's, and many others), see the following:
Line 127: Line 139:


Note that this list can be accessed at any time using the [[Help:Editing|Editing help]] link at the bottom of the wiki page editor on our wikis.
Note that this list can be accessed at any time using the [[Help:Editing|Editing help]] link at the bottom of the wiki page editor on our wikis.

-- [[User:Lpb|Lawrie]] -- Jul 2012

[[Category:Technical Info]]
[[Category:Wiki]]

Latest revision as of 06:38, 12 June 2013

This page aims to provide some initial guidance on how to edit and create pages on a wiki, such as PCUG's Info Wiki and TIP Wiki.

To Start Editing and Creating Wiki Pages

To make changes to any of our wiki pages, you first need to login by selecting the log in link at the top right of the page.

To edit an existing wiki page you select the Edit tab in the list across the top of the page to access the page editor. Or you can choose to edit just one section of the page by selecting the [Edit] link on the RHS of each section heading. Please note that some problems have been reported by people using Internet Explorer, so we suggest using another modern browser, such as Chrome, Firefox, Safari or similar.

There are several ways to create a new wiki page. The easiest way is to edit an existing wiki page and insert a link in it to your proposed new page, which will look like

 [[Name of new page]]

As Name of new page will form part of the URL used to access it, please keep it brief and to the point (a few words) and avoid using any punctuation other than dashes, spaces, underscores or periods. When you save and view this existing page, your newly added Name of new page link will be in red, indicating that this page does not yet exist. Select that link to access the page editor to start adding content to this new page.

Every user who logs in to the wiki is given their own user page, with a link like: [[User:loginname]] (where loginname is the username you logged in with). You can access this page using the loginname link in the list across the top right of any wiki page. This is a really good place for you to experiment with wiki page content, and to create those initial links for brand new pages. When you are happy with your new pages content, you can copy the link into one of the main navigation pages to make it easily accessible to others.

The Wiki Page Editor

Once you are in the page editor, you can add or change then content of the wiki page. Please note that you must not navigate away from this page whilst you are making and previewing changes to the page content, or all your changes will be lost. You need to select Save page to ensure changes are kept permanently. If you do need to view other pages, or follow links whilst editing, please ensure these open in a new tab or new window.

You format the page content using wiki markup. This consists of normal characters like asterisks, single quotes or equal signs, included amongst the text being displayed, which have a special function in the wiki, sometimes depending on their position. You can either just type these characters in, or you can highlight text and use the toolbar buttons across the top of the text editing window. Note that the wiki page editor is not WYSIWYG (What You See Is What You Get). You need to Preview your changes first to see what they look like. You should always preview your changes before saving a page. You should also always provide a Summary of your changes (unless you select minor edit because you're only fixing some typos etc). The summary is included in the history of changes for the page, which helps others know what has been modified.

Adding Content with some Basic Markup

I recommend that you start with a file of plain unformatted text (created in a text editor on your computer, preferably not Word), along with any images you wish to include, each in a separate file (see next section on Adding Images). Start by copying and pasting this unformatted text into the wiki page editor window. You then start applying wiki markup to this text, either by highlighting and using the editor's markup buttons, or by just typing the required markup characters into the text where needed. This markup may include headers, bold & italic text format, unnumbered & numbered lists, external links to web pages, internal links to other pages on this wiki, and inline images (which is just a special type of internal File: link, see next section on Adding Images). Note that once you've defined several headers, a table of contents is automatically generated for the page - you can suppress this, but thats an advanced topic!

The following table (adapted from that provided in Mediawiki Help Formatting) lists some of this most common wiki markup. There is quite a bit more that may also be used, but we recommend you become familiar with this basic markup first.

Description You type You get
character (inline) formatting – applies anywhere
Italic text ''italic'' italic
Bold text '''bold''' bold
Escape wiki markup <nowiki>no ''markup''</nowiki> no ''markup''
links – applies anywhere
Link to another wiki page [[Name of page]] Name of page
[[Name of page|Text to display]] Text to display
External link to another website [http://web.site.address/page] [1]
[http://web.site.address/page link text to display] link text to display
Show an image
(See section on Adding Images below)
[[File:Globe sculpture cooma 2012.jpg|left|frame|Globe Sculpture!]]
(with options left aligned, frame, and final caption)
Globe Sculpture!
Resize an image [[File:Globe sculpture cooma 2012.jpg|right|50px|Globe Sculpture!]]
(with options: right aligned, 50px to resize width to 50 pixels)
Globe Sculpture!
section formatting – only at the beginning of the line
Headings of different levels == Level 2 ==

Level 2

=== Level 3 ===

Level 3

==== Level 4 ====

Level 4

Horizontal rule ---- ----
Add a page to a category [[Category:Category name]]
(place near the bottom of a page)
Shows "Category name" in a bar at bottom when the page is previewed or saved.
Bullet list
* Start each line
* with an [[Wikipedia:asterisk|asterisk]] (*).
** More asterisks gives deeper
*** and deeper levels.
  • Start each line
  • with an asterisk (*).
    • More asterisks gives deeper
      • and deeper levels.
Numbered list
# Start each line
# with a [[Wikipedia:Number_sign|number sign]] (#).
## More number signs gives deeper
### and deeper
### levels.
  1. Start each line
  2. with a number sign (#).
    1. More number signs gives deeper
      1. and deeper
      2. levels.
Preformatted text
 Start each line with a space.
 Text is '''preformatted''' and
 ''markups'' '''''can''''' be done.
Start each line with a space.
Text is preformatted and
markups can be done.

Adding Images

Images stored on a wiki server are usually accessed using either a File: or Image: prefix in an internal link to the special page used to upload and manage the image file. To include an image in your page, just add an internal link of this form by either typing it in; or by typing the filename, highlighting it, and selecting the Embedded File tab from those across the top of the editor; so you see:

 [[File:filename.ext]] or [[Image:filename.ext]]

As with the page name, the filename will form part of the URL used to access it. I recommend you only use alphanumerics and underscore characters in this name, and that the name relate in some way to the wiki page using it. Image file types supported include: gif, jpg, png & svg.

You can also include some options to apply to the image when display in your link. Available options include: left, right, center, thumb, frame, frameless. You can include several, each separated by a | character. You can finish with some caption text. So your link might look like:

 [[File:filename.ext|center|frame|a caption for this image]] or [[Image:filename.ext|center|frame|a caption for this image]]

When you now save this page, the image file links will be red, indicating that these files don't yet exist on the server. If you follow each of your image file links in turn, you access the File Upload page for that file, where you can browse to it on your computer and then upload it to the wiki. It will then automatically appear in your wiki page when you next refresh your view of it.

Handling images can present some interesting challenges - size, shape and positioning. There is a full explanation of the various syntax components at [2]

Looking at the Page History and Handling Clashes

You can access the history of all changes made to a particular wiki page by selecting the History tab in the list across the top of any page. This gives you access to any of the recent previous versions of this page, along with information about who made the change, when, and their summary comment. You can access the content of any of these previous revisions. This can be useful to see how the page content has evolved.

It is also useful to resolve conflicting updates. Because of the way the wiki works, it is possible for two people to start editing the same page at about the same time. When one saves their changes, they wont be included in the copy the other person is working on. So when the second person saves their version, the system may detect that an edit conflict has occurred, or some changes may be lost from the current page. But they will be there in the history. On the rare times this occurs, you need to retrieve the changed text, and re-edit the page to merge it in with the other changes. Luckily this doesn't occur very often!

Where to Find More Information

There is a great deal more that can be said about editing wiki pages. But hopefully there's enough here to get you started.

For additional guidance on using our wikis, see our More on Working with Wikis guide.

For more information about editing pages in wiki's using the Mediawiki software (which powers Wikipedia, our wiki's, and many others), see the following:

Note that this list can be accessed at any time using the Editing help link at the bottom of the wiki page editor on our wikis.

-- Lawrie -- Jul 2012