MediaWiki/Bilder: Unterschied zwischen den Versionen

Aus Foxwiki
Subpages:
K Dirkwagner verschob die Seite MediaWiki:Bilder nach MediaWiki/Bilder, ohne dabei eine Weiterleitung anzulegen
 
(37 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
'''Bilder''' einem Wiki-Artikel hinzufügen
'''Bilder''' einem Wiki-Artikel hinzufügen


= Bilder in Wiki-Artikeln =
= Bilder =
* Interesse wecken
* Interesse wecken
* Komplexe Zusammenhänge visualisieren
* Komplexe Zusammenhänge visualisieren
Zeile 7: Zeile 7:


= Bilder hochladen =
= Bilder hochladen =
# "Datei hochladen" im linken Bedienfeld
siehe '''[[Wiki:Bilder:hochladen]]'''
# Gewünschte Datei über "Durchsuchen" auswählen.
# Bildbeschreibung hinzufügen
# Quellen und Lizenz angeben (Wichtig!)
# Datei hochladen


== Meldungen ==
= Bilder einfügen =
''Datei schon vorhanden''
An gewünschter Stelle im Artikel
* Datei umbenennen
'''<nowiki>[[File:Dateiname]]</nowiki>'''


''Format nicht unterstützt''
''' Beispiel '''
* Grafikformat ändern
'''<nowiki>[[File:Example_de.svg]]</nowiki>'''


''Datei ersetzen''
[[File:Example_de.svg]]
* neue Version der Datei hochladen


= Bilder einfügen =
= Bildeigenschaften =
An gewünschter Stelle des Artikels einfügen:
[[Datei:Example de.svg | 150px | mini | rechts | Beispielbild]]
<nowiki> [[File: Dateiname | Skalierung | Darstellungsart | Ausrichtung | Bildbeschreibung ]]</nowiki>
Beispiel (Resultat Bild rechts)
<nowiki> [[File:Example de.svg | 150px | mini | right| Beispielbild]]</nowiki>


== Bildeigenschaften ==
== Skalierung ==
{| class="wikitable"
feste Skalierung  
! Eigenschaft !! Funktion !! Syntax !! Beispiel !! Zusatz
festgelegte Größenangabe in Pixel  
|-----
"150px", "150x150px"  
| Dateiname || Dient zur Dateiauswahl
<code><nowiki>[[File:Example de.svg |</nowiki> '''150px'''<nowiki> | mini | right| Beispielbild]]</nowiki></code> ||
| "File: Dateiname"
| <code><nowiki>[[File:</nowiki>'''Example de.svg'''<nowiki>| 150px | mini | rechts | Beispielbild]]</nowiki></code> ||
*Dateiname muss vollständig sein
|-----
| feste Skalierung  
| festgelegte Größenangabe in Pixel  
| "150px", "150x150px"  
| <code><nowiki>[[File:Example de.svg |</nowiki> '''150px'''<nowiki> | mini | right| Beispielbild]]</nowiki></code> ||
*Breite oder auch Höhe und Breite können festgelegt werden
*Breite oder auch Höhe und Breite können festgelegt werden
|-----
 
| automatische Skalierung  
automatische Skalierung  
| Skalierbare Vergrößerung mit 50 % der Standardbreite  
Skalierbare Vergrößerung mit 50 % der Standardbreite  
| "upright=0.5"  
"upright=0.5"  
| <code><nowiki>[[File:Example de.svg |</nowiki> '''upright=0.5'''<nowiki> | mini | right| Beispielbild]]</nowiki></code> ||
<code><nowiki>[[File:Example de.svg |</nowiki> '''upright=0.5'''<nowiki> | mini | right| Beispielbild]]</nowiki></code> ||
* Funktioniert nur zusammen mit "mini" oder "frameless"  
* Funktioniert nur zusammen mit "mini" oder "frameless"  
* Nur bei stark unterschiedlichen Seitenverhältnissen  
* Nur bei stark unterschiedlichen Seitenverhältnissen
|-----
 
| Darstellungsart  
== Darstellungsart ==
| legt die Art des Bildes fest  
* legt die Art des Bildes fest  
| "mini", "thumb", "thumbnail", "frameless"  
* "mini", "thumb", "thumbnail", "frameless"  
| <code><nowiki> [[File:Example de.svg | 150px | </nowiki>'''thumb'''<nowiki> | right| Beispielbild]]</nowiki></code> ||
 
*bei "frameless" wird die Bildbeschreibung als Tooltip angezeigt  
<nowiki> [[File:Example de.svg | 150px | </nowiki>'''thumb'''<nowiki> | right| Beispielbild]]</nowiki> ||
*bei Verwendung mehrerer, wird nur die erste verwendet
 
|-----
* bei "frameless" wird die Bildbeschreibung als Tooltip angezeigt  
| Ausrichtung  
* bei Verwendung mehrerer, wird nur die erste verwendet
| richtet das Bild aus  
 
| "right", "left", "center", "none"  
== Ausrichtung ==
| <code><nowiki> [[File:Example de.svg | 150px | mini | </nowiki>'''right'''<nowiki> | Beispielbild]]</nowiki></code> ||
* richtet das Bild aus  
*"none" verhindert den Textumfluss des Bildes
* "right", "left", "center", "none"  
|-----
<nowiki> [[File:Example de.svg | 150px | mini | </nowiki>'''right'''<nowiki> | Beispielbild]]</nowiki> ||
| Bildbeschreibung
 
| Beschreibt das Bild  
* "none" verhindert den Textumfluss des Bildes
| "Beispielbild"  
 
| <code><nowiki> [[File:Example de.svg | 150px | mini | right| </nowiki>'''Beispielbild'''<nowiki>]]</nowiki></code> ||
== Beschreibung ==
*möglichst kurz fassen
* Beschreibt das Bild  
|-----
* "Beispielbild"  
|}
<code><nowiki> [[File:Example de.svg | 150px | mini | right| </nowiki>'''Beispielbild'''<nowiki>]]</nowiki></code>
 
* kurz und prägnant


== Bildauswahl über Medien Archiv ==
= Bildauswahl =
== Medien Archiv ==
# Die Medien Archiv Suche aufrufen. (https://commons.wikimedia.org/w/index.php?search&uselang=de)
# Die Medien Archiv Suche aufrufen. (https://commons.wikimedia.org/w/index.php?search&uselang=de)
# Nach einem passendem Bild durchsuchen.
# Nach einem passendem Bild durchsuchen.
Zeile 80: Zeile 65:
=== Beispiel ===
=== Beispiel ===
[[Datei:Wikimedia Commons Suche.PNG | 700px | mini | ohne | Die Medien Archiv Suche]]
[[Datei:Wikimedia Commons Suche.PNG | 700px | mini | ohne | Die Medien Archiv Suche]]
[[Datei:Wikimedia Commons Suche Eingabe v2.png | 700px | mini | ohne | Sucheingabe]]
[[Datei:Wikimedia Commons Suche Eingabe v2.png | 700px | mini | ohne | Sucheingabe]]
[[Datei:Wikimedia Commons Suche Ergebnis v2.png | 700px | mini | ohne | Suchergebnis, Auswahl des passenden Bildes und der Dateiname]]
[[Datei:Wikimedia Commons Suche Ergebnis v2.png | 700px | mini | ohne | Suchergebnis, Auswahl des passenden Bildes und der Dateiname]]


Zeile 97: Zeile 86:
# Nun auf der Bilddatei-Seite den Dateiname 1:1 übernehmen und in der Syntax (s.O) einfügen.
# Nun auf der Bilddatei-Seite den Dateiname 1:1 übernehmen und in der Syntax (s.O) einfügen.


==== Beispiel ====
''' Beispiel '''
 
[[Datei:Wikipedia Artikel Suche Ergebnis.PNG | 700px | mini | ohne | Wikipedia Artikel und Bildauswahl]]
[[Datei:Wikipedia Artikel Suche Ergebnis.PNG | 700px | mini | ohne | Wikipedia Artikel und Bildauswahl]]
[[Datei:Wikipedia Artikel Suche Ergebnis Auswahl Öffnen.png | 700px | mini | ohne | Ausgewähltes Bild im neuen Tab öffnen (rechte Maustaste oder mittlere Maustaste]]
[[Datei:Wikipedia Artikel Suche Ergebnis Auswahl Öffnen.png | 700px | mini | ohne | Ausgewähltes Bild im neuen Tab öffnen (rechte Maustaste oder mittlere Maustaste]]
[[Datei:Wikipedia Artikel Suche Ergebnis Dateiseite.PNG | 700px | mini | ohne | Dateiseite des geöffneten Bildes und Dateiname]]
[[Datei:Wikipedia Artikel Suche Ergebnis Dateiseite.PNG | 700px | mini | ohne | Dateiseite des geöffneten Bildes und Dateiname]]


Nach Eingabe des Dateinamens in die Syntax (s.O) und leichter Anpassung entsteht Folgendes:
Nach Eingabe des Dateinamens in die Syntax (s.O) und leichter Anpassung entsteht Folgendes:
[[Datei:Example de.svg | 150px | mini | ohne | Beispielbild]]
[[Datei:Example de.svg | 150px | mini | ohne | Beispielbild]]
= Darstellungsverhalten =
Das Darstellungsverhalten beschreibt die Dateidarstellung bei der Codeformatierung.
= Darstellung ohne Eigenschaften =
{| class="wikitable"
! Beschreibung !! Eingabe !! Ergebnis
|-----
| Kein Format festgelegt <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <nowiki>[[File:Example_de.svg]] </nowiki> <br/> Text Text Text ..
| .. Text Text Text [[File:Example de.svg]] Text Text Text..
|-----
| Kein Format festgelegt <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <br/> <nowiki>[[File:Example_de.svg]] </nowiki> <br/> Text Text Text ..
| .. Text Text Text <br/> [[File:Example de.svg]] Text Text Text..
|-----
| Kein Format festgelegt <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <nowiki>[[File:Example_de.svg]] </nowiki> <br/> <br/> Text Text Text ..
| .. Text Text Text [[File:Example de.svg]] <br/> Text Text Text..
|-----
| Kein Format festgelegt <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <br/> <nowiki>[[File:Example_de.svg]] </nowiki> <br/> <br/> .. Text Text Text
| .. Text Text Text <br/> [[File:Example de.svg]] <br/> Text Text Text..
|}
= Darstellung der Formateigenschaften =
*Gleiches Darstellungsverhalten wie bei "Darstellung ohne Eigenschaften"
{| class="wikitable"
! Beschreibung !! Eingabe !! Ergebnis
|-----
| Format '''border''': Darstellung in einem sehr dünnen grauen Rand <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <nowiki> [[File:Example_de.svg|border|Bildbeschreibung]]</nowiki> <br/> Text Text Text ..
| .. Text Text Text [[File:Example de.svg|border|Bildbeschreibung]] Text Text Text..
|-----
| Format '''frameless''': Übernimmt User-Vorgabe für Bildbreite (Standard=220px), ohne Rahmen, ohne rechtes Umfließen des Textes <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <nowiki> [[File:Example_de.svg|frameless|Bildbeschreibung]]</nowiki> <br/> Text Text Text ..
| .. Text Text Text [[File:Example de.svg|frameless|Bildbeschreibung]] Text Text Text..
|-----
| Format '''frameless''' und '''border''': Übernimmt User-Vorgabe für Bildbreite (Standard=220px), mit Rand, ohne rechtes Umfließen des Textes  <br/> schwebender Textblock: nein <br/> Inline-Element: ja <br/> Bildbeschreibung: als Tooltip
| .. Text Text Text <br/> <nowiki> [[File:Example_de.svg|frameless|border|Bildbeschreibung]]</nowiki> <br/> Text Text Text ..
| .. Text Text Text [[File:Example de.svg|rahmenlos|rand|Bildbeschreibung]] Text Text Text..
|-----
| Format '''frame''': Gerahmt mit Bildunterschrift  <br/> schwebender Textblock: ja <br/> Inline-Element: nein <br/> Bildbeschreibung: als Bildunterschrift
| .. Text Text Text <br/> <nowiki> [[File:Example_de.svg|frame|Bildbeschreibung]]</nowiki> <br/> Text Text Text ..
| .. Text Text Text <br/> [[File:Example de.svg|frame|Bildbeschreibung]] Text Text Text..
|}


= Links =
= Links =
Zeile 158: Zeile 102:
# [https://www.mediawiki.org/wiki/Help:Images/de Hilfe:Bilder - MediaWiki]
# [https://www.mediawiki.org/wiki/Help:Images/de Hilfe:Bilder - MediaWiki]
# [https://de.wikipedia.org/wiki/Hilfe:Bilder Hilfe:Bilder - Wikipedia]
# [https://de.wikipedia.org/wiki/Hilfe:Bilder Hilfe:Bilder - Wikipedia]
[[category:Wiki]]
 
[[Kategorie:MediaWiki/Anleitung]]

Aktuelle Version vom 2. Juni 2024, 10:12 Uhr

Bilder einem Wiki-Artikel hinzufügen

Bilder

  • Interesse wecken
  • Komplexe Zusammenhänge visualisieren
  • Informationsentnahme erleichtern

Bilder hochladen

siehe Wiki:Bilder:hochladen

Bilder einfügen

An gewünschter Stelle im Artikel

[[File:Dateiname]]

Beispiel

[[File:Example_de.svg]]

Bildeigenschaften

Skalierung

feste Skalierung festgelegte Größenangabe in Pixel "150px", "150x150px"

[[File:Example de.svg | 150px | mini | right| Beispielbild]] ||
  • Breite oder auch Höhe und Breite können festgelegt werden

automatische Skalierung Skalierbare Vergrößerung mit 50 % der Standardbreite "upright=0.5"

[[File:Example de.svg | upright=0.5 | mini | right| Beispielbild]] ||
  • Funktioniert nur zusammen mit "mini" oder "frameless"
  • Nur bei stark unterschiedlichen Seitenverhältnissen

Darstellungsart

  • legt die Art des Bildes fest
  • "mini", "thumb", "thumbnail", "frameless"
 [[File:Example de.svg | 150px | thumb | right| Beispielbild]] ||
  • bei "frameless" wird die Bildbeschreibung als Tooltip angezeigt
  • bei Verwendung mehrerer, wird nur die erste verwendet

Ausrichtung

  • richtet das Bild aus
  • "right", "left", "center", "none"
 [[File:Example de.svg | 150px | mini | right | Beispielbild]] ||
  • "none" verhindert den Textumfluss des Bildes

Beschreibung

  • Beschreibt das Bild
  • "Beispielbild"
 [[File:Example de.svg | 150px | mini | right| Beispielbild]]
  • kurz und prägnant

Bildauswahl

Medien Archiv

  1. Die Medien Archiv Suche aufrufen. (https://commons.wikimedia.org/w/index.php?search&uselang=de)
  2. Nach einem passendem Bild durchsuchen.
  3. Passendes Bild aussuchen und Dateiname 1:1 übernehmen und in der Syntax (s.o) einfügen.

Beispiel

Die Medien Archiv Suche


Sucheingabe


Suchergebnis, Auswahl des passenden Bildes und der Dateiname

Nach Eingabe des Dateinamens in die Syntax (s.O) und leichter Anpassung entsteht folgendes:

Beispielbild

Bilder aus Wikipedia einfügen

  • die Beschreibung, das Datum, die Quelle, der Urheber, die Genehmigung und die Lizenz wird dabei übernommen

Bildauswahl über Wikipedia-Artikel

  1. Wikipedia aufrufen. (https://www.wikipedia.de/)
  2. Über die Suchfunktion nach Artikel suchen.
  3. Auf dem Artikel nach passendem Bild suchen.
  4. Mit rechter Maustaste auf das gewünschte Bild drücken "Link in neuem Tab öffnen" (oder mittlerer Maustaste).
  5. Nun auf der Bilddatei-Seite den Dateiname 1:1 übernehmen und in der Syntax (s.O) einfügen.

Beispiel

Wikipedia Artikel und Bildauswahl
Ausgewähltes Bild im neuen Tab öffnen (rechte Maustaste oder mittlere Maustaste
Dateiseite des geöffneten Bildes und Dateiname

Nach Eingabe des Dateinamens in die Syntax (s.O) und leichter Anpassung entsteht Folgendes:

Beispielbild

Links

Intern

Weblinks

  1. Hilfe:Bilder - MediaWiki
  2. Hilfe:Bilder - Wikipedia