Wiki Tutorial: Difference between revisions

From XPUB & Lens-Based wiki
 
(25 intermediate revisions by 5 users not shown)
Line 1: Line 1:
=Wiki Intro=
'''For a more detailed page on Wikis, a historical perspective and some of its many possibilities see the [[Wiki]] page.
 
'''For a more detailed page on Wikis, its historical historical perspective and some of its many possibilities  
see the [[Wiki]] page.
'''
'''


'''This page is more how-to guide.'''
'''This page is more a how-to guide.'''


'''As it is a wiki, feel free to edit it.'''
'''As it is a wiki, feel free to edit it.'''


=Wiki editing=
__TOC__
 
==Wiki editing==
 
Below you can find a '''cheatsheet''' with commonly used wikitext mark up.
 
But first of all, it's good to know is that there are two editors that you can use to edit your text:
 
===Visual editor===
 
* to use it, click <code>Edit</code>
* uses a WYSIWYG editor
* [https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide Visual editor user guide]
 
===Wikitext editor===
 
* to use it, click <code>Edit source</code>
* uses a specific mark up language: wikitext
* [https://www.mediawiki.org/wiki/Help:Formatting Wiki syntax user guide]


==cheatsheet==
==cheatsheet==
Line 52: Line 67:
  {{Template name}} (call to template)  
  {{Template name}} (call to template)  
   
   
  #REDIRECT [[Page name]]</nowiki>  
  #REDIRECT [[Page name]]</nowiki>


==editing==
==editing==
Line 67: Line 82:
Once done editing <span style="background:yellow">'''save the page'''</span>, otherwise your contribution will be lost.  
Once done editing <span style="background:yellow">'''save the page'''</span>, otherwise your contribution will be lost.  


==Title Headings==
===Title Headings===
You can make titles with different hierarchic levels by using "=" as follows:
You can make titles with different hierarchic levels by using "=" as follows:


<nowiki>=Main Title=</nowiki>
<nowiki>=Main Title=</nowiki>


<nowiki>==Sub Title==</nowiki>
<nowiki>==Sub Title==</nowiki>


<nowiki>===Sub-sub Title===</nowiki>
<nowiki>===Sub-sub Title===</nowiki>


<nowiki>===Sub-sub-sub Title===</nowiki>
<nowiki>===Sub-sub-sub Title===</nowiki>


You can place content under each of these section
You can place content under each of these section


==page creation==
===page creation===
'''How to create a page?'''
'''How to create a page?'''


Line 102: Line 117:
[[oooooooo]] - an non-existing page
[[oooooooo]] - an non-existing page


==external links==
===Links===
<nowiki>[https://xpub.nl/ XPUB's website] </nowiki>


[https://xpub.nl/ XPUB's website]
There are two kinds of links:


==Audio-visuals==
* internal (to another wiki page)
* external (to anything outside this wiki)


===uploading images===
====internal links====
 
So, when you want to make a link to a page on this wiki:
 
<nowiki>[[name of page]]</nowiki>
 
For example a link to the Main Page looks like:
 
  <nowiki>[[Main Page]]</nowiki>
 
will result in: [[Main Page]]
 
<span style="background:yellow">Note: these links are case sensitive.</span>
 
====external links====
 
You can write external links in different ways:
 
Just by pasting a URL:
 
<nowiki>https://xpub.nl/</nowiki>: https://xpub.nl/
 
Using link text:
 
<nowiki>[https://xpub.nl/ XPUB's website]</nowiki>: [https://xpub.nl/ XPUB's website]
 
Or as a "footnote"
 
<nowiki>[https://xpub.nl/]</nowiki>: [https://xpub.nl/]
 
==== red links ====
 
Significantly, wikis allow links to pages that do not (yet) exist. These are called "[[redlinks]]" (typically they appear in red to differentiate from "blue" normal links). In this was editors can write with links without knowing (or caring) if a given page exists. Redlinks can form a "potential page" or "todo" articles that when created in the future, will already be linked. Non-existent (redlink) Pages do display backlinks even before they are given any content (though they will not appear in [[Special:AllPages]], they can be seen via [[Special:WantedPages]])
 
===Audio-visuals===
 
====uploading images====
You probably want not only to write, but also to use images, audio and video on the pages you'll be developing.
You probably want not only to write, but also to use images, audio and video on the pages you'll be developing.


Line 134: Line 185:
  <nowiki>[[File:myimage.jpg|Caption under the image]] </nowiki>
  <nowiki>[[File:myimage.jpg|Caption under the image]] </nowiki>


===Youtube/Vimeo videos===
====Audio====
 
Download the Widgets extension: https://www.mediawiki.org/wiki/Extension:Widgets
 
And copy the full content of this page to your wiki, in a page called "Widget:Audio": https://pzwiki.wdka.nl/mediadesign/Widget:Audio
 
====Video files====
 
Using <code><nowiki>{{#Widget:Video}}</nowiki></code>
 
This widget is configured on this page: [[Widget:Video]]
 
You can use it in this way:
 
<nowiki>
{{#Widget:Video|webm=http://url.to/your.webm|mp4=http://url.to/your.mp4|style=}}
</nowiki>
 
For example:
 
<nowiki>
{{#Widget:Video|mp4=https://pzwiki.wdka.nl/mw-mediadesign/images/a/af/Traffic_lights.mp4|style=height:200px;float:right;}}
</nowiki>
 
====Youtube/Vimeo videos====
 
To include, you need:
To include, you need:
* the ID of the video you want to include in you page
* the ID of the video you want to include in you page
Line 149: Line 225:
{{vimeo|68841788}}
{{vimeo|68841788}}


=Wiki calendar care=
===Wiki calendar care===
Here's a link to how to add information to the calendar and what do you if it disappears. It's a pad so it may change, and it acts as a tool should people want to write other questions or comments. https://pad.xpub.nl/p/wiki_calendar_howto
Here's a link to how to add information to the calendar and what do you if it disappears.  
 
[[Help the calendar disappeared]]
 
===Changing page titles===


=Changing pages' titles=
Pages' titles can be changed by using the function '''Move''' in the top right corner in a dropdown menu next to the star.
Pages' titles can be changed by using the function '''Move''' in the top right corner in a dropdown menu next to the star.


The Move page permits you to attribute a new name to the current page
The Move page permits you to attribute a new name to the current page. Move lets you effectively rename a page. By default, a move shifts content to the new title, and creates a redirect from the old title to the new one; in this way links to the old page will not break and will simply redirect to the correct page. In this way, a move is consistent with the wiki attitude of keeping history visible.
 
Move = (Copy and Paste) + (Redirect or Delete)
 
=== Deleting pages ===
 
Deleting a page is also possible. Note however that a delete is simply a way of marking that page as deleted. While the title will no longer appear in search results or in Special:All pages, the page history can still be viewed.
 
=== Citations ===
 
(to check) Using the extension Cite, the wiki supports making proper academic style footnotes. It works by putting your reference directly into your text surrounded by the "ref" tag, e.g. <nowiki><ref>Yaron Koren, p. 3</ref></nowiki>
 
=== Page History / version tracking ===


=Communication=
(to write)


=== Special:RecentChanges ===
[[Special:RecentChanges]]
=== Special:AllPages ===
Special:AllPages gives an alphabetical listing of all pages. It's a kind of index.
[[Special:AllPages]]
=== Redirect ===
Redirects add a bit of the thesaurus to the wiki. Redirects can be used to establish synonyms, and to specify a preferred title or term (the page that actually holds the content). Special pages (like the "index" Special:All pages) and functions like "Backlinks" respect redirects and generally show the preferred title.
<nowiki>
#REDIRECT [[Better title]]
</nowiki>
=== HTML + CSS===
* Simple HTML tags and CSS rules can be used and are allowed by default
* HTML comments work too! <nowiki><!-- this is a comment --></nowiki>
* if you want to publish code on a wiki page with syntax highlighting, you can use a <nowiki><syntaxhighlight></nowiki> element:
<nowiki>
<syntaxhighlight lang="html">
<h1>Hello wiki!</h1>
</syntaxhighlight>
</nowiki>
Which will look like this:
<syntaxhighlight lang="html">
<h1>Hello wiki!</h1>
</syntaxhighlight>
=== nowiki ===
HTML like tag that allows to include stuff that the wiki won't touch
<nowiki><nowiki></nowiki>
=== Categories ===
* <nowiki>[[Category: People]]</nowiki>
* Categories can themselves be tagged with categories to create hierarchies
* Extensions exist to make working with (hierarchical) categories easier
To link to a category page without tagging the current page with that category, add a colon at the start.
* See <nowiki>[[:Category:Fish]]</nowiki> produces [[:Category:Fish]].
=== Transclusion ===
<nowiki>
{{:Name of page}}
</nowiki>
=== Templates ===
Template = Transclusion + Substitution
* Parameters, Named and positional (demo)
* Parser Functions?
* includeonly, ...
To dive into templates, see: https://www.mediawiki.org/wiki/Help:Templates
=== Variables ===
* <nowiki>{{CURRENTPAGE}}</nowiki>
* <nowiki>{{CURRENTTIME}}</nowiki>
* <nowiki>{{CURRENTUSER}}</nowiki>
* <nowiki>{{NUMBEROFPAGES}}</nowiki> ?
http://www.mediawiki.org/wiki/Help:Magic_words#Variables
=== Behavior switches ===
"Switches"
* <nowiki>__NOTOC__</nowiki>
* <nowiki>__NOINDEX__</nowiki>
* <nowiki>__HIDDENCAT__</nowiki> : don't show this category
Switches with parameters:
* DISPLAYTITLE: Set the proper title
* DEFAULTSORT: Tell the wiki how to order the page title
<nowiki>
{{DISPLAYTITLE:cat}}
</nowiki>
<nowiki>
{{DEFAULTSORT:Wales, Jimmy}}
</nowiki>
==Communication==


How do collaborators, editors, proofreaders, coordinators and designers communicate withing this ecosystem ?
How do collaborators, editors, proofreaders, coordinators and designers communicate withing this ecosystem ?
Line 166: Line 353:
There are several ways to go about it.
There are several ways to go about it.


One of the places that could be used is the talk page.
Talk pages are sometimes used for this.
 
= By the book =
 
A good free online resource is Yaron Koren's [https://www.workingwithmediawiki.com/book/ Working with MediaWiki]. Yaron Koren is a contributor to the MediaWiki software community, particularly around integrating data and journalism (he's the primary author of the Cargo extension).


== Some Key Topics ==
== Some Key Topics ==
Line 184: Line 367:
* Come on get [[Special:APISandbox|API!]]
* Come on get [[Special:APISandbox|API!]]


=Further reading=
== Resources ==
 
* https://workingwithmediawiki.com/book/ Yaron Koren's book is a good tutorial that explains in a gentrle narrative way topics like [https://workingwithmediawiki.com/book/chapter4.html syntax] you need to edit wiki pages.
'''Interview series''' on wiki publishing by Publishing Lab team Cristina Cochior, Juan Gomez, Lucia Dossin and Sandra Fauconnier
 
* [https://meta.wikimedia.org/wiki/Research_on_e-books_with_Wikimedia_content/Interview_with_Anja_Groten_from_Hackers_and_Designers Wiki-as-documentation] with Anja Groten (Hackers & Designers)
* [https://meta.wikimedia.org/wiki/Research_on_e-books_with_Wikimedia_content/Interview_with_Renee_Turner,_Andre_Castro,_Manufactura_Independente Wiki-as-wet-classification] with Renee Turner, Andre Castro & Manufactura Independente
* [https://meta.wikimedia.org/wiki/Research_on_e-books_with_Wikimedia_content/Interview_with_Mondotheque Wiki-as-Thinking-Machine] with Mondoteque (Femke Snelting, Alexia de Visscher, Natacha Roussel, Martino Morandi)

Latest revision as of 17:40, 10 September 2024

For a more detailed page on Wikis, a historical perspective and some of its many possibilities see the Wiki page.

This page is more a how-to guide.

As it is a wiki, feel free to edit it.

Wiki editing

Below you can find a cheatsheet with commonly used wikitext mark up.

But first of all, it's good to know is that there are two editors that you can use to edit your text:

Visual editor

Wikitext editor

cheatsheet

''italics'' 
 
 '''bold''' 
 
 '''''bold and italics''''' 
 
 ==standard header== 
 
 ===next-level header=== (...and so on) 
 
 [[Internal link]] 
 
 [[Internal link|alternate text]] 
 
 [http://example.com text of external link] 
 
 [[Category:Example]] (category tag) 
 
 [[:Category:Example]] (link to category) 
 
 ---- (horizontal line) 
 
 * bulleted item 
 
 # numbered item 
 
 :indentation 
 
 ::double indentation (...and so on) 
 
 ;term : definition 
 
 [[File:Image-name.jpg|thumb|frame|Caption text]]
 
 {{:Transcluded page name}} 
 
 {{Template name}} (call to template) 
 
 #REDIRECT [[Page name]]

editing

How to write on the wiki?

Writing on a wiki is not not very different from writing a blog.

You have a Read and Edit mode.

Edit lets you enter content and make changes to existing content.

While you are editing, you can preview your changes in the Preview window.

Once done editing save the page, otherwise your contribution will be lost.

Title Headings

You can make titles with different hierarchic levels by using "=" as follows:

=Main Title=
==Sub Title==
===Sub-sub Title===
===Sub-sub-sub Title===

You can place content under each of these section

page creation

How to create a page?

In a wiki the information is organized into pages or articles ( no great distinction between the two). If you want to say something about something for which there isn't a page, you create that page and start writing its content.

To create a page create internal links [[name of new page]] for that page

The other easy way to create is to use the search function with the name of the page you want to create. When searching, you are given the possibility to create that page.

Note: For your work you should use sub pages under your user namespace. [[User:yourusername/mypage]]

  • Red link = previously non-existing page.
  • Blue link = existing page.

Wiki - an existing page

oooooooo - an non-existing page

Links

There are two kinds of links:

  • internal (to another wiki page)
  • external (to anything outside this wiki)

internal links

So, when you want to make a link to a page on this wiki:

[[name of page]]

For example a link to the Main Page looks like:

 [[Main Page]]

will result in: Main Page

Note: these links are case sensitive.

external links

You can write external links in different ways:

Just by pasting a URL:

https://xpub.nl/: https://xpub.nl/

Using link text:

[https://xpub.nl/ XPUB's website]: XPUB's website

Or as a "footnote"

[https://xpub.nl/]: [1]

red links

Significantly, wikis allow links to pages that do not (yet) exist. These are called "redlinks" (typically they appear in red to differentiate from "blue" normal links). In this was editors can write with links without knowing (or caring) if a given page exists. Redlinks can form a "potential page" or "todo" articles that when created in the future, will already be linked. Non-existent (redlink) Pages do display backlinks even before they are given any content (though they will not appear in Special:AllPages, they can be seen via Special:WantedPages)

Audio-visuals

uploading images

You probably want not only to write, but also to use images, audio and video on the pages you'll be developing.

Wiki allows the following formats:

Medium Formats
image png, gif, jpg, jpeg, svg
audio ogg, mp3
video ogv, webm, mp4

To upload you can use the picture icon on the menu. It asks you for the file name of the file you are going to upload (they must match) and a caption, if you to say something about that image, video, or audio.

The syntax to insert an image:

[[File:myimage.png|My caption]]

Captions can be added to images by using a vertical bar (the "pipe"):

[[File:myimage.jpg|Caption under the image]] 

Audio

Download the Widgets extension: https://www.mediawiki.org/wiki/Extension:Widgets

And copy the full content of this page to your wiki, in a page called "Widget:Audio": https://pzwiki.wdka.nl/mediadesign/Widget:Audio

Video files

Using {{#Widget:Video}}

This widget is configured on this page: Widget:Video

You can use it in this way:

 {{#Widget:Video|webm=http://url.to/your.webm|mp4=http://url.to/your.mp4|style=}}
 

For example:

 {{#Widget:Video|mp4=https://pzwiki.wdka.nl/mw-mediadesign/images/a/af/Traffic_lights.mp4|style=height:200px;float:right;}}
 

Youtube/Vimeo videos

To include, you need:

  • the ID of the video you want to include in you page
  • to write {{youtube|id}} for Youtube or {{vimeo|id}} for vimeo. Where the id is the sequence of numbers and letters that follow ?v= in Youtube videos url, and vimeo.com/ in Vimeo videos)

Example: {{youtube|A1YYv_J2csk}} {{vimeo|68841788}}

will results in:

http://vimeo.com/68841788

Wiki calendar care

Here's a link to how to add information to the calendar and what do you if it disappears.

Help the calendar disappeared

Changing page titles

Pages' titles can be changed by using the function Move in the top right corner in a dropdown menu next to the star.

The Move page permits you to attribute a new name to the current page. Move lets you effectively rename a page. By default, a move shifts content to the new title, and creates a redirect from the old title to the new one; in this way links to the old page will not break and will simply redirect to the correct page. In this way, a move is consistent with the wiki attitude of keeping history visible.

Move = (Copy and Paste) + (Redirect or Delete)

Deleting pages

Deleting a page is also possible. Note however that a delete is simply a way of marking that page as deleted. While the title will no longer appear in search results or in Special:All pages, the page history can still be viewed.

Citations

(to check) Using the extension Cite, the wiki supports making proper academic style footnotes. It works by putting your reference directly into your text surrounded by the "ref" tag, e.g. <ref>Yaron Koren, p. 3</ref>

Page History / version tracking

(to write)

Special:RecentChanges

Special:RecentChanges

Special:AllPages

Special:AllPages gives an alphabetical listing of all pages. It's a kind of index.

Special:AllPages

Redirect

Redirects add a bit of the thesaurus to the wiki. Redirects can be used to establish synonyms, and to specify a preferred title or term (the page that actually holds the content). Special pages (like the "index" Special:All pages) and functions like "Backlinks" respect redirects and generally show the preferred title.

#REDIRECT [[Better title]]

HTML + CSS

  • Simple HTML tags and CSS rules can be used and are allowed by default
  • HTML comments work too! <!-- this is a comment -->
  • if you want to publish code on a wiki page with syntax highlighting, you can use a <syntaxhighlight> element:

<syntaxhighlight lang="html"> <h1>Hello wiki!</h1> </syntaxhighlight>

Which will look like this:

<h1>Hello wiki!</h1>

nowiki

HTML like tag that allows to include stuff that the wiki won't touch

<nowiki>

Categories

  • [[Category: People]]
  • Categories can themselves be tagged with categories to create hierarchies
  • Extensions exist to make working with (hierarchical) categories easier

To link to a category page without tagging the current page with that category, add a colon at the start.

Transclusion

{{:Name of page}}

Templates

Template = Transclusion + Substitution

  • Parameters, Named and positional (demo)
  • Parser Functions?
  • includeonly, ...

To dive into templates, see: https://www.mediawiki.org/wiki/Help:Templates

Variables

  • {{CURRENTPAGE}}
  • {{CURRENTTIME}}
  • {{CURRENTUSER}}
  • {{NUMBEROFPAGES}} ?

http://www.mediawiki.org/wiki/Help:Magic_words#Variables

Behavior switches

"Switches"

  • __NOTOC__
  • __NOINDEX__
  • __HIDDENCAT__ : don't show this category

Switches with parameters:

  • DISPLAYTITLE: Set the proper title
  • DEFAULTSORT: Tell the wiki how to order the page title

{{DISPLAYTITLE:cat}}

{{DEFAULTSORT:Wales, Jimmy}}

Communication

How do collaborators, editors, proofreaders, coordinators and designers communicate withing this ecosystem ?

Say one totally disagrees with what is said in page where she is collaborating.

There are several ways to go about it.

Talk pages are sometimes used for this.

Some Key Topics

Resources