TNG Wiki Buttons Added to WikiEditor/de

From TNG_Wiki
Jump to: navigation, search


WikiEditor-Werkzeugleiste

Die Abbildung zeigt die TNG-WikiEditor-Werkzeugleiste. Diese ist identisch zu Wikipedia mit Zusatzbuttons um Artikel und Code hinzuzufügen.

TNG-WikiEditor-Werkzeugleiste


Nachfolgende Buttons und Gruppen wurden im TNG-Wiki zur WikiEditor-Werkzeugleiste als Teil der UsabilityInitiative Extension mit dem Upgrade auf MediaWiki 1.16.5 hinzugefügt, und sind nun Teil von MediaWiki 1.25.3.

Hauptgruppe Formatierung

Durchstreichen

Der Button „Durchgestrichen“ Button-strike.png erzeugt

<s>Durchgestrichenen Text</s>

und wird angezeigt als Durchgestrichener Text.

Zip-Datei einfügen

Der Button „Zip-Datei einfügen“ Button-zipfile.png erzeugt

[[Media:Name_der_Zip-Datei.zip|Anzeigename_der_Zip-Datei.zip]]

und wird angezeigt als age_calculation_v8.1.4.zip. Geben Sie den Namen der Zip-Datei ein, und dann den Namen, unter dem die Datei angezeigt werden soll.

Bilddatei einfügen

Der Button „Bilddatei einfügen“ Button-add-media.png erzeugt

[[File:Name_der_Datei.jpg|thumb|right oder left|NNNpx|Ihre Bildbeschreibung]]
und wird angezeigt (siehe rechts am Bildrand)
Ihre Bildbeschreibung
entsprechend folgender Parameter:
  • Bilddateiname
  • Vorschaubild (thumb) falls gewünscht
  • Links-Rechts-Ausrichtung (right or left)
  • NNNpx für die Pixelzahl der Anzeige
  • Bildbeschreibung falls gewünscht

Löschen Sie nicht benötigte Parameter vor der abschließenden Klammer.

Fügen Sie zuerst die Bilddatei ein, dann speichern Sie die Seite, und dann klicken Sie den roten Link um das Bild hochzuladen.

Gruppe Seitenbearbeitung

Vorlage 'Inhaltsverzeichnis' rechts

Der Button „Vorlage 'Inhaltsverzeichnis' rechts“ Button-toc.png erzeugt

{| style="margin-right:0.5 em;" align="right" | __TOC__ |}

und erstellt somit ein rechtsbündiges Inhaltsverzeichnis.

Vorlage 'Sprachen'

Der Button „Vorlage 'Sprachen'“ Button-lang-template.png erzeugt

{{Languages| nach dem senkrechten Strich den Namen der englischen Seite einsetzen}}


Ersetzen Sie den Text nach dem senkrechten Strich den Namen der englischen Seite einsetzen mit dem englischen Titel Ihrer Seite, die sie gerade in Deutsch (German /de), Französich (French /fr) oder Spanisch (Spanish /es) erstellen. Dies erzeugt die Sprachlinks unter der Überschrift der Wiki-Seite für English und die Sprache ihrer gerade bearbeiteten Seite und erlaubt die Sprachumschaltung äquivalenter Inhalte.

Um eine sprachumschaltbare deutsche (German /de), spanische (Spanish /es) oder französische (French /fr) Seite zu erzeugen, lassen Sie den senkrechten Strich | an Ort und Stelle.
Um eine englische Seite zu erzeugen, löschen Sie den senkrechten Strich nebst nachfolgendem Text.

Siehe Making_pages_switch_languages/de für mehr Informationen.

Vorlage 'TNG Version'

Der Button „Vorlage 'TNG Version'“ Button-TNG-template.png erzeugt

{{TNGver | ver=n | notes = Ersetzen Sie n in ver=n mit 10, 1010, 1011, 1012 durch die TNG-Version, für die die Seite gültig ist. Optional, geben Sie Inhalte nach notes = ein, um einen Hinweis anzuzeigen. Löschen Sie die Parameter "| ver=n | notes =" (alles nach TNGver), wenn die Seite für alle Versionen von TNG gültig ist.}}

Hinweis:

  • Ersetzen Sie n in ver=n mit 10, 1010, 1011, 1012 oder durch die TNG-Version, für die die Seite gültig ist.
  • Optional, geben Sie Inhalte nach notes ein, um einen Hinweis anzuzeigen.
  • Löschen Sie die Parameter "| ver=n | notes =" (alles nach TNGver), wenn die Seite für alle Versionen von TNG gültig ist.

Für mehr Informationen siehe Template:TNGver.

Vorlage 'Umschalter für Anzeige'

Der Button „Vorlage 'Umschalter für Anzeige'“ Button-Toggle.png erzeugt

<div class='mw-collapsible'>Klicken Sie rechts auf '''[Einklappen]''' um diesen Bereich zu verstecken oder '''[Ausklappen]''' um den versteckten Bereich anzuzeigen. \n
<div class='toccolours mw-collapsible-content'>Geben Sie den einzuklappenden/auszuklappenden Text hier ein. 
Hinweis: \n
* Wenn der Text beim Aufruf eingeklappt / versteckt sein soll, fügen Sie class 'mw-collapsed' am Beginn der div-Struktur hinzu. \n
* Fast alle HTML-Tags sind als div-Tags und span-Tags in der für Einklappen/Ausklappen verwendeten Struktur erlaubt, und können zusätzlich mit Style-Attributen versehen werden. \n
* Der einklappbare/ausklappbare Text kann relativ lang sein und Bilder und/oder Tabellen enthalten. \n
* Siehe  ''[https://test.wikipedia.org/wiki/User:Krinkle/Test_suite_for_mw-collapsible User:Krinkle/Test suite for mw-collapsible]'' für mehr Beispiele.</div></div>

wobei Sie mw-collapsed zum <div class="mw-collapsible"> Tag hinzufügen können, um den Inhalt des div Tags beim Aufruf auszublenden.

Nutzen Sie <div class="mw-collapsible-content"> um den Text inerhalb eines div auzublenden/einzublenden.

Markieren Sie Text bevor Sie den Button klicken, und es wird für den markierten Text folgender Umschalter erzeugt:

<div class='mw-collapsible'>Klicken Sie rechts auf '''[Einklappen]''' um diesen Bereich zu verstecken oder '''[Ausklappen]''' um den versteckten Bereich anzuzeigen. \n<div class='toccolours mw-collapsible-content'>uhoihoh</div></div>

Sie können den Beschreibungstext für die Buttons [Einklappen] und [Ausklappen) für eigene Instruktionen nutzen.

Kategorie zuweisen

Der Button „Kategorie zuweisen“ Button-category.png erzeugt [[Category:Name der Kategorie hier eingeben]] wobei Sie 'Name der Kategorie hier eingeben' mit dem Namen der Kategorie ersetzen, zu der der Artikel zugeordnet werden soll.

Gruppe Stil

Blocksatz

Der Button „Blocksatz“ Button-blockquote.png erzeugt <blockquote> Text, der im Blocksatz angezeigt werden soll, hier eingeben </blockquote> </blockquote>

Ersetzen Sie 'Text, der im Blocksatz angezeigt werden soll, hier eingeben' durch Ihren Text. Das Ergebnis ist

Ihr im Blocksatz angezeiger Text.

Schriftfarbe

Der Button „Schriftfarbe“ Button-font-color.png erzeugt

<span style="color: ColourName">Hier den Text eingeben und anstelle 'ColourName' die gewünschte Farbe angeben</span>

Ändern Sie den Farbnamen (ColourName), z. B. in grün (#006400)
Hier den Text eingeben und anstelle 'ColourName' die gewünschte Farbe angeben

Legen Sie die Schriftfarbe fest, indem Sie den Farbnamen ersetzen: style="color:" .

Gruppe Erweitert

Definitionsliste

Der Button „Definitionsliste“ Button-list-definition.png erzeugt

; Definition : Item 1 : Item 2

Ersetzen Sie das Wort 'Definition' mit dem Listennamen und 'Item 1' bzw. 'Item 2' mit Listeneinträgen. Zum Hinzufügen von Listeneinträgen nutzen Sie die Syntax für Texteinzug :. Die Definitionsliste wird wie folgt angezeigt:

Zweige
Zweige definieren
Zweige kennzeichnen
Zweige neukennzeichnen

Hinweis: Das Definitionslistenzeichen ;wird auch für TNG Glossareinträge unter den jeweiligen Glossarbuchstaben verwendet.

Gruppe Code

Vorformatierter Text

Der Button „Pre-Container“ (Vorformatierter Text) Button-pre.png erzeugt

<pre> Hier den Text eingeben</pre>

und wird wie folgt angezeigt:

Hier den Text eingeben<

Code-Ausschnitt

Der Button "Code-Ausschnitt" Button-code.png erzeugt

<code>Code-Ausschnitt hier eingeben</code>

und wird wie folgt angezeigt: Code-Ausschnitt hier eingeben

Hinweis:

  • Gelegentlich müssen Sie den Umbruch in den <code></code> Abschnitten innerhalb der <nowiki> Tags von Hand setzen.
  • Sie können die beiden Buttons "Code-Ausschnitt" und „Syntax hervorheben” (siehe unten) gemeinsam nutzen.

Syntax hervorheben

Nutzen Sie den Button „Syntax hervorheben“ Syntax hervorheben um Code-Ausschnitte in PHP, javascript, css, usw. hervorzuheben.

Der Button „Syntax hervorheben“ Syntax hervorheben erzeugt

<syntaxhighlight lang="html4strict" line start="100" highlight="5" enclose="div"></syntaxhighlight>

Spezifizieren Sie wie folgt:

  • lang= Programmiersprache, z. B. lang="css", lang="html4strict", lang="javascript", lang="php" (Voreinstellung ist lang= is not specified), oder verschiedene andere Sprachen.
  • line Option zur Zuweisung einer Zeilennummer
  • start="line" Startzeilennummer, falls line festgelegt wurde
  • highlight="5" hebt Zeile 5 hervor
  • enclose="div" erlaubt lange Codezeilen umzubrechen

Anwendungsfall: Wenn Sie lange Codezeilen in früher erstellten Wiki-Seiten haben, ersetzen Sie <code><nowiki></code> oder <pre></pre> mit dem neuen Tag <syntaxhighlight>.

Die Codezeilen werden hervorgehoben und mit dem Parameter enclose="div" automatisch korrekt umgebrochen:

//  New Account Request Form additions
//  Reason why you need a User ID on our site
$text['userreason']=
"Note that you must provide a direct connection to the<strong>person ID (Innnn) of your grandparent,
great-grandparent,or
great-great-grandparent</strong> who is in our database. Auser ID
is only needed to view information on <strong>Living
Cousins</strong>, and will only be approved if you provide
information that documents your relationship to a person already in our
family tree. <strong>Relationships from the
1600-1700 are too far removed for me to grant access to Living people.</strong> Thanks.$dbowner";

Ohne den Parameter enclose="div" werden keine Umbrüche erzeugt und es entstehen bei langen Zeilen am rechten Rand Zeilenüberhänge:

//  New Account Request Form additions
//  Reason why you need a User ID on our site
$text['userreason']= "Note that you must provide a direct connection to the<strong>person ID (Innnn) of your grandparent, great-grandparent,or great-great-grandparent</strong> who is in our database. A User ID is only needed to view information on <strong>Living
Cousins</strong>, and will only be approved if you provide information that documents your relationship to a person already in our
family tree. <strong>Relationships from the 1600-1700 are too far removed for me to grant access to Living people.</strong> Thanks.$dbowner";


Hinweis Nutzen Sie den Button „Syntax hervorheben“ Syntax hervorheben und hier speziell den Parameter enclose="div", um Umbrüche in langen Texten zu erzeugen, die Sie vorher mit den Tags <pre> </pre> erzeugen mussten.

Kommentar einfügen

Der Button „Kommentar einfügen“ Button-hide-comment.png erzeugt

<!-- Hier Kommentar einfügen, der nur beim Bearbeiten der Seite angezeigt wird -->

Der Kommentar ist nur beim Bearbeiten der Seite sichtbar.

<!-- Ihre Kommentare -->