Formatting Articles: Difference between revisions

From Grooper Wiki
← Older edit
Redirected page to Article Formatting
Tags: New redirect visualeditor-switched
 
(45 intermediate revisions by 2 users not shown)
Line 1: Line 1:
The following article will give you guidance on writing articles in the Grooper Wiki.
#REDIRECT [[Article Formatting]]
 
== Creating a New Article ==
 
<tabs style = "margin:20px">
<tab name="Step 1" style="margin:20px">
1)  Using the search bar, type the name of the article you wish to create.
 
 
[[file:add article 1.png|border]]
 
</tab>
<tab name="Step 2" style="margin:20px">
2)  If the article does not exist, you will see a message reading "Create the page "Article Name" on this wiki!" above the search results.  Click the searched article's name in quotes to create it.
 
 
[[file:add article 2.png|border]]
 
</tab>
<tab name="Step 3 and 4" style="margin:20px">
 
3)  Use the text editor box to write your article.  For more information on Mediawiki's markup formatting refer to the [[Writing Articles#Text Formatting - Markup Syntax]] section of this article.
 
4)  Press the "Save Page" button at the bottom of the text editor to save the page.
 
 
[[file:add article 3.png|border]]
 
 
</tab>
<tab name="Step 5" style="margin:20px">
5) If you need to edit your page further.  Press the "Edit" button at the top of the article.
 
 
[[file:add article 4.png|border]]
 
</tab>
</tabs>
 
== Text Formatting - Markup Syntax==
 
Your article's text can be formatting using MediaWiki's markup.  This is a syntax consisting of special characters, like asterisks, apostrophes and equals signs to do special things.  For example, you can place a word in ''italics'' by placing a pair of apostrophies on both sides of the word, like <code><nowiki>''this''</nowiki></code>.
 
=== Character Formatting ===
 
This is also referred to as "inline" formatting.
 
{|cellpadding="10" cellspacing="5"
|-style="background-color:#36b0a7; color:white"
|'''Format'''||'''You Type'''||'''You Get'''
|-
|Italics||<pre>''This is italic text''</pre>||''This is italic text''
|-
|Bold Text||<pre>'''This is bold text'''</pre>||'''This is bold text'''
|-
|Bold and Italics||<pre>'''''This is bold and italic text'''''</pre>||'''''This is bold and italic text'''''
|-
|Escape wiki markup||<pre><nowiki><nowiki>Don't use '''markup''' syntax</nowiki></nowiki></pre>||<nowiki>Don't use '''markup''' syntax</nowiki>
|}
 
=== Sections  ===
 
Section headers are useful to break up sections of information in your article.  Sections and subsections are called out by pairs of equals signs on both sides of the sections name.
 
{|cellpadding="10" cellspacing="5"
|-style="background-color:#36b0a7; color:white"
|'''You Type'''||'''You Get'''
|-
|
<pre>
== Section Level 2 ==
 
=== Section Level 3 ===
 
==== Section Level 4 ====
 
===== Section Level 5 =====
 
====== Section Level 6 ======
</pre>
|
[[File:Section 1.png]]
|}
 
==== Further Guidance ====
 
DO NOT use the "Level 1" section by typing a single equals sign on either side of the section name. 
* For example: <code><nowiki>= Level 1 =</nowiki></code>
** Don't do this!  This is bad.
 
Level 1 is reserved for the page level for the article you are editing.  Begin all subsections at Level 2
* For example: <code><nowiki>== Level 2 ==</nowiki></code>
** Do this.  This is good.
 
Do not type text on the same line of the section name.  It will break the section.
 
{|cellpadding="10" cellspacing="5"
|-style="background-color:#36b0a7; color:white"
|'''You Type'''||'''You Get'''
|-
|<pre>== Section Name ==  Section info</pre>||== Section Name ==  Section info
|-
|
<pre>== Section Name ==
Section info</pre>
|
[[File:Section 2.png]]
|}
 
=== Bullets and Indents ===
 
Bulleted lists can be created using the asterisk <code>*</code>.
 
{|cellpadding="10" cellspacing="5"
|-style="background-color:#36b0a7; color:white"
|'''You Type'''||'''You Get'''
|-
|
<pre>
Normal line of text.
* First bullet
* Second bullet
* Third bullet
** First sub-bullet
** Second sub-bullet
* Fourth bullet
** First sub-bullet
*** First sub-sub bullet
</pre>
|
Normal line of text.
* First bullet
* Second bullet
* Third bullet
** First sub-bullet
** Second sub-bullet
* Fourth bullet
** First sub-bullet
*** First sub-sub bullet
|}
 
Numbered bulleted lists can be created using the pound sign <code>#</code>.
 
{|cellpadding="10" cellspacing="5"
|-style="background-color:#36b0a7; color:white"
|'''You Type'''||'''You Get'''
|-
|
<pre>
Normal line of text.
# First bullet
# Second bullet
# Third bullet
## First sub-bullet
## Second sub-bullet
# Fourth bullet
## First sub-bullet
### First sub-sub bullet
</pre>
|
Normal line of text.
# First bullet
# Second bullet
# Third bullet
## First sub-bullet
## Second sub-bullet
# Fourth bullet
## First sub-bullet
### First sub-sub bullet
|}
 
Lines can be indented using the colon character <code>:</code>
 
{|cellpadding="10" cellspacing="5"
|-style="background-color:#36b0a7; color:white"
|'''You Type'''||'''You Get'''
|-
|
<pre>
Normal line of text.
: First indented line
: Second indented line
: Third indented line
:: First twice indented line
:: Second twice indented line
: Fourth indented line
:: First twice indented line
::: First thrice indented line
</pre>
|
Normal line of text.
: First indented line
: Second indented line
: Third indented line
:: First twice indented line
:: Second twice indented line
: Fourth indented line
:: First twice indented line
::: First thrice indented line
|}
 
Bullets and indents can be mixed as well.
 
{|cellpadding="10" cellspacing="5"
|-style="background-color:#36b0a7; color:white"
|'''You Type'''||'''You Get'''
|-
|
<pre>
Normal line of text.
# First numbered line
# Second numbered line
# Third numbered line
#* Bullet under third numbered line
#: Indent under third numbered line
# Fourth numbered line
## Numbered bullet under fourth numbered line
##* First bullet under numbered bullet under the fourth numbered line
</pre>
|
Normal line of text.
# First numbered line
# Second numbered line
# Third numbered line
#* Bullet under third numbered line
#: Indent under third numbered line
# Fourth numbered line
## Numbered bullet under fourth numbered line
##* First bullet under numbered bullet under the fourth numbered line
|}
 
Notice the leftmost character of each line is always a pound sign <code>#</code>.  If you break this pattern, you will start a new sequence of numbers.
 
{|cellpadding="10" cellspacing="5"
|-style="background-color:#36b0a7; color:white"
|'''You Type'''||'''You Get'''
|-
|
<pre>
Normal line of text.
# First numbered line
# Second numbered line
# Third numbered line
#* Bullet under third numbered line
* NEW SINGLE BULLET
# New numbered sequence line.
## Numbered bullet under new numbered line
##* First bullet under numbered bullet under the new numbered line
</pre>
|
Normal line of text.
# First numbered line
# Second numbered line
# Third numbered line
#* Bullet under third numbered line
* NEW SINGLE BULLET
# New numbered sequence line.
## Numbered bullet under new numbered line
##* First bullet under numbered bullet under the new numbered line
|}
 
=== HTML Tags ===
 
Some HTML tags are allowed in MediaWiki.
 
{|cellpadding="10" cellspacing="5"
|-style="background-color:#36b0a7; color:white"
|'''Format'''||'''You Type'''||'''You Get'''
|-
|Fixed Width Text
|
<pre>Fixed width text is useful for calling out regular expressions, such as <code>[^\r\n\t\f]+</code>.</pre>
|Fixed width text is useful for calling out regular expressions, such as <code>[^\r\n\t\f]+</code>.
|-
|Underlines||<pre><u>This text is underlined.</u></pre>||<u>This text is underlined.</u>
|-
|Strike-through||<pre>I want to <s>strike-through</s> a word.</pre>||I want to <s>strike-through</s> a word.
|-
|Blockquotes
|<pre>Text before
<blockquote>Blockquote</blockquote>
Text after</pre>
|Text before
<blockquote>Blockquote</blockquote>
Text after
|}
 
== Adding Images ==
 
There are two parts to inserting images into an article.
 
# Uploading the file.
# Using markup syntax to insert the image into an article.
 
=== Uploading Images ===
 
<tabs style="margin:20px">
<tab name="Step 1" style="margin:20px">
1)  On any page, find the "Tools" section in the left hand tool-bar.
 
2)  Press the "Upload File" button.
 
[[file:add image 1.png|border]]
 
</tab>
<tab name="Step 2" style="margin:20px">
3)  On the following page, press the "Choose File" button and choose the image you wish to upload from the file browser.
 
[[file:add image 2.png|border]]
 
</tab>
<tab name="Step 3" style="margin:20px">
4)  Press the "Upload File" button at the bottom of the page to upload the image.
 
[[file:add image 3.png|border]]
 
</tab>
</tabs>
 
=== Adding the Image to an Article ===
 
The basic syntax for adding an image once it is uploaded is <code><nowiki>[[file:filename.extension]]</nowiki></code>

Latest revision as of 10:04, 5 March 2024

Redirect to:

Retrieved from "https://wiki.grooper.com/index.php?title=Formatting_Articles&oldid=19507"