Handbuch:Erweiterung/FlexiSkin und SocialEntity:265: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung
 
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Zeile 1: Zeile 1:
<bookshelf src="Buch:Adminhandbuch" />
{
{{DISPLAYTITLE:FlexiSkin}}
    "wikipageid": 1572,
 
    "namespace": 0,
Mit '''FlexiSkin''' können sie Ihr Wiki-Design (z.B. Logo, Farben, Schriftarten) in Minutenschnelle anpassen.
    "titletext": "Setup:Installationsanleitung/Systemvorbereitung/Windows/urlrewrite",
 
    "description": "",
==Wo finde ich FlexiSkin?==
    "parentid": 0,
 
    "id": 265,
Die FlexiSkin-Einstellungen können Sie über die Seite ''Spezial:FlexiSkin'' erreichen (- beachten Sie die Rechtschreibung, da das Wiki zwischen Groß-und Kleinschreibung unterscheidet).
    "ownerid": 10,
 
    "type": "wikipage",
==Logo und Favicon==
    "archived": false,
 
    "tags": [
===Logo===
        "Setup:Installationsanleitung/Systemvorbereitung/Windows/urlrewrite"
'''So ändern Sie das Logo:''' 
    ],
 
    "resolved": false
#'''Klicken''' Sie im Logo-Bereich auf ''Eine Datei auswählen'' um ein Logo über Ihren Datei-Explorer zu suchen '''oder ziehen Sie die Datei''' in den umrandeten Hochladebereich.  <br />[[Datei:Handbuch:fs-logo hochladen.png|alternativtext=screenshot logo hochladen|zentriert|mini|200x200px|Logo hochladen]]<br />
}
#'''Klicken''' Sie die Schaltfläche ''Vorschau'' und überprüfen Sie die Plazierung des Logos.<br />
#'''Klicken''' Sie  die Schaltfläche ''Speichern & aktivieren.'' Das Logo ist nun für alle Benutzer sichtbar.<br />
Um  '''ein anderes Logo''' hochzuladen, klicken Sie das x-Symbol im Hochladebereich des Logos und wiederholen Sie die vorhergehenden Schritte.
 
===Favicon===
Das Favicon ist das Bild, das auf den Registerkarten des Browsers angezeigt wird. Befolgen Sie die Schritte zum Hochladen eines Logos. Verwenden Sie stattdessen einfach den Favicon-Upload-Bereich.
 
==Layout-Farben==
Die Farben der einzelnen Layout-Bereiche können hier angepasst werden. 
 
[[Datei:Handbuch:flexi-main-annotiert.png|alternativtext=screenshot flexiskin|zentriert|mini|650x650px|Flexiskin Layout-Farben]]
 
*'''Header colors (3):''' Farbeinstellungen für die Kopfleiste. Diese Farben beeinflussen auch die ausklappbaren Megamenüs. [[Datei:Handbuch:flexi-headers.png|alternativtext=screenshot megamenü|zentriert|mini|650x650px|Megamenü]]
*'''Sidebar colors (4):''' Farbeinstellungen für die Hauptnavigation und die Seitenwerkzeuge.
*'''Footer colors (5):''' Farbeinstellungen für die Fußleiste.<br />
Es gibt folgende Möglichkeiten, eine Farbe auszuwählen:
 
*'''Standard-Farbpalette:''' Per Klick auf eine Farbvorschau kann eine Standardfarbe ausgewählt werden. [[Datei:Handbuch:fs-colorpicker.png|alternativtext=screenshot farbpicker|zentriert|mini|174x174px|Farbpicker]]
*'''Stift-Symbol:''' Per Klick auf das Stift-Symbol können über einen Farbmischer  zusätzliche Farben ausgewählt werden.
*'''Manuelle Eingabe:''' Für die Eingabe zum Beispiel Ihrer CI-Farben können Sie einen Farbwert in Hex-Format direkt eingeben.
Wird eine Farbe gelöscht und FlexiSkin mit einem oder mehreren leeren Farbwerten gespeichert, so werden für die leeren Farbwerte die Standardfarben des Discovery-Skins als Werte gespeichert.
*
 
{| class="wikitable"
|+Standardfarben des "Discovery"-Skin
!
!Background
!Foreground
!Highlight
|-
|Header
|<span style="color: rgb(32, 33, 34)">#ffffff</span>
|#252525
|#3e5389
|-
|Sidebar
|<span style="color: rgb(32, 33, 34)">#f1f3f9</span>
|#252525
|#3e5389
|-
|Footer
|#<span style="color: rgb(32, 33, 34)">d3d3d3</span>
|#454545
| -
|}
 
:
 
==Inhalt==
Diese Einstellungen beziehen sich auf alle Stile des Inhaltsbereiches einer Wikiseite:<br />
 
=== Farben ===
Hier können Sie die Hintergrundfarbe, Schriftfarbe, die Farbe der Links sowie die Farbe von gebrochenen Links anpassen. Gebrochene Links im Wiki werden standardmäßig rot dargestellt, damit Sie leicht zu erkennen sind. Sie sollten sich genau überlegen, ob Sie von dieser Konvention abweichen wollen. Sollten Sie besuchte Links anders als Standardlinks einfärben wollen, können Sie im Free CSS-Bereich folgende Einstellung einfügen:<syntaxhighlight lang="css">
#mw-content-text a:visited,[class^="mw-content-"] a:visited {color: #951b81;}
</syntaxhighlight>
 
=== Schriftart ===
Die Einstellungen zur Schriftart gelten nur für den Text im Inhaltsbereich. Der Text in anderen Bereichen wie z. B. in den Navigations- und Werkzeugleisten oder in den Menüs ist nicht betroffen.
 
===Layout===
Wenn Sie die Layout-Breite ändern wollen, testen Sie es einfach auf vielen Geräten, um sicherzustellen, dass Ihre Einstellung wie vorgesehen funktioniert. Andere Wiki-Benutzer arbeiten mit unterschiedlichen Anzeigeeinstellungen und können durch diese Änderung negativ betroffen sein. Sofern Sie keinen bestimmten Grund haben, die Inhaltsbreite zu ändern, sollten Sie diese Einstellung nicht anpassen. Die Standard-Inhaltsbreite beträgt 61,25 rem.
 
===Headers ===
Für alle Überschriftenebenen können Sie Farbe, Schriftgröße und Unterstreichung anpassen. Sie können auch die Einheit für die Schrifteinstellungen ändern (z. B. px anstelle von rem). Wenn Sie mit den Unterschieden zwischen diesen Einheiten nicht vertraut sind, belassen Sie einfach die Standardeinstellung ''rem''. Diese orientiert sich an der übergeordneten Größeneinstellung im Wiki. Im Gegensatz dazu werden e''m''-Größen im Verhältnis zum umschließenden Container.
 
[[Datei:Handbuch:fs-headings.png|alternativtext=screenshot header levels|zentriert|mini|349x349px|Header-Ebenen]]
 
== Free CSS==
Für zusätzliche Anpassungen, die mit den FlexiSkin-Einstellungen nicht möglich sind, können Sie das Feld ''Free CSS'' verwenden, wenn Sie mit CSS vertraut sind.  So können Sie zum Beispiel die Farben der rechten Seitenleiste unabhängig von der Linkenseitenleiste ändern.<syntaxhighlight lang="css">
/*right sidebar*/
#sb-sec-cnt {background-color:#efefef; color:#252525;}
#sb-sec-cnt.card-header.menu-title {color:#00834c;}
</syntaxhighlight>[[Datei:Handbuch:flexi-free-CSS.png|alternativtext=screenshot Free CSS Bereich|zentriert|mini|650x650px|Beispiel Free CSS]]
 
 
 
<br />
 
[[de:{{FULLPAGENAME}}]]
[[en:Manual:Extension/FlexiSkin]]
 
[[Category:Administration]]

Aktuelle Version vom 23. Januar 2022, 18:55 Uhr




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

Keine Kategorien vergebenBearbeiten

Diskussionen