Difference between revisions of "Wiki Editing Help"

m (Reverted edits by Andymohan (Talk); changed back to last version by KristinaWeis)
 

(104 intermediate revisions by 24 users not shown)

Line 1: Line 1:
{{MainPageNav1}}{{RightTOC}}
+
< [[Help FAQ]]
==Simple editing==
+
<!--<div class="auCorner">Note: The below instructions for wiki markup only works in the '''Wiki''' section of pages.</div><br />-->
Simple editing is one of the major benefits of using a [[wiki]].  Users can edit pages without knowing [[HTML]], and still use many of the formatting features of [[HTML]]. Please feel free to experiment in the [[Sandbox]].
+
==Basic Wiki Formatting==
 +
----
 +
{{GenericHelpBox}}
 +
There are several ways that you can change or enhance the look of the Wiki section on your page with formatting such as: headings, '''bold''' and ''italic text'', links, bulleted lists, colors, quote boxes, images and more. This page can show you how.
  
Note that [[WikiWiki|Wiki]] is a general name for this type of collaborative software. There are many different Wiki sites and products out there, and some use different types of "markup" (coding) than others. AboutUs.org uses a version of [[MediaWiki]] software, same as [[Wikipedia.org]] and related sites, so the markup is very similar; if you know how to make links, format text, etc. on [[Wikipedia]], you'll find it easy to do the same things at AboutUs.org.
+
Simple editing is one of the major benefits of using a [[WikiWiki|wiki]]. Users can edit wiki pages without knowing [[HTML]], yet still do many of the same things more easily. Please feel free to experiment in the [[Sandbox]].
  
 +
<small>Note that [[WikiWiki|Wiki]] is a general name for this type of collaborative software, or editable website. There are many different Wiki sites and products out there, and some use different types of "markup" (coding) than others. AboutUs.org uses a version of [[MediaWiki]] software, same as [[Wikipedia.org]], so the markup is very similar.</small>
  
===Basic Text===
+
==Basic Text==
 
Most text does not require any special changes for wiki form.  A few basic rules are:
 
Most text does not require any special changes for wiki form.  A few basic rules are:
  
 
* Do not indent paragraphs.
 
* Do not indent paragraphs.
 
* Leave a single blank line between paragraphs.
 
* Leave a single blank line between paragraphs.
* To create a horizontal line, type 4 or more minus/dash/hyphen (-) characters.
 
 
* There is no need to encode HTML characters like <, >, or &.
 
* There is no need to encode HTML characters like <, >, or &.
  
 
+
==Bold and Italic Text==
===Bold and Italic Text===
+
----
 
To mark text as:
 
To mark text as:
: '''bold''', use three single quotes - <nowiki>''' bold '''</nowiki>,  
+
: '''bold''', use three single quotes - <nowiki>''' bold '''</nowiki>,
 
: ''italic'', use two single quotes - <nowiki>'' italic ''</nowiki>,
 
: ''italic'', use two single quotes - <nowiki>'' italic ''</nowiki>,
 
: '''''bold+italic''''', use five single quotes - <nowiki>''''' bold+italic '''''</nowiki>.
 
: '''''bold+italic''''', use five single quotes - <nowiki>''''' bold+italic '''''</nowiki>.
  
To mark text as <b>bold</b>, <i>italic</i> or <code>fixed-width</code>, you can use the HTML <nowiki><b></nowiki>, <nowiki><i></nowiki> and code tags. For example:
+
Note that MediaWiki (like most Wikis) processes pages line-by-line, so if you want three bold lines of text, you will need to start each with <nowiki>'''</nowiki>.  Also note that unclosed or unmatched tags are not removed from the page.
 
 
<nowiki><b> bold </b></nowiki>,
 
<nowiki><i> italic </i></nowiki>,
 
<nowiki><b> <i> bold+italic </i> </b></nowiki>.
 
 
 
Note that MediaWiki (like most Wikis) processes pages line-by-line, so if you want three bold lines of text, you will need to use three separate <nowiki><b>...</b></nowiki> tags.  Also note that unclosed or unmatched tags are not removed from the page.
 
  
 +
==Headings==
 +
----
 +
Headings are delimited by 1-7 equal signs (=). They basically correspond to HTML's &lt;h1> through &lt;h7> tags.  These are also called section headers and simply place whatever text you want to be a headline between the equal signs. (Note: Most headings on [[AboutUs]] are size 2, although this page is using size 3 primarily.)
 +
<pre>= Headline size 1 =
 +
== Headline size 2 ==
 +
==== Headline size 4 ====
 +
===== Headline size 5 =====
 +
</pre>
 +
produces:
  
===Headings===
+
= Headline size 1 =
Headings are delimited by 1-7 equal signs (=). They basically correspond to HTML's &lt;h1> through &lt;h7> tags. Please type the corresponding titles with only the beginning letter of the word with a capital letters. Other than names of people, websites and songs..there are no exceptions to this!
 
<pre>= Headline size 1 =
 
 
== Headline size 2 ==
 
== Headline size 2 ==
=== Headline size 3 ===
 
 
==== Headline size 4 ====
 
==== Headline size 4 ====
 
===== Headline size 5 =====
 
===== Headline size 5 =====
===== Headline size 6 =====
 
====== Headline size 7 ======</pre>
 
  
===Lists===
+
Note: When a page has more than 4 headings on it, you will automatically end up with a '''table of contents'''.  This isn't usually helpful, so it can be best to remove it.  To remove the automatic table of contents, add this to the Wiki section on its own line:
Simple lists:
+
 
 +
<nowiki>__NOTOC__</nowiki>
 +
 
 +
or if you want the table of contents right justified, use this:
 +
 
 +
<nowiki>{{RightTOC}}</nowiki>
 +
 
 +
==Linking==
 +
----
 +
To create an ''internal'' [[WikiLink]] to another AboutUs page simply place the name of the page (in the [[URL]] it will be everything after the aboutus.org/) in ''double'' brackets.
 +
 
 +
: <pre>[[AboutUs.org]]</pre> will produce: [[AboutUs.org]]
 +
 
 +
: You can also change what the link will say using a pipe.
 +
 
 +
: <pre>[[AboutUs.org|AboutUs]]</pre> will produce: [[AboutUs.org|AboutUs]]
 +
 
 +
To create an ''external'' link to another website, place the entire URL in ''single'' brackets, then add a single space to name the link.
 +
 
 +
: <pre>[http://www.google.com/ Google]</pre> will produce: [http://www.google.com/ Google]
 +
 
 +
Our [[LinkingGuide|Linking Guide]] helps you understand when an external link is appropriate here at this website.
 +
 
 +
===Bulleted and Numbered Lists===
 +
----
 +
Bulleted lists:
 
<pre>
 
<pre>
 
* Text for a bulleted list item.
 
* Text for a bulleted list item.
Line 56: Line 82:
 
<pre>
 
<pre>
 
# Text for a numbered list item.
 
# Text for a numbered list item.
 +
# Normal numbered list.
 
## Text for second-level list.
 
## Text for second-level list.
 
### Text for third level, etc.
 
### Text for third level, etc.
Line 63: Line 90:
 
...which looks like:
 
...which looks like:
 
# Text for a numbered list item.
 
# Text for a numbered list item.
 +
# Normal numbered list.
 
## Text for second-level list.
 
## Text for second-level list.
 
### Text for third level, etc.
 
### Text for third level, etc.
 
## Another Text for the second level.
 
## Another Text for the second level.
  
 
+
==Indented Text==
===Indented Text===
+
----
 
Simple indented text:
 
Simple indented text:
 
<pre>
 
<pre>
Line 81: Line 109:
 
::: Text indented to third level
 
::: Text indented to third level
  
 
+
<!--===Preformatted Text===
===Preformatted Text===
 
 
Individual lines can be displayed as preformatted (fixed-width or "typewriter"-font) text by placing one or more spaces at the start of the line.  Other wiki formatting (like links) will be applied to this kind of preformatted text.
 
Individual lines can be displayed as preformatted (fixed-width or "typewriter"-font) text by placing one or more spaces at the start of the line.  Other wiki formatting (like links) will be applied to this kind of preformatted text.
  
Line 90: Line 117:
 
<pre>
 
<pre>
 
Preformatted section here.  No other link
 
Preformatted section here.  No other link
  or format processing
+
or format processing
 
is done on preformatted sections.
 
is done on preformatted sections.
 
For instance, [[Soccer]] is not a link here.
 
For instance, [[Soccer]] is not a link here.
Line 96: Line 123:
  
 
and:
 
and:
  This is the starting-spaces version of
+
This is the starting-spaces version of
  preformatted text.  Note that links like
+
preformatted text.  Note that links like
  [[Soccer]] still work.
+
[[Soccer]] still work.-->
 +
==Uploading, Posting, and Modifying Images==
 +
----
 +
Website profile pages on AboutUs.org have a built-in logo section at the top left, but you can add more images, photos and graphics to the Wiki section.
  
===Colors===
+
See the '''[[ImageHelp|Image Help]]''' page for assistance with:
 +
* Uploading and adding images, photos, or logos to a page.
 +
* [[ImageHelp|Modifying a picture or logo on your page]], such as changing the placement and size of your image, putting a frame around it, using a thumbnail that can be enlarged, or creating a gallery of images.
 +
 
 +
==Wiki Editing with Templates==
 +
----
 +
A template is a wiki page whose contents are specially intended to be inserted into another wiki page by the "transclusion" process. When you use a template, the template name is surrounded in double curly braces: <nowiki>{{NameOfTemplate}}.</nowiki>
 +
 
 +
==Pretty Social Media Templates==
 +
----
 +
<nowiki>{{Facebook|url=http://www.facebook.com/YOURINFOHERE}}</nowiki> creates: {{Facebook|url=http://www.facebook.com/AboutUs.org}}
 +
 
 +
<nowiki>{{Twitter|YOURINFOHERE}}</nowiki> creates: {{Twitter|AboutUs}}
 +
 
 +
<nowiki>{{LinkedIn|url=http://www.linkedin.com/in/YOURINFOHERE}}</nowiki> creates: {{LinkedIn|url=http://www.linkedin.com/in/beckyengel}}
 +
 
 +
<nowiki>{{YouTube|url=http://www.youtube.com/YOURINFOHERE}}</nowiki> creates: {{YouTube|url=http://www.youtube.com/AboutUsWiki}}
 +
 
 +
For more, see [[Business Templates for AboutUs Website Profiles]].
 +
 
 +
==Large, Stand-Out Quotes==
 +
----
 +
{{Pullquote|right|Make a quote stand out, <br>like this.|Who said it}}
 +
: Type '''<nowiki>{{Pullquote|left|Type your quote here.|Attribution}}</nowiki>''' You can substitute '''left''' or '''right''' to position your quote on the page, and text will wrap around it.
 +
 
 +
: Or type '''<nowiki>{{Pullquotewide|Type your quote here.|Cite your quote here.}}</nowiki>''' to get a quote that is full-width, like this:{{Pullquotewide|Make your quote spread out across one or more lines on the page, like this.|AboutUs}}
 +
 
 +
==Colors==
 +
----
 +
: ''Use sparingly.''
 
For colored text, use:
 
For colored text, use:
:<nowiki>{{color|name of the color OR hex code|your text here}}</nowiki>
+
: <nowiki>{{color|name of the color OR hex code|your text here}}</nowiki>
 +
 
 +
For example, for blue text use the following code:
 +
: <nowiki>{{color|blue|your text here}}</nowiki>
 +
 
 +
: The text would look like this: {{color|blue|your text here}}
 +
 
 +
<!--
 +
==Quote Boxes==
 +
----
 +
Type the following series of lines:
 +
: <nowiki>{{Quote-Box</nowiki><br>
 +
: <nowiki>|quote=Type your quote or message here. Insert quotation marks, if desired.</nowiki><br>
 +
: <nowiki>|quote-name=Type the source of your quote or second message line here</nowiki><br>
 +
: <nowiki>|quote-TextSize=type 100% (or larger to select a type size)</nowiki><br>
 +
: <nowiki>|quote-date=give your quote a date, if applicable</nowiki><br>
 +
: <nowiki>}} (to end quote box)</nowiki>
 +
{{Quote-Box
 +
|quote="This is how you make a quote box."
 +
|quote-name='''''<big>AboutUs.org</big>'''''
 +
|quote-TextSize=100%
 +
|quote-date=2008
 +
}}
  
 +
{{color|white|<br>}}
  
For a blue text, you should use the following code:
 
:<nowiki>{{color|blue|your text here}}</nowiki>
 
  
 +
==ClickPic for internal image links==
 +
----
 +
Steps:
 +
* [[Upload file|Upload]] the image to AboutUs that will be shown on an AboutUs page
 +
* Add the image to your AboutUs page
 +
* Right click on the image that you wish to link '''from''' to "View Image"--it will probably end in .gif, .jpg, or .png
 +
* Copy the URL
 +
* Go to the AboutUs page that has your website information
 +
* Copy your website link
 +
* Paste both the website link and image URL in this template:
 +
::<nowiki>{{ClickPic|PASTE THE WEBSITE LINK|http://PASTE THE IMAGE URL}}</nowiki>
 +
* Example: <nowiki>{{Clickpic|Foo.com|http://example.com/image.png}}</nowiki>
 +
* Note: the three sections of this template are separated with a pipe bar (|)
 +
-->
  
The text would look like this:
+
==Linking Images==
:{{color|blue|The quick brown fox jumps over the lazy dog.}}
+
----
 +
To create a link to a page from an image (i.e., clicking on an image to take you to another web page).
  
 +
: <nowiki>[http://foo.com http://imageURL.jpg]</nowiki>
  
You may also use '''bold text''', ''italic text'' or even '''bold''' + ''italic text'':
+
==Posting Videos==
:{{color|red|''This is a RED ITALIC text!''}}
+
----
:{{color|green|'''This is a GREEN BOLD text!'''}}
+
You can embed a [[YouTube.com|YouTube]] video in a page by:
:{{color|blue|'''''This is a BLUE BOLD ITALIC text!'''''}}
 
  
 +
* Copying the relevant identification number from the YouTube video URL (starting after the '=' sign)
 +
: [[Image:YouTubeURL.jpg]]
 +
* Pasting this identification number from YouTube (between <nowiki><YouTube></YouTube></nowiki> tags) into the Wiki section of the [[AboutUs]] page.
 +
: Example: <nowiki><YouTube>U-shZs2I4E4</YouTube></nowiki>
 +
* Save your edits and play the video.
  
For more information, see [[Template:color]].
+
For more information, see our [[AboutUs Video Support]] page.
  
 +
==Questions?==
 +
----
 +
We're happy to help.  Just '''[[Contact Info for AboutUs.org|choose a way to contact us]]'''.
  
[[category:AboutUs Help]]
+
__NOTOC__
{{DEFAULTSORT:Basic wiki formatting}}
 

Latest revision as of 08:52, 21 March 2015

Note that Wiki is a general name for this type of collaborative software, or editable website. There are many different Wiki sites and products out there, and some use different types of "markup" (coding) than others. AboutUs.org uses a version of MediaWiki software, same as Wikipedia.org, so the markup is very similar.

Basic Text

Most text does not require any special changes for wiki form. A few basic rules are:

  • Do not indent paragraphs.
  • Leave a single blank line between paragraphs.
  • There is no need to encode HTML characters like , or &.

Bold and Italic Text


To mark text as:

bold, use three single quotes - ''' bold ''',
italic, use two single quotes - '' italic '',
bold+italic, use five single quotes - ''''' bold+italic '''''.

Note that MediaWiki (like most Wikis) processes pages line-by-line, so if you want three bold lines of text, you will need to start each with '''. Also note that unclosed or unmatched tags are not removed from the page.

Headings


Headings are delimited by 1-7 equal signs (=). They basically correspond to HTML's <h1> through <h7> tags. These are also called section headers and simply place whatever text you want to be a headline between the equal signs. (Note: Most headings on AboutUs are size 2, although this page is using size 3 primarily.)

= Headline size 1 =
== Headline size 2 ==
==== Headline size 4 ====
===== Headline size 5 =====

produces:

Headline size 1

Headline size 2

Headline size 4

Headline size 5

Note: When a page has more than 4 headings on it, you will automatically end up with a table of contents. This isn't usually helpful, so it can be best to remove it. To remove the automatic table of contents, add this to the Wiki section on its own line:

__NOTOC__

or if you want the table of contents right justified, use this:

{{RightTOC}}

Linking


To create an internal WikiLink to another AboutUs page simply place the name of the page (in the URL it will be everything after the aboutus.org/) in double brackets.

[[AboutUs.org]]
will produce: AboutUs.org
You can also change what the link will say using a pipe.
[[AboutUs.org|AboutUs]]
will produce: AboutUs

To create an external link to another website, place the entire URL in single brackets, then add a single space to name the link.

[http://www.google.com/ Google]
will produce: Google

Our Linking Guide helps you understand when an external link is appropriate here at this website.

Bulleted and Numbered Lists


Bulleted lists:

* Text for a bulleted list item.
** Text for second-level list.
*** Text for third level, etc.

...which looks like:

  • Text for a bulleted list item.
    • Text for second-level list.
      • Text for third level, etc.

Numbered lists:

# Text for a numbered list item.
# Normal numbered list.
## Text for second-level list.
### Text for third level, etc.
## Another Text for the second level.

...which looks like:

  1. Text for a numbered list item.
  2. Normal numbered list.
    1. Text for second-level list.
      1. Text for third level, etc.
    2. Another Text for the second level.

Indented Text


Simple indented text:

: Text to be indented (quote-block)
:: Text indented more
::: Text indented to third level

...which looks like:

Text to be indented (quote-block)
Text indented more
Text indented to third level

Uploading, Posting, and Modifying Images


Website profile pages on AboutUs.org have a built-in logo section at the top left, but you can add more images, photos and graphics to the Wiki section.

See the Image Help page for assistance with:

  • Uploading and adding images, photos, or logos to a page.
  • Modifying a picture or logo on your page, such as changing the placement and size of your image, putting a frame around it, using a thumbnail that can be enlarged, or creating a gallery of images.

Wiki Editing with Templates


A template is a wiki page whose contents are specially intended to be inserted into another wiki page by the "transclusion" process. When you use a template, the template name is surrounded in double curly braces: {{NameOfTemplate}}.

Pretty Social Media Templates


{{Facebook|url=http://www.facebook.com/YOURINFOHERE}} creates: 3188364f61a5caec6cea3db52bd7ee92.png: [}}} Facebook]

{{Twitter|YOURINFOHERE}} creates: 846ccd6cf422489a6efc5302b6c475af.png: @AboutUs

{{LinkedIn|url=http://www.linkedin.com/in/YOURINFOHERE}} creates: 713dd48c4564fec4fca3a0628bce8a7b.png: [}}} LinkedIn]

{{YouTube|url=http://www.youtube.com/YOURINFOHERE}} creates: c6c140ea173a7cfe98e5128620164d31.png: [}}} YouTube]

For more, see Business Templates for AboutUs Website Profiles.

Large, Stand-Out Quotes


mett.in

Type {{Pullquote|left|Type your quote here.|Attribution}} You can substitute left or right to position your quote on the page, and text will wrap around it.
Or type {{Pullquotewide|Type your quote here.|Cite your quote here.}} to get a quote that is full-width, like this:

Make your quote spread out across one or more lines on the page, like this.AboutUs

Colors


Use sparingly.

For colored text, use:

{{color|name of the color OR hex code|your text here}}

For example, for blue text use the following code:

{{color|blue|your text here}}
The text would look like this: your text here


Linking Images


To create a link to a page from an image (i.e., clicking on an image to take you to another web page).

[http://foo.com http://imageURL.jpg]

Posting Videos


You can embed a YouTube video in a page by:

  • Copying the relevant identification number from the YouTube video URL (starting after the '=' sign)
YouTubeURL.jpg
  • Pasting this identification number from YouTube (between <YouTube></YouTube> tags) into the Wiki section of the AboutUs page.
Example: <YouTube>U-shZs2I4E4</YouTube>
  • Save your edits and play the video.

For more information, see our AboutUs Video Support page.

Questions?


We're happy to help. Just choose a way to contact us.


Retrieved from "http://aboutus.com/index.php?title=Wiki_Editing_Help&oldid=70057547"