Projekt:Formatierung und Medien

Diese Anleitung bezieht sich auf den Bearbeitungsmodus im Quelltext. Die visuelle Bearbeitung funktioniert anders - diese ist aber so intuitiv, dass es i. d. R. keine Anleitung braucht.

Bearbeitungsansicht eines Artikels mit Werkzeugleiste

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
		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>	Beispiel2
	Tiefgestellt	Beispiel<sub>2</sub>	Beispiel2
	Weiterleitung	#WEITERLEITUNG [[Projekt:Neuen Artikel erstellen#Weiterleitungen]]	Siehe hier
	Tabelle	Probier es aus!	Z. B. wie diese Tabelle
	Externer Link Icon	{{Externer Link Icon}} Eine Vorlage mit dem Inhalt: <span class="fa fa-external-link fa-lg small-icon">
	Video einbetten	Siehe unten	Siehe unten
	Karte	Siehe unten	Siehe unten
	Suchmaschinenoptimierung	{{#seo:site_name=INOVe – Bildet Netzwerke!|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!
		Verschiedene Alphabete und Symbole	Z. B. π, †, ⅓, ش
Diskussion bzw.	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:

Beispielbild

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:Lüneburg, Germany}}

{{#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}}

Ausrichtung und Rahmen

Damit die Karte an den rechten Bildschirmrand rückt und wie die eingebetteten Bilder und Videos einen Rahmen erhält, füge das Code-Segment <div class="map"> vor dem Kartensegment {{#display_map: ...}} ein und </div> dahinter. Unmittelbar vor dem </div> kannst du eine Beschriftung einfügen, die klein unter der Karte erscheint.

Was du schreibst:

<div class="map">
{{#display_map:Liebesgrund, Lüneburg}}
Lage des Liebesgrund
</div>

Wie es aussieht:

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

Lage des Liebesgrund

Parameter

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 [[Deutsches Salzmuseum|Deutsche Salzmuseum]]) erklären.
|height=250px (Höhe, in Pixeln)
|width=80% (Breite, in px oder in % der Bilschirmbreite)
|center=Lüneburg, Germany
|fullscreen=on (Ob der Vollbildschirm-Button unten links angezeigt wird) - Empfohlen ist on
|scrollzoom=off (Ob Scrollen rein- bzw. rauszoomt) - Empfohlen ist off
|zoom=11 (Zoomstufe; 1 ist das Weiteste, 20 das Nächste, 13 ist Standard)
|icon=Yellow-marker.png (Farbe des Markers; mögliche Werte: Yellow-marker.png, Green-marker.png, Red-marker.png, Small-main-marker.png, Small-yellow-marker.png, Small-green-marker.png, Small-red-marker.png und Grey-marker.png)
|resizable=on (Ob das Ziehen an der rechten unteren Ecke zur Änderung der Größe führt)
|cluster=on (Falls mehrere Marker gesetzt sind, ob diese geclustert werden, wenn rausgezoomt wird oder diese nah beeinander sind - in diesem Beispiel nicht zu sehen)
}}


wird zu:

{{#display_map:Sülfmeisterstraße 1, Lüneburg~Popup-Überschrift~Der Popup-Text kann etwas über diesen Ort (das Deutsche Salzmuseum) erklären.|height=250px|width=80%|center=Lüneburg, Germany|fullscreen=on|zoom=11|icon=Yellow-marker.png|scrollzoom=off|resizable=on|cluster=on}}

---

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