Toolbox: Difference between revisions

From KDE UserBase Wiki
(Marked this version for translation)
 
(136 intermediate revisions by 18 users not shown)
Line 1: Line 1:
<languages />
<languages />
<translate>
<translate>
<!--T:1-->
<!--T:1-->
'''This page offers examples of formatting code for common tasks'''
{{Info|1=This page offers examples of formatting code for common tasks}}


==Deciding where to create your page== <!--T:2-->
==Add an Introductory Screenshot and Description== <!--T:2-->  
Many people choose to draft a page on their own Talk page, then move the result to the desired site.  Sometimes there is a good reason for preferring to do it in the final location.  If that is the case, consider using before your content <nowiki>{{Construction}}</nowiki> which will display
{{Construction}}


===Directory Structure=== <!--T:3-->
<!--T:3-->
Try to avoid creating a structure more than three levels deep.  For most purposes,  the following guide will suffice:
Whenever possible we begin an application's top-level page with this.  The code to achieve it is


<!--T:4-->
<!--T:4-->
Application <br />
{{Input|1=<nowiki>{|class="tablecenter vertical-centered"
Application/Troubleshooting <br />
|[[Image:YourScreenshot.png|250px|thumb]]
Application/xxx-How-To <br />
|Your descriptive text
Application/Manual <br />
|}</nowiki>}}
Application/Manual/Introduction <br />
Application/Manual/Section_1 <br />
Application/Manual/Section_xxx <br />


==Do not add an i18n language bar== <!--T:5-->
==Format Your Text== <!--T:5-->  


<!--T:6-->
===Use Headings=== <!--T:6-->  
{|style="width:75%; border:2px dotted #BCBCBC;" align="center"
|<nowiki>{{Template:I18n/Language Navigation Bar|Toolbox}}</nowiki>
|}


<!--T:7-->
<!--T:7-->
New pages should not have this language bar. It related to the old style of translation and will not work with page translation extension. The new style language bar will be added by the software when the first translation is made.
Each heading goes on its own line starting and ending with two or more '=' characters. Once there are more than a handful of headings on a page they automatically create a Table of Contents, so use them. The number of '=' characters determines their level in the Table of Contents, thus your headings should be '==Main section name==', '===Subsection name===', '====Sub-subheading name here====', and so on. Avoid using single '=', as that denotes a page heading and every wiki page already has one made from its name; for example, this page's title "{{PAGENAME}}" appears as its page heading.


==Add an introductory screenshot and description== <!--T:8-->
===Use '''bold''' and ''italic''=== <!--T:8-->  
Whenever possible we begin an application's top-level page with this.  The code to achieve it is


<!--T:9-->
<!--T:9-->
<pre style="background:lemonchiffon">
{|
|[[Image:YourScreenshot.png|250px|thumb]]
|Your descriptive text
|}
</pre>
==Format your text== <!--T:10-->
===Use Headings===
Headings automatically form part of your Table of Contents, so need to be structured.  Their place in the tree is governed by multiple '=' characters at each end of the heading.  Avoid using a single one - that denotes a page heading, and the automatic page heading should be used.  Your major headings will use '==text goes here==', the next level, '===more text===' and so on.
===Use '''bold''' and ''italic''=== <!--T:11-->
Blips are used to specify bold and italic words.
Blips are used to specify bold and italic words.


<!--T:12-->
<!--T:10-->
Use <nowiki>'''bold text'''</nowiki> to specify '''bold text''' and
Use <nowiki>'''bold text'''</nowiki> to specify '''bold text''' and
<nowiki>''italic text''</nowiki> to specify ''italic text''.
<nowiki>''italic text''</nowiki> to specify ''italic text''.
<!--T:11-->
In order to ensure we get easy and accurate translations, please adhere to the ''[[Special:myLanguage/Typographical_Guidelines|typographical guidelines]].''
===Add a Code Snippet=== <!--T:12-->


<!--T:13-->
<!--T:13-->
In order to ensure we get easy and accurate translations, please adhere to the ''[[Typographical_Guidelines|typographical guidelines]].''
We have templates to assist in correctly displaying code snippets.  Examples of use in various situations are available on [[Special:myLanguage/Typographical_Guidelines|the typographical guideline page]]


===Add a code snippet=== <!--T:14-->
<!--T:14-->
If you have problems displaying pipe characters in your code snippet, please see the explanation and markup detailed on [[Special:myLanguage/Typographical_Guidelines|Typographical Guidelines]]


<!--T:15-->
===Add Indents=== <!--T:15-->  
We distinguish code that the user inputs from terminal output by the use of templates.  <nowiki>{{Input|1=this piece of code is input by the user}}</nowiki> displays
{{Input|1=this piece of code is input by the user}}


<!--T:16-->
<!--T:16-->
Code output by a terminal is shown similarly, using <nowiki>{{Output|1=the user would read this in konsole}}</nowiki> which displays as
:"''':'''" is used for an indent, and was used in multiples in some old pages.  This is deprecated, and causes some problems, so the multiples will be removed as they are found.  A single "''':'''" indents by four characters.
{{Output|1=the user would read this in konsole}}


<!--T:17-->
=== Format Dates === <!--T:17-->
Be aware that very long lines can be problematic.  Wherever possible display the code in reasonably short lines.


You can also combine input/output areas with [http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi| GeSHi syntaxhiglighting]. An input area like this
<!--T:18-->
Dates in a purely numerical format cause confusion, due to differences in expectations of geographical zones.  Please format dates as {{Input|1=<nowiki>18 Mar 2011</nowiki>}} with the month either spelled out completely or in abbreviated form, and the year in 4-digit format. The day may be single or double-digit.
</translate><span id="Bulleted Lists"></span><translate>


<nowiki>{{Input|<syntaxhighlight lang="php" line><br />
=== Bulleted Lists === <!--T:19-->  
# Initialise common code <br />
$preIP = dirname( __FILE__ ); <br />
require_once( "$preIP/includes/WebStart.php" ); <br />
</syntaxhighlight>}}</nowiki>


will result in
<!--T:20-->
{{Input|<syntaxhighlight lang="php" line>
<nowiki>*</nowiki> is the symbol to use for bulletted lists. ** gives a second level:<br />
# Initialise common code
$preIP = dirname( __FILE__ );
require_once( "$preIP/includes/WebStart.php" );
</syntaxhighlight>}}


===Add indents=== <!--T:18-->
<!--T:21-->
<!--}}-->{{Input|1=<nowiki>
* Almonds


<!--T:19-->
<!--T:22-->
:"''':'''" is used for an indent, and was used in multiples in some old pages.  This is deprecated, and causes some problems, so the multiples will be removed as they are found.  A single "''':'''" indents by four characters.
* Nuts
** Cashews


===Lists, numbered and bulleted=== <!--T:20-->
<!--T:23-->
<nowiki>*</nowiki> is the symbol to use for bulletted lists.  ** gives a second level:
* Raisins
<nowiki>
</nowiki>}}<!--{{-->
:* One star
produces
 
<!--T:21-->
:* Next point
 
<!--T:22-->
:** Sub-point
 
<!--T:23-->
:* Third point</nowiki>


<!--T:24-->
<!--T:24-->
produces
* Almonds


<!--T:25-->
<!--T:25-->
:* One star
* Nuts
:* Next point
** Cashews
:** Sub-point
:* Third point


<!--T:26-->
<!--T:26-->
Numbered lists are produced in the same way, using '#'.
* Raisins


=== Enumerations === <!--T:27-->


<!--T:27-->
<!--T:28-->
<nowiki>
Enumerations are produced in the same way, using '#'.
:# A single hash


<!--T:28-->
<!--T:29-->
:# Second point
{{Input|1=<nowiki>
# Sift
# Mix
## Stir thoroughly
# Bake
</nowiki>}}


<!--T:29-->
<!--T:30-->
:## A sub-point
produces


<!--T:30-->
<!--T:31-->
:# Third point</nowiki>
# Sift
# Mix
## Stir thoroughly
# Bake


<!--T:31-->
<!--T:141-->
produces
For more details see [http://meta.wikimedia.org/wiki/Help:List wikimedia] on lists.


<!--T:32-->
=== Combining Bulleted Lists and Enumerations === <!--T:32-->
:# A single hash
:# Second point
:## A sub-point
:# Third point


<!--T:33-->
<!--T:33-->
This is less useful than the bulletted list.
You can have an enumerated sublist in a bulleted list and vice versa, like this:


===Add a link=== <!--T:34-->
<!--T:34-->
{{Input|1=<nowiki>
* Nuts
*# Cashew
*# Crazy
* Other things
</nowiki>}}


<!--T:35-->
<!--T:35-->
There are two kinds of links to learn, internal ones, to another userbase page, and external URL links.
produces


<!--T:36-->
<!--T:36-->
For an internal link the format <nowiki>[[PageLayout]]</nowiki>, where you want to display the name of the page, does work, but it is not ideal, particularly for translation to docbook.  It is better to use the form <nowiki>[[PageLayout|Page Layout]]</nowiki>, as it avoids problems at the translator stage.  You often need to include the link in a sentence, so in that case you would use
* Nuts
*# Cashew
*# Crazy
* Other things


<!--T:37-->
<!--T:37-->
:{{Input|1=<nowiki>[[PageLayout|this page]]</nowiki>}}
while


<!--T:38-->
<!--T:38-->
which displays
{{Input|1=<nowiki>
# Nuts
#* Cashew
#* Crazy
# Other things
</nowiki>}}


<!--T:39-->
<!--T:39-->
[[PageLayout|this page]]
produces


<!--T:40-->
<!--T:40-->
External links are slightly different so
# Nuts
#* Cashew
#* Crazy
# Other things


<!--T:41-->
<!--T:41-->
:{{Input|1=<nowiki>[http://techbase.kde.org/Schedules our road map]</nowiki>}}
{{Note|1=Enumerations should never have blank lines in them: it breaks the sequence and numbering starts at one again. Similarly, there should never be blank lines before a sublist item whether enumerated or bulleted: it creates two levels of item markings (bullets or numbers)}}


<!--T:42-->
<!--T:42-->
displays
{{Note|1=Please remember, that long lists are a problem for translators. With single level bulleted lists, place each bullet in a section of its own, i.e. make a blank line between bullets. With two levels of bullets the subitems must be kept in the same section as their top level bullet; if you have to use subbullets, please keep the sublists short! With enumerations involved, you must keep everything in one unit. Please try to avoid enumerations, and if you find that you must use them try to keep them short.}}
 
<!--T:116-->
{{Remember|2=Workaround|1=Though it is important to avoid blank lines in enumerations and nested lists it is still possible to split such lists in several translations units. This is highly recommended!}}
 
<!--T:117-->
To get each bullet and each sub bullet in its own translation unit you can enter something like this:
 
<!--T:118-->
{{Input|1=<nowiki>* First bullet &lt;/translate &gt;
&lt;translate &gt;
** First sub bullet &lt;/translate &gt;
&lt;translate &gt;
** Another sub bullet<br /><br />This one consists of two paragraphs &lt;/translate &gt;
&lt;translate &gt;
* The next main bullet &lt;/translate &gt;
&lt;translate &gt;
** And so on</nowiki>}}
 
<!--T:119-->
This displays like this:
 
<!--T:120-->
* First bullet</translate>
<translate>
<!--T:121-->
** First sub bullet</translate>
<translate>
<!--T:122-->
** Another sub bullet<br /><br />This one consists of two paragraphs</translate>
<translate>
<!--T:123-->
* The next main bullet</translate>
<translate>
<!--T:124-->
** And so on
 
<!--T:125-->
The same method should apply to the other kinds of lists.
 
<!--T:126-->
If on the other hand you need to have more sections in the same item, you can do something like this to have each section in a translation unit of its own:
 
<!--T:127-->
{{Input|1=<nowiki>* First bullet &lt;/translate &gt;
&lt;translate &gt;
* Second bullet, first section. &lt;/translate&gt;<br /><br /> &lt;translate &gt; Second section of the
second bullet. This section has a translation unit of its own &lt;/translate &gt;
&lt;translate &gt;
* And so on</nowiki>}}
 
<!--T:128-->
This displays like this:
 
<!--T:129-->
* First bullet</translate>
<translate>
<!--T:130-->
* Second bullet, first section.</translate><br /><br /><translate><!--T:131-->
Second section of the second bullet. This section has a translation unit of its own</translate>
<translate>
<!--T:132-->
* And so on


<!--T:43-->
=== Itemizations === <!--T:43-->
[http://techbase.kde.org/Schedules our road map], which would take you straight to the techbase page.


<!--T:44-->
<!--T:44-->
One last thing to note - when you preview your page, the links are live.  This gives you two benefits. You can check (by hovering) that your links are set up as you expected, and you can use a red link to create a new page.
Itemizations are produced using ''';''' and ''':''' alternatively.  They are best for giving short descriptions for a group of related objects.


==Illustrate your text== <!--T:45-->
<!--T:45-->
===Add a single image, centered===
<!--}}-->{{Input|1=<nowiki>
;Animals
: They move around and devour other creatures.


<!--T:46-->
<!--T:46-->
:{{Input|1=<nowiki>[[Image:KMail-kde4.png|250px|center]]</nowiki>}}
;Plants
: They have roots and feed upon ground water and sun.
</nowiki>}}<!--{{-->
produces


<!--T:47-->
<!--T:47-->
Note that you can change the position of the image, but the default is left.  The size of the image depends on the circumstances, but for screenshots I recommend no less than 250px and no more than 500px.
;Animals
: They move around and devour other creatures.


===Make the image clickable, and add a caption=== <!--T:48-->
<!--T:48-->
;Plants
: They have roots and feed upon ground water and sun.


<!--T:49-->
<!--T:49-->
Where you need to show more detail, create a moderately sized image, clickable, so that the full-size can be seen.  Simply add the parameter '|thumb' within the image parentheses.
{{Note|1=As always, please keep each item in a section of its own; it helps translators a lot.}}


<!--T:50-->
===Add a Link=== <!--T:50-->  
A caption can also be added as a parameter, but will only show if '|thumb' is present.


===Use tables to precisely place multiple images=== <!--T:51-->
<!--T:51-->
<div style="white-space:pre;">
There are three kinds of links to learn, internal ones, to another userbase page, internal links to a section of a userbase page, and external URL links.
:{|style="width:95%; border:2px dotted #BCBCBC; background:lemonchiffon" align="center"
|<nowiki>{|class=tablecenter
|[[Image:Desktop-config-customized.png|230px|center]]||[[Image:Desktop-settings-rightclick.png|230px|center]]
|-
|[[Image:Desktop-theme-details-dialog.png|230px|center]]||[[Image:Plasma-multiple-themes.png|230px|center]]
|}</nowiki>
|}
</div>


<!--T:52-->
<!--T:52-->
displays
For an internal link the format <nowiki>[[PageLayout]]</nowiki>, where you want to display the name of the page, does work, but it is not ideal, particularly for translation to docbook and for localisation.  It is better to use the form <nowiki>[[Special:myLanguage/PageLayout|Page Layout]]</nowiki>, because that allows translators to link correctly even though the page name is localised.  The result is that it directs to the correctly translated page, if one exists. You often need to include the link in a sentence, so in that case you would use


<!--T:53-->
<!--T:53-->
:{|class=tablecenter
{{Input|1=<nowiki>[[Special:myLanguage/PageLayout|this page]]</nowiki>}} which displays
|[[Image:Desktop-config-customized.png|230px|center]]||[[Image:Desktop-settings-rightclick.png|230px|center]]
[[Special:myLanguage/PageLayout|this page]]
|-
 
|[[Image:Desktop-theme-details-dialog.png|230px|center]]||[[Image:Plasma-multiple-themes.png|230px|center]]
<!--T:108-->
|}
Internal links to subsections of a page use character '#' (hash) and should look like this {{Input|1=<nowiki>[[Special:myLanguage/Tasks_and_Tools#Working_with_Languages|...]]</nowiki>}}With this kind of link it is very important, that the page you link to declares the reference anchor. If the anchor contains space characters, replace them by character '_' (underscore) when calling the reference. If the reference is found, the section will be automatically displayed by your browser (if it manages anchors). If it is not the case, you will have to go down through the page to find the referenced section.
 
<!--T:165-->
External links are given as the URL and a text separated by a space and delimited by single square brackets as in {{Input|1=<nowiki>[https://en.wikipedia.org/wiki/KDE KDE's Wikipedia page]</nowiki>}} which gives [https://en.wikipedia.org/wiki/KDE KDE's Wikipedia page].
 
=== Anchor declaration === <!--T:163-->


<!--T:164-->
Anchor declaration must be done immediatly BEFORE the referenced section, and followed by a blank line separating the anchor and its headline. In the following example just copy in the ID value, the title of associated section. It should look like this: 
{{Input|1=<nowiki>&lt;/translate&gt;<span id="Working with Languages"></span> &lt;translate&gt;</nowiki>}}


<!--T:109-->
If the page containing the section that you link to is not yet marked up for translation, you should omit the <nowiki>&lt;/translate &gt; and &lt;translate &gt;</nowiki> tags.


<!--T:54-->
<!--T:54-->
Note that all the parameters for one image are contained within <nowiki>[[...]]</nowiki>, and cells are separated by '||'.  To start a new line, insert '|-' on an otherwise-empty line, then '|' at the start of the next one.
External links are slightly different so


==Add Notes and Warnings== <!--T:55-->
<!--T:55-->
{{Input|1=<nowiki>[http://techbase.kde.org/Schedules our road map]</nowiki>}} displays
[http://techbase.kde.org/Schedules our road map], which would take you straight to the techbase page.


<!--T:56-->
<!--T:56-->
Where a note or warning is relevant within your text, use a table, like these:
One last thing to note - when you preview your page, all links are live.  This gives you two benefits. You can check (by hovering) that your links are set up as you expected, and you can use a red link to create a new page.
{|style="width:80%; border:2px dotted #BCBCBC; background:lemonchiffon" align="center"
 
|<nowiki>
=== Make an application list === <!--T:110-->
:{|
 
|[[Image:Im-status-message-edit.png]]||'''Note'''||Some important information
<!--T:111-->
|}
If you want to make a list of applications like the ones in the subpages of [[Special:myLanguage/Applications|Applications]], you should use the <code>AppItem</code> template. Simply enter
</nowiki>
 
<!--T:112-->
{{Input|1=<nowiki>{|
{{AppItem|System Settings/Locale|Preferences-desktop-locale.png|
Settings for localized handling of numbers, dates, etc}}A short text.
A few more short lines about the app. This is optional.
|-
{{AppItem|System Settings/Shortcuts and Gestures|Preferences-desktop-keyboard.png|
Shortcuts and Gestures}}Another short text. If you do not type <keycap>Enter</keycap> between the texts
you get one section no matter how long the text is.
|}</nowiki>}}
 
<!--T:113-->
This gives the following display:
 
<!--T:114-->
{|
{{AppItem|System Settings/Locale|Preferences-desktop-locale.png|
Settings for localized handling of numbers, dates, etc}}A short text.
A few more short lines about the app. This is optional.
|-
{{AppItem|System Settings/Shortcuts and Gestures|Preferences-desktop-keyboard.png|
Shortcuts and Gestures}}Another short text. If you do not type <keycap>Enter</keycap> between the texts you get one section no matter how long the text is.
|}
|}


<!--T:57-->
<!--T:115-->
:{|
Note, that you should not prepend "Special:myLanguage" to the page name - the template takes care of that. Also note, that you must give a title, even if the title is the same as the page name.
|[[Image:Im-status-message-edit.png]]||'''Note'''||Some important information
 
|}
=== Footnotes === <!--T:145-->
 
<!--T:146-->
Footnotes are rarely used in our pages, but if you need them you can place a <code><nowiki><ref></nowiki>''text''<nowiki></ref></nowiki></code> in the source where the footnote mark should appear. There has to be one <code><nowiki><references /></nowiki></code> somewhere in the source as well, usually towards the end of the page. This is where the text added by the <nowiki><ref></nowiki> tags will appear. For more info see the [http://en.wikipedia.org/wiki/Help:Footnotes Wikipedia help page].
 
==Illustrate Your Text== <!--T:57-->


<!--T:58-->
===Add a single image, centered=== <!--T:58-->  
{|style="width:95%; border:2px dotted #BCBCBC; background:lemonchiffon" align="center"
|<nowiki>
:{|
|[[Image:help-hint.png]]||'''Tip'''||Something useful to remember
|}
</nowiki>
|}


<!--T:59-->
<!--T:59-->
:{|
{{Input|1=<nowiki>[[File:KMail-kde4.png|250px|center]]</nowiki>}}
|[[Image:help-hint.png]]||'''Tip'''||Something useful to remember
|}


<!--T:60-->
<!--T:60-->
{|style="width:95%; border:2px dotted #BCBCBC;background:lemonchiffon " align="center"
Note that you can change the position of the image, but the default is left.  The size of the image depends on the circumstances, but for screenshots I recommend no less than 250px and no more than 500px.
|<nowiki>:{|
 
|[[Image:dialog-warning.png|32px]]||'''Warning'''||This is dangerous
<!--T:158-->
|}
Also note that <code>Image:</code> and <code>File:</code> are synonyms.
</nowiki>
So that  <code><nowiki>[[Image:KMail-kde4.png]]</nowiki></code> is the same as <code><nowiki>[[File:KMail-kde4.png]]</nowiki></code>. However <code>Image:</code> is deprecated, so prefer <code>File:</code> in new content.
|}
 
<!--T:142-->
see [http://www.mediawiki.org/wiki/Help:Images mediawiki] for more info.


<!--T:61-->
===Make the Image Clickable and Add a Caption=== <!--T:61-->  
:{|
|[[Image:dialog-warning.png|32px]]||'''Warning'''||This is dangerous
|}


<!--T:62-->
<!--T:62-->
Where a note or warning is important enough to need to stand out strongly there are two useful templates, Info and Warning.  Use
Where you need to show more detail, create a moderately sized image, clickable, so that the full-size can be seen.  Simply add the parameter '|thumb' within the image parentheses.


<!--T:63-->
<!--T:63-->
<nowiki>{{info|This is another way to display your information}}</nowiki>
A caption can also be added as a parameter, but will only show if '|thumb' is present.
 
<!--T:152-->
Example:
 
<!--T:153-->
{{Input|1=<nowiki>[[File:file_name.png|thumb|this will be the caption]]</nowiki>}}
 
=== Add a caption without a thumbnail === <!--T:154-->
 
<!--T:155-->
Captions also appear on images marked up with the frame syntax.
 
<!--T:156-->
Example:
 
<!--T:160-->
{{Input|1=<nowiki>[[File:image.png|frame|left|this will be the caption]]
</nowiki>}}
 
===Prevent text from flowing around image=== <!--T:157-->
 
<!--T:161-->
Sometimes you might not want the text to flow down the sides of your image. You can prevent this by adding a <code><nowiki> <br clear=all> </nowiki></code> tag between the file tag and the text in question.
 
<!--T:159-->
Example:
{{Input|1=<nowiki>[[File:image.png]]
<br clear=all>
This text would normally flow down the sides of the image but now it will be found under the image
</nowiki>}}


<!--T:64-->
===Use Tables to Precisely Place Multiple Images=== <!--T:64-->  
{{info|This is another way to display your information}}


<!--T:65-->
<!--T:65-->
or
{{Input|1=<nowiki>{|class="tablecenter" style="border: 1px solid grey;"
|[[Image:Desktop-config-customized.png|230px|center]]||[[Image:Desktop-settings-rightclick.png|230px|center]]
|-
|[[Image:Desktop-theme-details-dialog.png|230px|center]]||[[Image:Plasma-multiple-themes.png|230px|center]]
|}</nowiki>}}


<!--T:66-->
<!--T:66-->
<nowiki>{{warning|This is a very dangerous thing to do}}</nowiki>
displays


<!--T:67-->
<!--T:67-->
{{warning|This is a very dangerous thing to do}}
{|class="tablecenter" style="border: 1px solid grey;"
|[[Image:Desktop-config-customized.png|230px|center]]||[[Image:Desktop-settings-rightclick.png|230px|center]]
|-
|[[Image:Desktop-theme-details-dialog.png|230px|center]]||[[Image:Plasma-multiple-themes.png|230px|center]]
|}
 
 
 
<!--T:68-->
Note that all the parameters for one image are contained within <nowiki>[[...]]</nowiki>, and cells are separated by '||'.  To start a new line, insert '|-' on an otherwise-empty line, then '|' at the start of the next one.
 
<!--T:151-->
For more details on Table formating see [http://www.mediawiki.org/wiki/Help:Tables mediawiki]
 
</translate><span id="Embed a Video"></span> <translate>
 
=== Embed a Video === <!--T:133-->
 
<!--T:134-->
As of July 2012 the MediaWiki [http://www.mediawiki.org/wiki/Extension:EmbedVideo EmbedVideo] extension has been installed on userbase.kde. This means you can embed videos from various video hosting sites into the page content and have them display in line.
 
<!--T:135-->
EmbedVideo parser function expects to be called in any of the following ways:
 
<!--T:136-->
<nowiki> {{#ev:service|id}} </nowiki> <br />
<nowiki> {{#ev:service|id|width}}</nowiki><br />
<nowiki> {{#ev:service|id|width|align}}</nowiki><br />
<nowiki> {{#ev:service|id|width|align|desc}}</nowiki><br />
<nowiki> {{#evp:service|id|desc}}</nowiki><br />
<nowiki> {{#evp:service|id|desc|align}}</nowiki><br />
<nowiki> {{#evp:service|id|desc|align|width}}</nowiki><br />
 
<!--T:137-->
Where: <br />
service is the name of a video sharing service (See "service name" in the list below)
id is the id of the video to include
width (optional) is the width in pixels of the viewing area (height will be determined automatically)
align (optional) is an alignment (float) attribute. May be "left" or "right".
desc (optional) is a short description to display beneath the video when it is aligned
 
<!--T:138-->
For example, to include the famous "evolution of dance" YouTube video, you'd enter:
<pre>{{#ev:youtube|dMH0bHeiRNg}}</pre>
 
<!--T:139-->
And if you wanted scaled down to thumbnail size, on the right with a short description, you could use:
<pre>{{#ev:youtube|dMH0bHeiRNg|100|right|This is an embedded video!}}</pre>
 
 
<!--T:140-->
As of version 1.0, EmbedVideo supports embedding video content from the following services:
{| class="wikitable"
|-
! Site
! Service Name
|-
! [http://www.dailymotion.com/ Dailymotion]
| <tt>dailymotion</tt>
|-
! Div Share
| <tt>divshare</tt>
|-
! [http://edutopia.org Edutopia]
| <tt>edutopia</tt>
|-
! [http://www.funnyordie.com/ FunnyOrDie]
| <tt>funnyordie</tt>
|-
! [http://video.google.com/ Google Video]
| <tt>googlevideo</tt>
|-
! [http://interia.pl/ Interia]
| <tt>interia</tt> or <tt>interiavideo</tt>
|-
! [http://revver.com/ Revver]
| <tt>revver</tt>
|-
! [http://sevenload.com/ sevenload]
| <tt>sevenload</tt>
|-
! [http://teachertube.org TeacherTube]
| <tt>teachertube</tt>
|-
! [http://www.youtube.com/ YouTube]
| <tt>youtube</tt> and <tt>youtubehd</tt>
|-
! [http://www.vimeo.com Vimeo]
| <tt>vimeo</tt>
|}


==KDE3 and KDE SC 4 versions of applications== <!--T:68-->
</translate><span id="Add Notes and Warnings"></span> <translate>


<!--T:69-->
==Add Notes and Warnings== <!--T:69-->  
By default, KDE SC 4 is assumed.  If the KDE SC 4 version is not yet ready for release it may be necessary to document the KDE3 version.  In this case you should add an icon  <nowiki>{{KDE3}}</nowiki>
which displays {{KDE3}}.  Should you be writing about a KDE3 version and KDE SC 4 version on the same page, use icons for both - <nowiki>{{KDE4}}</nowiki> which displays {{KDE4}}


==Useful Templates== <!--T:70-->
<!--T:144-->
===Community Applications===
{{Warning|2=Important|1=Indented boxes do not display correctly! Never put a colon in front of a box; it will make the box look very odd.}}
 
<!--T:70-->
Where a note or warning is relevant within your text, use these templates:


<!--T:71-->
<!--T:71-->
<nowiki>{{Info|This is general information}}</nowiki> displays
{{Info|This is general information}}
<!--T:72-->
<nowiki>{{Note|Some important information at this point}}</nowiki> displays
{{Note|Some important information at this point}}
<!--T:73-->
<nowiki>{{Tip|A helpful piece of advice, something to remember}}</nowiki>displays
{{Tip|A helpful piece of advice, something to remember}}
<!--T:74-->
<nowiki>{{Warning|Take care - this is a dangerous thing to do}}</nowiki> displays
{{Warning|Take care - this is a dangerous thing to do}}
<!--T:75-->
Where the strongest possible warning is needed, the Remember box can be used, but please use sparingly.
<nowiki>{{Remember|1=This is for things that definitely must not be forgotten}}</nowiki>
{{Remember|1=This is for things that definitely must not be forgotten}}
<!--T:76-->
You can also change the heading:
<!--T:77-->
{{Remember|2=Don't Forget This!|1=You can use parameter number 2 to set an individual box heading:
{{Input|1=<nowiki>{{Remember|2=Don't Forget This!|1=You can use...}}</nowiki>}}}}
<!--T:162-->
==Page Redirection==
You can make a page to redirect to another page automatically by using:
<pre>#REDIRECT [[Pagename]]</pre>
==KDE3 and KDE SC 4 Versions of Applications== <!--T:78-->
<!--T:79-->
By default, KDE SC 4 is assumed.  If the KDE SC 4 version is not yet ready for release, or where only a KDE 3 version exists, it may be necessary to document the KDE3 version.  In this case you should add the template {{tl|KDE3}}
which displays {{KDE3}}
Should you be writing about a KDE3 version and KDE SC 4 version on the same page, use icons for both — {{tl|KDE4}} which displays {{KDE4}}
==Other Useful Templates== <!--T:80-->
</translate><span id="Inserting GUI Icons"></span><translate>
=== Inserting GUI Icons === <!--T:81-->
<!--T:82-->
The best way to refer to icons in the GUI is to display it in the text. This can be done with a template like this: <code><nowiki>{{Icon|list-add}}</nowiki></code>. This will display the {{Icon|list-add}} icon.
<!--T:83-->
For this to work, the icon image must have been uploaded to the wiki. See [[Special:myLanguage/Update_an_Image|Update an Image]] for an explanation on how to upload images. The .png files can usually be found here: <tt>usr/share/icons/oxygen</tt>. If possible use the 16x16 icon. The file name should have an <tt>Icon-</tt> prefix as in <tt>Icon-list-add.png</tt> &mdash; apart from the prefix the filename should exactly match the usual name. Note, that when using the template you should neither write the <tt>Icon-</tt> prefix nor the <tt>.png</tt> file type extension.
<!--T:84-->
The {{Plus}} icon can also be written as <code><nowiki>{{Plus}}</nowiki></code>, and the {{Minus}} icon as <code><nowiki>{{Minus}}</nowiki></code>. You can also use <code><nowiki>{{Configure}}</nowiki></code> to get the {{Configure}} icon, and <code><nowiki>{{Exit}}</nowiki></code> gets you the {{Exit}} icon.
===Community Applications=== <!--T:85-->
<!--T:86-->
The final consideration concerns those applications which are not distributed as core KDE applications.  These need to be indicated by an icon, placing <nowiki>{{Community-app}}</nowiki>
The final consideration concerns those applications which are not distributed as core KDE applications.  These need to be indicated by an icon, placing <nowiki>{{Community-app}}</nowiki>


<!--T:72-->
<!--T:87-->
{{Community-app}}
{{Community-app}}


<!--T:73-->
<!--T:88-->
at the end of your sentence or line, just as you would to denote a footnote in general writing.  You then need to add <nowiki>{{Community-app-footnote}}</nowiki> which will create a footnote, like this:
at the end of your sentence or line, just as you would to denote a footnote in general writing.  You then need to add <nowiki>{{Community-app-footnote}}</nowiki> which will create a footnote, like this:


<!--T:74-->
<!--T:89-->
{{Community-app-footnote}}
{{Community-app-footnote}}


===Making major edits to Existing Pages=== <!--T:75-->
===Making Major Edits to Existing Pages=== <!--T:90-->
 
<!--T:91-->
If a page is likely to be open for editing for some time there is a danger of conflicts - someone else may edit at the same time, and saving your edit will cancel out theirs, or vice versa.  The way to avoid that is to make a temporary entry, directly under the language bar, using <nowiki>{{Being_Edited}}</nowiki> which will display
If a page is likely to be open for editing for some time there is a danger of conflicts - someone else may edit at the same time, and saving your edit will cancel out theirs, or vice versa.  The way to avoid that is to make a temporary entry, directly under the language bar, using <nowiki>{{Being_Edited}}</nowiki> which will display


<!--T:76-->
<!--T:92-->
{{Being_Edited}}
{{Being_Edited}}


<!--T:77-->
<!--T:93-->
''Don't forget to remove it when you have finished!''
''Don't forget to remove it when you have finished!''


===Adding a new complex page=== <!--T:78-->
===Adding a New Complex Page=== <!--T:94-->
 
<!--T:95-->
If you need to be able to work on a page for quite some time, over several days, for instance, you may like to use the Construction template - <nowiki>{{Construction}}</nowiki>, which displays
If you need to be able to work on a page for quite some time, over several days, for instance, you may like to use the Construction template - <nowiki>{{Construction}}</nowiki>, which displays


<!--T:79-->
<!--T:96-->
{{Construction}}
{{Construction}}


==Adding a List of Sub-Pages== <!--T:80-->
===Links to Pages in the Neighbourhood=== <!--T:97-->
<pre style="background:lemonchiffon">
 
== Subpages of {{FULLPAGENAME}} ==
<!--T:98-->
{{Special:PrefixIndex/{{FULLPAGENAME}}/}}
You can add links to a preceding or a following page using the '''{{Tl|Prevnext2}}''' template…
</pre>
{{Input|1=<nowiki>{{Prevnext2
| prevpage  = Previous Pagename
| nextpage  = Following Pagename
| prevtext  = The page before this one
| nexttext  = The next page you should read
| index    = Index page
| indextext = Back to Menu
}}</nowiki>}}
…to produce helpful navigation links of the form…
{{Prevnext2|prevpage=Special:myLanguage/Help:Editing|nextpage=Special:myLanguage/Toolbox/Tables|prevtext=The page before this page|nexttext=This page you should read later|index=Special:myLanguage/Help:Editing|indextext=Back to Menu}}
 
<!--T:99-->
All six arguments are optional, but keep in mind that if you don't specify a value for the <code>indexname</code> parameter, the untranslated name of the current page will be displayed. For the first and last pages in a series, the template is most often used like this:
{| style="border-collapse: separate; border-spacing: 2em 0; margin: 1em auto 2em; width: 100%;"
! scope="col" style="background-color: #eaecf0; border: 1px solid #a2a9b1;" | First page
! scope="col" style="background-color: #eaecf0; border: 1px solid #a2a9b1;" | Last page
|-
| style="padding: 0 1em; width: 50%;" | {{Input|1=<nowiki>{{Prevnext2
| nextpage  = Following Pagename
| nexttext  = Read this page next
| indextext = Tasks and Tools
}}</nowiki>}}
| style="padding: 0 1em; width: 50%;" | {{Input|1=<nowiki>{{Prevnext2
| prevpage  = Previous Pagename
| prevtext  = The page before this one
| indextext = Tasks and Tools
}}</nowiki>}}
|-
| style="font-size: 1.1em; padding: 0; text-align: center; word-spacing: 2em;" | &#x1f87b; '''Output''' &#x1f87b;
| style="font-size: 1.1em; padding: 0; text-align: center; word-spacing: 2em;" | &#x1f87b; '''Output''' &#x1f87b;
|-
| style="padding-left: 3em;" | {{Prevnext2|nextpage=Special:myLanguage/Toolbox/Tables|nexttext=Read this page next|indextext=Tasks and Tools}}
| style="padding-left: 3em;" | {{Prevnext2|prevpage=Special:myLanguage/Help:Editing|prevtext=The page before this one|indextext=Tasks and Tools}}
|}
 
<!--T:143-->
{{Note|1=You should always specify link text (use [[mediawikiwiki:Help:Links#Piped links|piped links]]) for the pages you link to, and you should always prefix your wikilink targets (the part before the <code>&verbar;</code>) with <code>Special:myLanguage/</code> lest you create problems for the translators.}}
 
=== Links to bugs === <!--T:147-->
 
<!--T:148-->
You can link directly to a bug in Bugzilla by using this template:
 
<!--T:149-->
<code><nowiki>{{Bug|123456}}</nowiki></code>
 
<!--T:150-->
Please do not forget to add the <code><nowiki><s> and </s></nowiki></code> to strike through a bug that is closed.
 
==Adding a List of Sub-Pages== <!--T:100-->  
 
<!--T:101-->
{{Input|1=<nowiki>== Subpages of {{FULLPAGENAME}} ==
{{Special:PrefixIndex/{{FULLPAGENAME}}/}}</nowiki>}}


<!--T:81-->
<!--T:102-->
is very useful when you want to list subpages with active links, such as  
is very useful when you want to list subpages with active links, such as  


=== Subpages of {{FULLPAGENAME}}=== <!--T:82-->
=== Subpages of {{FULLPAGENAME}}=== <!--T:103-->
 
<!--T:104-->
It does, however, also list all "other-language" pages, so use with discretion.
 
<!--T:105-->
{{Special:PrefixIndex/{{FULLPAGENAME}}/}}
{{Special:PrefixIndex/{{FULLPAGENAME}}/}}


<!--T:83-->
 
<!--T:106-->
----
----
<!--T:107-->
[[Category:Contributing]]
</translate>
</translate>
[[Category:Contributing]]

Latest revision as of 07:05, 13 November 2024

Other languages:

Information

This page offers examples of formatting code for common tasks


Add an Introductory Screenshot and Description

Whenever possible we begin an application's top-level page with this. The code to achieve it is 

{|class="tablecenter vertical-centered"
|[[Image:YourScreenshot.png|250px|thumb]]
|Your descriptive text
|}

Format Your Text

Use Headings

Each heading goes on its own line starting and ending with two or more '=' characters. Once there are more than a handful of headings on a page they automatically create a Table of Contents, so use them. The number of '=' characters determines their level in the Table of Contents, thus your headings should be '==Main section name==', '===Subsection name===', '====Sub-subheading name here====', and so on. Avoid using single '=', as that denotes a page heading and every wiki page already has one made from its name; for example, this page's title "Toolbox" appears as its page heading.

Use bold and italic

Blips are used to specify bold and italic words.

Use '''bold text''' to specify bold text and ''italic text'' to specify italic text.

In order to ensure we get easy and accurate translations, please adhere to the typographical guidelines.

Add a Code Snippet

We have templates to assist in correctly displaying code snippets. Examples of use in various situations are available on the typographical guideline page

If you have problems displaying pipe characters in your code snippet, please see the explanation and markup detailed on Typographical Guidelines

Add Indents

":" is used for an indent, and was used in multiples in some old pages. This is deprecated, and causes some problems, so the multiples will be removed as they are found. A single ":" indents by four characters.

Format Dates

Dates in a purely numerical format cause confusion, due to differences in expectations of geographical zones. Please format dates as 

18 Mar 2011

with the month either spelled out completely or in abbreviated form, and the year in 4-digit format. The day may be single or double-digit.

Bulleted Lists

* is the symbol to use for bulletted lists. ** gives a second level:

* Almonds

* Nuts
** Cashews

* Raisins

produces

  • Almonds
  • Nuts
    • Cashews
  • Raisins

Enumerations

Enumerations are produced in the same way, using '#'. 

# Sift
# Mix
## Stir thoroughly
# Bake

produces

  1. Sift
  2. Mix
    1. Stir thoroughly
  3. Bake

For more details see wikimedia on lists.

Combining Bulleted Lists and Enumerations

You can have an enumerated sublist in a bulleted list and vice versa, like this: 

* Nuts
*# Cashew
*# Crazy
* Other things

produces

  • Nuts
    1. Cashew
    2. Crazy
  • Other things

while 

# Nuts
#* Cashew
#* Crazy
# Other things

produces

  1. Nuts
    • Cashew
    • Crazy
  2. Other things

Note

Enumerations should never have blank lines in them: it breaks the sequence and numbering starts at one again. Similarly, there should never be blank lines before a sublist item whether enumerated or bulleted: it creates two levels of item markings (bullets or numbers)


Note

Please remember, that long lists are a problem for translators. With single level bulleted lists, place each bullet in a section of its own, i.e. make a blank line between bullets. With two levels of bullets the subitems must be kept in the same section as their top level bullet; if you have to use subbullets, please keep the sublists short! With enumerations involved, you must keep everything in one unit. Please try to avoid enumerations, and if you find that you must use them try to keep them short.


Workaround

Though it is important to avoid blank lines in enumerations and nested lists it is still possible to split such lists in several translations units. This is highly recommended!


To get each bullet and each sub bullet in its own translation unit you can enter something like this: 

* First bullet </translate >
<translate >
** First sub bullet </translate >
<translate >
** Another sub bullet<br /><br />This one consists of two paragraphs </translate >
<translate >
* The next main bullet </translate >
<translate >
** And so on

This displays like this:

  • First bullet
    • First sub bullet
    • Another sub bullet

      This one consists of two paragraphs
  • The next main bullet
    • And so on

The same method should apply to the other kinds of lists.

If on the other hand you need to have more sections in the same item, you can do something like this to have each section in a translation unit of its own: 

* First bullet </translate >
<translate >
* Second bullet, first section. </translate><br /><br /> <translate > Second section of the
second bullet. This section has a translation unit of its own </translate >
<translate >
* And so on

This displays like this:

  • First bullet
  • Second bullet, first section.

    Second section of the second bullet. This section has a translation unit of its own
  • And so on

Itemizations

Itemizations are produced using ; and : alternatively. They are best for giving short descriptions for a group of related objects. 

;Animals
: They move around and devour other creatures.

;Plants
: They have roots and feed upon ground water and sun.

produces

Animals
They move around and devour other creatures.
Plants
They have roots and feed upon ground water and sun.

Note

As always, please keep each item in a section of its own; it helps translators a lot.


Add a Link

There are three kinds of links to learn, internal ones, to another userbase page, internal links to a section of a userbase page, and external URL links.

For an internal link the format [[PageLayout]], where you want to display the name of the page, does work, but it is not ideal, particularly for translation to docbook and for localisation. It is better to use the form [[Special:myLanguage/PageLayout|Page Layout]], because that allows translators to link correctly even though the page name is localised. The result is that it directs to the correctly translated page, if one exists. You often need to include the link in a sentence, so in that case you would use 

[[Special:myLanguage/PageLayout|this page]]

which displays

this page

Internal links to subsections of a page use character '#' (hash) and should look like this 

[[Special:myLanguage/Tasks_and_Tools#Working_with_Languages|...]]

With this kind of link it is very important, that the page you link to declares the reference anchor. If the anchor contains space characters, replace them by character '_' (underscore) when calling the reference. If the reference is found, the section will be automatically displayed by your browser (if it manages anchors). If it is not the case, you will have to go down through the page to find the referenced section. External links are given as the URL and a text separated by a space and delimited by single square brackets as in 

[https://en.wikipedia.org/wiki/KDE KDE's Wikipedia page]

which gives KDE's Wikipedia page.

Anchor declaration

Anchor declaration must be done immediatly BEFORE the referenced section, and followed by a blank line separating the anchor and its headline. In the following example just copy in the ID value, the title of associated section. It should look like this: 

</translate><span id="Working with Languages"></span> <translate>

If the page containing the section that you link to is not yet marked up for translation, you should omit the </translate > and <translate > tags.

External links are slightly different so 

[http://techbase.kde.org/Schedules our road map]

displays

our road map, which would take you straight to the techbase page.

One last thing to note - when you preview your page, all links are live. This gives you two benefits. You can check (by hovering) that your links are set up as you expected, and you can use a red link to create a new page.

Make an application list

If you want to make a list of applications like the ones in the subpages of Applications, you should use the AppItem template. Simply enter 

{|
{{AppItem|System Settings/Locale|Preferences-desktop-locale.png|
Settings for localized handling of numbers, dates, etc}}A short text.
A few more short lines about the app. This is optional.
|-
{{AppItem|System Settings/Shortcuts and Gestures|Preferences-desktop-keyboard.png|
Shortcuts and Gestures}}Another short text. If you do not type <keycap>Enter</keycap> between the texts
you get one section no matter how long the text is.
|}

This gives the following display:

Settings for localized handling of numbers, dates, etc

A short text.

A few more short lines about the app. This is optional.

Shortcuts and Gestures

Another short text. If you do not type Enter between the texts you get one section no matter how long the text is.

Note, that you should not prepend "Special:myLanguage" to the page name - the template takes care of that. Also note, that you must give a title, even if the title is the same as the page name.

Footnotes

Footnotes are rarely used in our pages, but if you need them you can place a <ref>text</ref> in the source where the footnote mark should appear. There has to be one <references /> somewhere in the source as well, usually towards the end of the page. This is where the text added by the <ref> tags will appear. For more info see the Wikipedia help page.

Illustrate Your Text

Add a single image, centered

[[File:KMail-kde4.png|250px|center]]

Note that you can change the position of the image, but the default is left. The size of the image depends on the circumstances, but for screenshots I recommend no less than 250px and no more than 500px.

Also note that Image: and File: are synonyms. So that [[Image:KMail-kde4.png]] is the same as [[File:KMail-kde4.png]]. However Image: is deprecated, so prefer File: in new content.

see mediawiki for more info.

Make the Image Clickable and Add a Caption

Where you need to show more detail, create a moderately sized image, clickable, so that the full-size can be seen. Simply add the parameter '|thumb' within the image parentheses.

A caption can also be added as a parameter, but will only show if '|thumb' is present.

Example: 

[[File:file_name.png|thumb|this will be the caption]]

Add a caption without a thumbnail

Captions also appear on images marked up with the frame syntax.

Example: 

[[File:image.png|frame|left|this will be the caption]]

Prevent text from flowing around image

Sometimes you might not want the text to flow down the sides of your image. You can prevent this by adding a <br clear=all> tag between the file tag and the text in question.

Example: 

[[File:image.png]]
<br clear=all>
This text would normally flow down the sides of the image but now it will be found under the image

Use Tables to Precisely Place Multiple Images

{|class="tablecenter" style="border: 1px solid grey;"
|[[Image:Desktop-config-customized.png|230px|center]]||[[Image:Desktop-settings-rightclick.png|230px|center]]
|-
|[[Image:Desktop-theme-details-dialog.png|230px|center]]||[[Image:Plasma-multiple-themes.png|230px|center]]
|}

displays


Note that all the parameters for one image are contained within [[...]], and cells are separated by '||'. To start a new line, insert '|-' on an otherwise-empty line, then '|' at the start of the next one.

For more details on Table formating see mediawiki

Embed a Video

As of July 2012 the MediaWiki EmbedVideo extension has been installed on userbase.kde. This means you can embed videos from various video hosting sites into the page content and have them display in line.

EmbedVideo parser function expects to be called in any of the following ways:

{{#ev:service|id}}
{{#ev:service|id|width}}
{{#ev:service|id|width|align}}
{{#ev:service|id|width|align|desc}}
{{#evp:service|id|desc}}
{{#evp:service|id|desc|align}}
{{#evp:service|id|desc|align|width}}

Where: 

service is the name of a video sharing service (See "service name" in the list below)
id is the id of the video to include
width (optional) is the width in pixels of the viewing area (height will be determined automatically)
align (optional) is an alignment (float) attribute. May be "left" or "right".
desc (optional) is a short description to display beneath the video when it is aligned

For example, to include the famous "evolution of dance" YouTube video, you'd enter: 

{{#ev:youtube|dMH0bHeiRNg}}

And if you wanted scaled down to thumbnail size, on the right with a short description, you could use: 

{{#ev:youtube|dMH0bHeiRNg|100|right|This is an embedded video!}}


As of version 1.0, EmbedVideo supports embedding video content from the following services:

Site Service Name
Dailymotion dailymotion
Div Share divshare
Edutopia edutopia
FunnyOrDie funnyordie
Google Video googlevideo
Interia interia or interiavideo
Revver revver
sevenload sevenload
TeacherTube teachertube
YouTube youtube and youtubehd
Vimeo vimeo

Add Notes and Warnings

Important

Indented boxes do not display correctly! Never put a colon in front of a box; it will make the box look very odd.


Where a note or warning is relevant within your text, use these templates:

{{Info|This is general information}} displays

Information

This is general information


{{Note|Some important information at this point}} displays

Note

Some important information at this point


{{Tip|A helpful piece of advice, something to remember}}displays

Tip

A helpful piece of advice, something to remember


{{Warning|Take care - this is a dangerous thing to do}} displays

Warning

Take care - this is a dangerous thing to do


Where the strongest possible warning is needed, the Remember box can be used, but please use sparingly. {{Remember|1=This is for things that definitely must not be forgotten}}

Remember

This is for things that definitely must not be forgotten


You can also change the heading:

Don't Forget This!

You can use parameter number 2 to set an individual box heading: 
{{Remember|2=Don't Forget This!|1=You can use...}}


Page Redirection

You can make a page to redirect to another page automatically by using: 

#REDIRECT [[Pagename]]

KDE3 and KDE SC 4 Versions of Applications

By default, KDE SC 4 is assumed. If the KDE SC 4 version is not yet ready for release, or where only a KDE 3 version exists, it may be necessary to document the KDE3 version. In this case you should add the template {{KDE3}} which displays Should you be writing about a KDE3 version and KDE SC 4 version on the same page, use icons for both — {{KDE4}} which displays

Other Useful Templates

Inserting GUI Icons

The best way to refer to icons in the GUI is to display it in the text. This can be done with a template like this: {{Icon|list-add}}. This will display the icon.

For this to work, the icon image must have been uploaded to the wiki. See Update an Image for an explanation on how to upload images. The .png files can usually be found here: usr/share/icons/oxygen. If possible use the 16x16 icon. The file name should have an Icon- prefix as in Icon-list-add.png — apart from the prefix the filename should exactly match the usual name. Note, that when using the template you should neither write the Icon- prefix nor the .png file type extension.

The icon can also be written as {{Plus}}, and the icon as {{Minus}}. You can also use {{Configure}} to get the icon, and {{Exit}} gets you the icon.

Community Applications

The final consideration concerns those applications which are not distributed as core KDE applications. These need to be indicated by an icon, placing {{Community-app}}


 See footnote


at the end of your sentence or line, just as you would to denote a footnote in general writing. You then need to add {{Community-app-footnote}} which will create a footnote, like this:


Support for this application can be found from the project's home page


Making Major Edits to Existing Pages

If a page is likely to be open for editing for some time there is a danger of conflicts - someone else may edit at the same time, and saving your edit will cancel out theirs, or vice versa. The way to avoid that is to make a temporary entry, directly under the language bar, using {{Being_Edited}} which will display

Currently Being Edited

This page is currently being edited.
If this notice persists for an unreasonable time, please either notify irc.freenode.org #kde-www or report on Claus chr's Talk page

Note: Pages should not normally be marked for translation while they are being actively worked on


Don't forget to remove it when you have finished!

Adding a New Complex Page

If you need to be able to work on a page for quite some time, over several days, for instance, you may like to use the Construction template - {{Construction}}, which displays

Under Construction

This is a new page, currently under construction!


Links to Pages in the Neighbourhood

You can add links to a preceding or a following page using the {{Prevnext2}} template… 

{{Prevnext2
 | prevpage  = Previous Pagename
 | nextpage  = Following Pagename
 | prevtext  = The page before this one
 | nexttext  = The next page you should read
 | index     = Index page
 | indextext = Back to Menu
}}

…to produce helpful navigation links of the form…

All six arguments are optional, but keep in mind that if you don't specify a value for the indexname parameter, the untranslated name of the current page will be displayed. For the first and last pages in a series, the template is most often used like this:

First page Last page 
{{Prevnext2
 | nextpage  = Following Pagename
 | nexttext  = Read this page next
 | indextext = Tasks and Tools
}}
 
{{Prevnext2
 | prevpage  = Previous Pagename
 | prevtext  = The page before this one
 | indextext = Tasks and Tools
}}
🡻 Output 🡻 🡻 Output 🡻

Note

You should always specify link text (use piped links) for the pages you link to, and you should always prefix your wikilink targets (the part before the |) with Special:myLanguage/ lest you create problems for the translators.


Links to bugs

You can link directly to a bug in Bugzilla by using this template:

{{Bug|123456}}

Please do not forget to add the <s> and </s> to strike through a bug that is closed.

Adding a List of Sub-Pages

== Subpages of {{FULLPAGENAME}} ==
{{Special:PrefixIndex/{{FULLPAGENAME}}/}}

is very useful when you want to list subpages with active links, such as

Subpages of Toolbox

It does, however, also list all "other-language" pages, so use with discretion.


Retrieved from "https://userbase.kde.org/index.php?title=Toolbox&oldid=497222"