Bekannte Probleme und Vorlagen Download/Seitenbanner: Unterschied zwischen den Seiten

Version vom 2. Mai 2023, 13:46 Uhr

Diese Vorlage erstellt einen Seitenbanner, den Sie zum Beispiel auf Portalseiten einbinden können. Ein Beispiel sehen Sie hier im Helpdesk auf der Seite Community.

Import der Vorlage[Bearbeiten | Quelltext bearbeiten]

Die benötigte Import-Datei befindet sich im Archiv HW-banner.zip. Sie enthält die Datei HW-banner.xml. Entpacken Sie die zip-Datei.

Führen Sie auf der Seite Spezial:Import in Ihrem Wiki folgende Schritte durch:

Klicken Sie Browse... und wählen Sie die Datei HW-banner.xml.
Geben Sie ein Interwiki-Präfix an. Da dieses Feld erforderlich ist, geben Sie hier einfach hw (für hallowelt) ein.
Belassen Sie die Vorauswahl Zu den Standard-Speicherorten importieren.
Klicken Sie Datei hochladen... .

Die Vorlage ist nun in Ihrem Wiki verfügbar.

Enthaltene Importdateien[Bearbeiten | Quelltext bearbeiten]

Der xml-Import erstellt folgende Dateien in Ihrem Wiki:

Vorlage:Banner
Vorlage:Banner/styles.css

Verwendung[Bearbeiten | Quelltext bearbeiten]

Fügen Sie die Vorlage "Banner" über den Einfügen-Dialog von VisualEditor auf einer Wiki-Seite ein.

Füllen Sie das Eingabeformular aus.

Wichtig!Die Einstellung der Eingabefelder werden erst beim Speichern der Seite übernommen

Alle Einstellungen der Bannerbox sind optional. Das heißt, die Box kann auch ohne Bild, Überschrift oder Text generiert werden.

Beispielwerte[Bearbeiten | Quelltext bearbeiten]

Einstellungen


	Element	Wert	Beschreibung
1	Bannergrafik	QM:Flower_white.jpg	Bildname (mit Namensraum-Präfix, falls vorhanden, aber ohne Datei: Präfix). Der Banner kann auch ohne ein Bild generiert werden.
	Bildbreite	200	Zahl, die Breite wird automatisch in Pixeln dargestellt. Standardwert: 200
	Bildposition	left, right	Fügt das Bild links- oder rechtsbündig ein. Standardwert ist left.
2	Überschrift	Meine Überschrift	Text der Überschrift.
	Größe der Überschrift	1.6em	Größe kann auch als 16px oder andere gültige css-Werte angegeben werden. Standardwert ist 1.6em.
	Farbe der Überschrift	#444444	Angabe als Hex-Wert.
3	Text	Das ist der Inhalt.	Text der Box.
	Textgröße	1.2em	siehe Größe der Überschrift
	Textfarbe	#444444	siehe Farbe der Überschrift
4	Textabstand	10px	Innerer Abstand von Titel und Text zur Box und zum Bild. Standardwert ist 10px.
5	Abstand des Inhalts zur Box	20px	Äußerer Abstand der Inhalte zur Box. Standardwert ist 0.
6	Hintergrundfarbe der Box	#efefef	Angabe als Hex-Wert. Standardwert ist #efefef (=hellgrau)
7	Hintergrundicon	bgicon1, bgicon2, bgicon3, swoosh	Fügt einen Hintergrundeffekt hinzu.

Hintergrundeffect[Bearbeiten | Quelltext bearbeiten]

The following background effects are available by default, here shown in different banner color variations:

Bgicon	Result	Settings
bgicon1 v4.3+	Datei:banner-bgicon1.png	Heading color: #2e6096 Textfarbe #2e6096 Hintergrundfarbe:#e9e9ee Background icon: bgicon1
bgicon2	Datei:banner-bgicon2.png	Heading color: #2e6096 Textfarbe #2e6096 Hintergrundfarbe:#e9e9ee Background icon: bgicon2
bgicon3 v4.3+	Datei:banner-bgicon3.png	Heading color: #ffffff Textfarbe #ffffff Hintergrundfarbe:#747474 Background icon: bgicon3
swoosh	Datei:banner-swoosh.png	Heading color: #2e6096 Textfarbe #2e6096 Hintergrundfarbe:#e9e9ee Background icon: bgicon1

Feedback zur Dokumentation ist im Community-Forum möglich.

@@ Zeile 1: / Zeile 1: @@
-{{Collapsible|cheader=Filter auf Spezialseiten (z.B. "Letzte Änderungen") lädt nicht.
+<div class="downloadarea">
-|cbeschreibung= In manchen Fällen wird die Seite ''Letzte Änderungen'' nicht vollständig geladen.
+<span class="getButton">[[Medium:HW-banner.zip|Download]]</span>
-|chilfe=Fügen Sie folgendes Skript auf der Seite ''MediaWiki:Common.js'' ein:
-<syntaxhighlight language="javascript">
+[[Datei:banner-beispiel.png|450x450px]]</div>
-if ( mw.config.get( 'wgCanonicalSpecialPageName' ) === 'Watchlist' ) {
+Diese Vorlage erstellt einen Seitenbanner, den Sie zum Beispiel auf Portalseiten einbinden können. Ein Beispiel sehen Sie hier im Helpdesk auf der Seite [[Community]].
-document.body.classList.add( 'mw-rcfilters-ui-initialized' );
+==Import der Vorlage==
-}
+Die benötigte Import-Datei befindet sich im Archiv ''HW-banner.zip''. Sie enthält die Datei ''HW-banner.xml''. '''Entpacken''' Sie die zip-Datei.
-if ( mw.config.get( 'wgCanonicalSpecialPageName' ) === 'Recentchanges' ) {
-document.body.classList.add( 'mw-rcfilters-ui-initialized' );
-}
+Führen Sie auf der Seite Spezial:Import in Ihrem Wiki folgende Schritte durch:
-</syntaxhighlight>}}
+#'''Klicken''' Sie ''Browse...'' und wählen Sie die Datei ''HW-banner.xml''.
-{{Collapsible|cheader=Filter auf Spezialseiten (z.B. "Letzte Änderungen") lädt nicht.
+#'''Geben''' Sie ein Interwiki-Präfix '''an'''. Da dieses Feld erforderlich ist, geben Sie hier einfach ''hw'' (für hallowelt) ein.
-|cbeschreibung= In manchen Fällen wird die Seite ''Letzte Änderungen'' nicht vollständig geladen.
+#Belassen Sie die Vorauswahl ''Zu den Standard-Speicherorten'' importieren.
-|chilfe=Fügen Sie folgendes Skript auf der Seite ''MediaWiki:Common.js'' ein:
+#'''Klicken''' Sie ''Datei hochladen...'' .
-<syntaxhighlight language="javascript">
+Die Vorlage ist nun in Ihrem Wiki verfügbar.
-if ( mw.config.get( 'wgCanonicalSpecialPageName' ) === 'Watchlist' ) {
+==Enthaltene Importdateien==
-document.body.classList.add( 'mw-rcfilters-ui-initialized' );
+Der xml-Import erstellt folgende Dateien in Ihrem Wiki:
-}
-if ( mw.config.get( 'wgCanonicalSpecialPageName' ) === 'Recentchanges' ) {
+*Vorlage:Banner
-document.body.classList.add( 'mw-rcfilters-ui-initialized' );
+*Vorlage:Banner/styles.css
-}
-</syntaxhighlight>}}
+==Verwendung==
+#Fügen Sie die Vorlage "Banner" über den Einfügen-Dialog von [[Handbuch:VisualEditor|VisualEditor]] auf einer Wiki-Seite ein.[[Datei:step4.png|zentriert|mini|519x519px|verweis=Special:FilePath/step4.png]]Füllen Sie das Eingabeformular aus.
+[[Datei:step5.png|zentriert|mini|450x450px|verweis=Special:FilePath/step5.png]]
+{{Hinweisbox|boxtype=Wichtig|Note text=Die Einstellung der Eingabefelder werden erst beim Speichern der Seite übernommen}}
+Alle Einstellungen der Bannerbox sind optional. Das heißt, die Box kann auch ohne Bild, Überschrift oder Text generiert werden.
+==Beispielwerte==
+[[Datei:hw-banner-vorlage.png|zentriert|mini|650x650px|Einstellungen|verweis=Special:FilePath/hw-banner-vorlage.png]]
+{| class="wikitable" style="width:100%;"
+|+
+!
+! style="width:200px;" |Element
+! style="width:180px;" |Wert
+!Beschreibung
+|-
+| rowspan="3" |1
+| style="width:200px;" |Bannergrafik
+| style="width:180px;" |QM:Flower_white.jpg
+|Bildname (mit Namensraum-Präfix, falls vorhanden, aber ohne Datei: Präfix). Der Banner kann auch ohne ein Bild generiert werden.
+|-
+| style="width:200px;" |Bildbreite
+| style="width:180px;" |200
+|Zahl, die Breite wird automatisch in Pixeln dargestellt. Standardwert: ''200''
+|-
+| style="width:200px;" |Bildposition
+| style="width:180px;" |left, right
+|Fügt das Bild links- oder rechtsbündig ein. Standardwert ist ''left''.
+|-
+| rowspan="3" |2
+| style="width:200px;" |Überschrift
+| style="width:180px;" |Meine Überschrift
+|Text der Überschrift.
+|-
+| style="width:200px;" |Größe der Überschrift
+| style="width:180px;" |1.6em
+|Größe kann auch als 16px oder andere gültige css-Werte angegeben werden. Standardwert ist ''1.6em''.
+|-
+| style="width:200px;" |Farbe der Überschrift
+| style="width:180px;" |#444444
+|Angabe als [https://www.w3schools.com/colors/colors_picker.asp Hex-Wert].
+|-
+| rowspan="3" |3
+| style="width:200px;" |Text
+| style="width:180px;" |Das ist der Inhalt.
+|Text der Box.
+|-
+| style="width:200px;" |Textgröße
+| style="width:180px;" |1.2em
+|''siehe Größe der Überschrift''
+|-
+| style="width:200px;" |Textfarbe
+| style="width:180px;" |#444444
+|''siehe Farbe der Überschrift''
+|-
+|4
+| style="width:200px;" |Textabstand
+| style="width:180px;" |10px
+|Innerer Abstand von Titel und Text zur Box und zum Bild. Standardwert ist ''10px.''
+|-
+|5
+| style="width:200px;" |Abstand des Inhalts zur Box
+| style="width:180px;" |20px
+|Äußerer Abstand der Inhalte zur Box. Standardwert ist ''0.''
+|-
+|6
+| style="width:200px;" |Hintergrundfarbe der Box
+| style="width:180px;" |#efefef
+|Angabe als [https://www.w3schools.com/colors/colors_picker.asp Hex-Wert.] Standardwert ist ''#efefef''    (=hellgrau)
+|-
+|7
+|Hintergrundicon
+|bgicon1, bgicon2, bgicon3, swoosh
+|Fügt einen [[Vorlagen Download/Seitenbanner#Hintergrundeffekt|Hintergrundeffekt]] hinzu.
+|}
+===Hintergrundeffect===
+The following background effects are available by default, here shown in different banner color variations:
+{| class="contenttable" style="width: 100%;"
+! style="width:150px;" |Bgicon
+! style="width:680px;" |Result
+!Settings
+|-
+| style="width:150px;" |bgicon1{{Bsvs|bsvFrom=4.3|bsvTo=|bsvFeature=}}
+| style="width:680px;" |[[File:banner-bgicon1.png|650x650px|verweis=Special:FilePath/banner-bgicon1.png]]
+|Heading color: #2e6096
+Textfarbe #2e6096
+Hintergrundfarbe:#e9e9ee
+Background icon: bgicon1
+|-
+| style="width:150px;" |bgicon2
+| style="width:680px;" |[[File:banner-bgicon2.png|650x650px|verweis=Special:FilePath/banner-bgicon2.png]]
+|Heading color: #2e6096
+Textfarbe #2e6096
+Hintergrundfarbe:#e9e9ee
+Background icon: bgicon2
+|-
+| style="width:150px;" |bgicon3{{Bsvs|bsvFrom=4.3|bsvTo=|bsvFeature=}}
+| style="width:680px;" |[[File:banner-bgicon3.png|650x650px|verweis=Special:FilePath/banner-bgicon3.png]]
+|Heading color: #ffffff
+Textfarbe #ffffff
+Hintergrundfarbe:#747474
+Background icon: bgicon3
+|-
+| style="width:150px;" |swoosh
+| style="width:680px;" |[[File:banner-swoosh.png|650x650px|verweis=Special:FilePath/banner-swoosh.png]]
+|Heading color: #2e6096
+Textfarbe #2e6096
+Hintergrundfarbe:#e9e9ee
+Background icon: bgicon1
+|}
+__NOTOC__
+[[en:Templates download/Banner]]
+[[de:{{FULLPAGENAME}}]]