Formatierung und Medien: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 3. Dezember 2020, 11:53 Uhr

Diese Anleitung ist aus dem Stadtwiki Lünepedia übernommen, weshalb sich die Beispiele auf Lüneburg beziehen. Die Funktionen sind jedoch dieselben.

Dieser Artikel ist eine Anleitung für die Formatierung von Text und die Einbindung von Medien (Bildern, Videos und Karten) im Stadtwiki. Die Werkzeugleiste im Bearbeitungsmodus ist dafür eine große Hilfe, da sich mit den Buttons gewünschte Änderungen automatisch vornehmen beziehungsweise Elemente einfügen lassen. Die Funktionen sind auch für Einsteiger*innen intuitiv und reichen für die meisten Bearbeitungen aus. Möchtest du einen Artikel bearbeiten oder erstellen, wähle im Aktionen Menü den Punkt Bearbeiten.

Allgemeines

Anders als herkömmliche Textbearbeitungsprogramme, wie zum Beispiel Word, funktioniert der Wiki Editor nicht nach dem Prinzip WYSIWYG ("What you see is what you get", deutsch: "Was du siehst, ist was du bekommst"). Im Bearbeitungsmodus selbst wird ein Wort zum Beispiel nicht kursiv angezeigt, wenn du die Zeichen dafür verwendest (''Kursives Wort''). Erst beim Speichern siehst du die Resultate der Formatierung (Kursives Wort). Durch die Funktion Vorschau zeigen kannst du aber auch ohne Veröffentlichung der Änderungen schon sehen, wie der Artikel aussehen wird. Der von Lünepedia und vielen weiteren Wikis (wie auch Wikipedia) genutzte Formatierungsstil nennt sich Wikitext oder Wiki Markup. Durch bestimmte Sonderzeichen werden ausgewählte Begriffe zum Beispiel hervorgehoben oder mit einem Link versehen.

Werkzeugleiste

Im Bearbeitungsmodus befindet sich oben eine Zeile mit Formatierungshilfen. Für die meisten Bearbeitungen genügt es, diese Buttons zu nutzen. Mit diesen lassen sich Segmente automatisch einfügen, um folgende Änderungen am Text vorzunehmen:

Button	Name	Was du schreibst	Wie es dargestellt wird
	Fetter Text	`'''Beispiel'''`	Beispiel
	Kursiver Text	`''Beispiel''`	Beispiel
	Link einfügen	`[[Projekt:Formatierung und Medien#Werkzeugleiste\|Beispiel]]`	Beispiel
	Externer Link	`[https://www.beispiel.de Beispiel]`	Beispiel
	(Bild-)Datei einbetten	Siehe unten	Siehe unten
	Quellenangabe	`Beispiel<ref>https://www.beispiel.de</ref>`	Beispiel^[1]

	Überschrift	z. B. `== Werkzeugleiste ==`	Siehe Überschrift dieses Abschnitts
	Aufgezählte Liste	`* 1. Stichpunkt` `* 2. Stichpunkt`	1. Stichpunkt 2. Stichpunkt
	Nummerierte Liste	`# Nummerierter Listeneintrag` `# Nummerierter Listeneintrag`	Nummerierter Listeneintrag Nummerierter Listeneintrag
	Keine Wikiformatierung	`<nowiki>[[Beispiel]]</nowiki>` (wird sonst zu Link)	[[Beispiel]] (wird sonst zu Link)
Button entfernt	Zeilenumbruch erzwingen	`Bitte nicht<br>im Fließtext verwenden.`	Bitte nicht im Fließtext verwenden.
Button entfernt	Groß	`<big>Bitte</big> nicht verwenden`	Bitte nicht verwenden
Button entfernt	Klein	`<small>Bitte</small> nicht verwenden`	Bitte nicht verwenden
	Hochgestellt	`Beispiel<sup>2</sup>`	Beispiel²
	Tiefgestellt	`Beispiel<sub>2</sub>`	Beispiel₂
	Bildergalerie	Probier es aus!	Finde es heraus!
	Weiterleitung	`#WEITERLEITUNG [[Projekt:Neuen Artikel` `erstellen#Weiterleitungen]]`	Siehe hier
	Tabelle	Probier es aus!	Z. B. wie diese Tabelle
	Externer Link Icon	`<span class="fa fa-external-link fa-lg small-icon">`
	Video einbetten	Siehe unten	Siehe unten
	Karte	Siehe unten	Siehe unten
	Suchmaschinenoptimierung	`{{#seo:\|description=Stell dir eine Stadt vor, in der alle Menschen am Wissen der Gemeinschaft teilhaben, es nutzen und mehren können.}}` (Kurze Beschreibung des Artikels für Suchmaschinen und Linkvorschau in Messengern)
	Gitter	Siehe Projekt:Gitter	Siehe Projekt:Gitter
	Suchen und ersetzen	Probier es aus!
	Sonderzeichen	Verschiedene Alphabete und Symbole	Z. B. π, †, ⅓, ش

Diskussion	Signatur mit Zeitstempel	`--~~~~`	--Dein Benutzer*innenname (Diskussion) 13:47, 22. Jun. 2020 (CEST)
Diskussion	Signatur	`~~~`	Dein Benutzer*innenname (Diskussion)
Diskussion	Einrücken	`Normaler Text` `:Eingerückt` `::Doppelt eingerückt`	Normaler Text Eingerückt Doppelt eingerückt

Fortgeschrittene Formatierung

Sollten die Funktionen der Werkzeugleiste nicht ausreichen, bieten die folgenden Abschnitte Anleitungen und Beispiele für weiterführende Bearbeitungen.

Bilder

Die Verwendung von Bildern ist ausdrücklich erwünscht, da diese die Qualität eines Artikels deutlich steigern können. Die weitgehend selbsterklärende Funktion unter in der Werkzeugleiste des Bearbeitungsmodus ermöglicht das komplikationslose Einfügen. Es dürfen jedoch nur Bilder verwendet werden, die:

für die öffentliche Verwendung im Wiki vom Benutzer oder Urheber freigeben wurden, oder
die vom Benutzer selbst gemacht und für die Veröffentlichung freigegeben wurden.

Bilder, bei denen der Verdacht besteht, dass gegen diese Kriterien verstoßen wurde, werden ohne Anspruch auf Erklärung gelöscht.

Wir empfehlen daher die Verwendung von Bildern aus den MediaWiki Commons , der freien Mediensammlung von Wikipedia und anderen Projekten. Geeignete Bilder können über entsprechende Wikipedia-Artikel oder die Suchfunktion der Wikimedia Commons gefunden werden. Die meisten Mediendateien sind unter der Lizenz "Creative Commons BY-SA 4.0" veröffentlicht - derselben wie auf Lünepedia - und dürfen hier entsprechend eingebunden werden. Dafür muss das Bild nicht einmal herunter- und wieder hochgeladen werden, sondern kann direkt eingebunden werden.

Was du schreibst:

[[Datei:Lueneburg BlickVomKalkberg2020.jpg|mini|400px|rechts|Beispielbild]]

Lueneburg BlickVomKalkberg2020.jpg ist der Name des Bildes, den du auf Wikipedia beziehungsweise Wikimedia Commons findest, falls das Bild aus deren Datenbank stammt. Andernfalls den Bezeichnung verwenden, unter der das Bild auf Lünepedia hochgeladen ist. mini gibt das Format an und ist der empfohlene Wert für die meisten Bilder. 400px gibt die Breite des Bildes in Pixeln an. rechts ist die empfohlene Ausrichtung und zudem der Standardwert, muss also nicht angegeben werden. Beispielbild ist die Bildunterschrift. Hilfe beim Einbetten von Dateien bietet der Button in der Werkzeugleiste im Bearbeitungsmodus.

Wie es aussieht:

Bilder, die auf dieses Wiki hochgeladen werden, fallen unter die allgemeine Lizenz des Wikis, falls sie nicht anders gekennzeichnet werden. Sie dürfen damit unter gleichen Bedingungen und mit Namensnennung weiterverwendet werden.

Videos

Anders als auf Wikipedia ist es in unserem Wiki auch möglich, Videos aus Plattformen wie YouTube oder Vimeo einzubetten. Dafür muss lediglich folgende Zeile im Bearbeitungsmodus eines Artikels eingefügt werden:

Was du schreibst:

{{#ev:youtube|https://www.youtube.com/watch?v=O6l3EI9fNSo|350|right|Videounterschrift.}}

#ev:youtube" gibt die Plattform an (möglich sind auch #ev:vimeo und viele weitere ). 350 gibt die Breite in Pixeln an, die Höhe passt sich automatisch an (wichtig: px weglassen!) Mit 480x320 kannst du Breite mal Höhe angeben und mit x320 nur die Höhe, wobei sich die Breite nicht automatisch anpasst, sondern den Standardwert von 640px annimmt. Right ist die empfohlene Ausrichtung und Videounterschrift sollte durch geeigneten Text ersetzt werden.

Wie es aussieht:
{{#ev:youtube|https://www.youtube.com/watch?v=O6l3EI9fNSo%7C350%7Cright%7CVideounterschrift.}}

Weitere Hinweise dazu finden sich in dieser englischsprachigen Anleitung .

Karten

Die Einbindung von OpenStreetMaps in Artikeln ist möglich und empfohlen, insofern die Angabe von Positionen und Orten beim Thema des Artikels sinnvoll ist. Neben Adressen können auch Koordinaten verwendet werden. Dafür muss lediglich ein Code-Segment wie die folgenden in den Artikel eingefügt und angepasst werden. Dabei hilft der Button in der Werkzeugleiste.

{{#display_map:Lüneburg, Germany}}

wird zu:

{{#display_map:Katzenstraße 2, Lüneburg, Germany; Finkstraße 4, Lüneburg, Germany; Universitätsallee 1, Lüneburg, Germany}}

wird zu:

{{#display_map:Katzenstraße 2, Lüneburg, Germany; Finkstraße 4, Lüneburg, Germany; Universitätsallee 1, Lüneburg, Germany}}

Es lassen sich auch weitere Werte festlegen, zum Beispiel die Breite und Höhe der Karte, ob der Vollbildmodus erlaubt werden soll oder ob Popups erscheinen, wenn man auf einen Marker klickt. Weitere Parameter werden in der offiziellen, englischsprachigen Anleitung erklärt.

{{#display_map:
Sülfmeisterstraße 1, Lüneburg, Germany~
'''Popup-Überschrift'''~
Der Popup-Text kann etwas über diesen Ort (das Deutsche Salzmuseum) erklären und dabei auch [[Lünepedia:Neuen Artikel erstellen|Links]] enthalten
|height=250px
|width=80%
|center=Lüneburg, Germany
|fullscreen=on
|zoom=13
}}

wird zu:

{{#display_map:Sülfmeisterstraße 1, Lüneburg, Germany~Popup-Überschrift~Der Popup-Text kann etwas über diesen Ort (das Deutsche Salzmuseum) erklären und dabei auch Links enthalten|height=250px|width=80%|center=Lüneburg, Germany|fullscreen=on|zoom=13}}

Gitter

Hauptartikel: Projekt:Gitter

Durch ein Gitter wie dieses hier wird der Bildschirm in Spalten unterteilt, um Inhalte übersichtlich zu struktieren.

Der Inhalt einer Gitterspalte kann mit allen verfügbaren Wiki-Inhalten gefüllt werden, also neben normalem Text und Links auch mit Bildern, Videos und Karten oder sogar weiteren Gittern und Tabs.

Anleitung

Wie bei dieser Spalte können Gitter auch Überschriften haben. Erklärungen und Beispiele beinhaltet unsere Anleitung zu Gittern.

Tabs

Hauptartikel: englischsprachige Anleitung der Anbieter*innen

Tab 1
Tab 2
Tab 3
Tab 4

Tabs erlauben die Unterteilung von Text und anderen Inhalten in verschiedene Abschnitte, zwischen denen Leser*innen hin- und herspringen können. Probiere die Funktion aus, indem du die anderen Tabs (2 - 4) öffnest.

Tab 2.1
Tab 2.2

Sie können horizontal, aber auch vertikal angeordnet sein...

... so wie diese Tabs im Tab.

Eine englischsprachige Anleitung und Kopiervorlage des Codes, den man für die Erstellung von Tabs in einen Artikel einfügen muss, findet sich auf der Seite des Anbieters .

Viel Spaß beim Ausprobieren dieser Funktion!

Weblinks

Wikipedia Anleitung: Textgestaltung
Wikipedia: Bildrechte
MediaWiki Anleitung: Extension:EmbedVideo
MediaWiki Anleitung: Extension:Maps
MediaWiki Pivot Skin Anleitung: Grid
MediaWiki Pivot Skin Anleitung: Tabs
MediaWiki Pivot Skin Anleitung: Image Slider

Einzelnachweise (Beispiel)

↑ https://www.beispiel.de

[1] ttps://www.beispiel.de

[1]

Version vom 3. Dezember 2020, 11:51 Uhr Quelltext anzeigen Felix Englisch (Diskussion \| Beiträge) Bürokraten, Oberflächenadministratoren, Administratoren 1.680 Bearbeitungen Keine Bearbeitungszusammenfassung ← Zum vorherigen Versionsunterschied		Version vom 3. Dezember 2020, 11:53 Uhr Quelltext anzeigen Felix Englisch (Diskussion \| Beiträge) Bürokraten, Oberflächenadministratoren, Administratoren 1.680 Bearbeitungen Keine Bearbeitungszusammenfassung Zum nächsten Versionsunterschied →
Zeile 1:		Zeile 1:
	~~<poem class="message-box yellow">Diese~~ Anleitung ~~ist~~ aus ~~dem Stadtwiki ''[https://luenepedia.de~~ Lünepedia~~]'' übernommen, weshalb sich die Beispiele auf Lüneburg beziehen.<br>Die beschriebenen Funktionen sind jedoch dieselben.</poem>~~		{{Anleitung aus Lünepedia}}

	{{#seo:		{{#seo:

Projekt