Wikipedia:Technik/Skin

Persönliche Benutzeroberfläche

---

Diese Projektseite und ihre Unterseiten stellen dar, wie sich eine persönliche Skin (Aussehen, Bedienelemente, Funktionalität) durch freie Programmierung mittels JavaScript und CSS konfigurieren lässt.

Die Auswahl einer Standardskin des Projektes wird unter Hilfe:Skin erläutert und ist über Einstellungen möglich.

CSS

Cascading Style Sheets zur Definition der optischen Darstellung

Auswahl an Standardlösungen für Standardaufgaben

JS

JavaScript für allgemeine Programmiertechniken in einem Wikiprojekt

• mw-Objekt
• Variablen
• ResourceLoader
• jQuery Skriptbibliothek
• API verwenden
• Datenelemente – var, undefined, Anwendungsobjekte
• Encoding – für URLs und andere Gelegenheiten
• Gadget – der Weg zum Helferlein
• Obsolet – veraltete Funktionen, wikibits
• wikEd – Ansteuerung mit JS

Einstellungen

Möglichkeiten für angemeldete Benutzer im Wiki und für alle Projekte

GUI

Aktive Bedienelemente: Schaltflächen (Knöpfchen, Menüpunkte); Gestaltung der Benutzeroberfläche

• WikiEditor

MediaWiki

Anpassungen für alle Benutzer

Gadgets

Definition von Werkzeugen, die über die Benutzereinstellungen aktiviert werden können, und Werkzeugdokumentation

Benutzerskripte

Werkzeuge einzelner Benutzer, die allen Benutzern zur Verfügung gestellt werden (in JavaScript geschrieben)

Benutzerstile

CSS-Lösungen einzelner Benutzer für Spezialfälle und besondere Design-Varianten

Tutorial

Grundlagen für den Einstieg in die vertiefte Skin-Programmierung

Werkstatt

Anfragen und Wünsche zu CSS und JS

• Baustellen – langfristige Programmieraufgaben

Weitere Einstellungen für die Benutzeroberfläche

Einfach mit einem Mausklick in den Einstellungen konfigurierbar sind die Helferlein.

Zum „Konfigurieren einer individuellen Arbeitsumgebung“ gehören auch die folgenden Themen, allerdings nicht zur Skin im eigentlichen Sinn:

Bookmarklets

Externes Diff-Programm

externes Diff-Programm verwenden

Externer Editor

Text/Edit

Browser-Benutzerskripte

Greasemonkey

Tricks für bestimmte Browser

Browser-Unterstützung

Testseite

• Wikipedia:Testseite mit allen gängigen Formatierungs-Elementen zur Erprobung

Weitere Informationen

• Programmierung auf dem Server:
  • Ressourcen – CSS, JS
  • PHP
    • Codes
    • meta:Customization:Explaining skins
    • mw:Manual:Skinning
• WebPlatform – Modernisierungsvorschlag für MonoBook
• Strapping – Neues Skin-Konzept 2013