Hilfe:MediaWiki Look

(Weitergeleitet von Hilfe:MediaWiki Look entfernen)
Zur Navigation springen Zur Suche springen

Allgemeines

Wikis sind eine großartige Angelegenheit, allerdings schauen die mit MediaWiki erstellten Wikis alle irgendwie gleich aus. Was tun, wenn du deiner Seite einen Look verpassen willst, der beim Einstieg nicht sofort an Wikipedia erinnert?

Mit Hilfe von CSS kannst du praktisch zaubern und alle Wiki-typischen Seitenelemente entfernen. Im Extremfall kannst du alle Seiten so aussehen lassen wie eine statische Webseite, wo du per Mausklick nur zu den Seiten gelangen kannst, die einen Link zueinander eingebaut haben.

Das bedeutet nicht, dass die anderen Seiten nicht lesbar sind, sind sind nur etwas schwerer zu erreichen. Für jemand, der keine Erfahrung in der Verwaltung von Wiki-Seiten hat, sind die Wiki-internen Spezialseiten praktisch unerreichbar, wenn man z.B. die Navigationsleiste auf der linken Seite und die Reiter für die Bearbeitungsfunktionen entfernt.

Wiki Look&Feel komplett entfernen

Mit diesen Eintragungen in der Common.css kannst du ein Wiki in eine Webseite verwandeln, die auf den ersten Blick von einer normalen Webseite nicht zu unterscheiden ist.
Allerdings sind alle Seiten nach wie vor zugänglich, entweder durch Links von anderen Seiten oder durch Eingabe der Url in die Adressleiste. Das Navigieren wird dadurch jedenfalls wesentlich mühsamer, und Besucher, die mit der Wiki-Syntax nicht vertraut sind, haben wenig Chancen, Seiten zu erreichen, die nicht direkt mit der Einstiegsseite verlinkt sind.
/***************************************************************************************/
/* minimaler Aufwand, maximale Wirkung                                                 */
/***************************************************************************************/
#firstHeading  { display: none; }                     /* Seitenüberschrift             */
#mw-navigation { display: none; }                     /* sämtliche Navigationselemente */
#footer        { display: none; }                     /* Seitenfußbereich              */
/***************************************************************************************/
/* Teile der Navigationselemente                                                       */
/***************************************************************************************/
/* Navigationselemente im Seitenkopf (Benutzerwerkzeuge, Seitentabs...)                */
/***************************************************************************************/
#mw-head       { display: none; }                     
/***************************************************************************************/
/* Teile der Navigationselemente im Seitenkopf                                         */
/***************************************************************************************/
#left-navigation  { display: none; }                  /* Namensraumtabs 
                                                        (Seite, Diskussion)            */
#right-navigation { display: none; }                  /* Werkzeugtabs (Lesen, Bearbeiten,
                                                         Versionsgeschichte, Mehr ...) */
#p-personal       { display: none; }                  /* Benutzerwerkzeuge             */
/***************************************************************************************/
#mw-panel      { display: none; }                     /* Navigationsleiste links       */
/***************************************************************************************/

/***************************************************************************************/
/* Leerräume                                                                           */
/***************************************************************************************/
#mw-page-base  { display: none; }                     /* Abstand im oberen Seitenbereich */
#content   { margin: 1em; border: none; padding: 0; } /* Inhalt an den Seitenrand rücken */
/***************************************************************************************/
Mit diesen Eintragungen in der Common.css kannst du ein von einer Seite sämtliche Wiki-spezifischen Elemente enfernen.
Du musst vor das CSS-Element den Text .page-Seitenname einfügen (Leerzeichen im Seitennamen müssen durch Unterstriche ersetzt werden), ich gebe hier das Beispiel für die Hauptseite:

Wiki Look&Feel aus einer einzelnen Seite im Wiki entfernen

.page-Hauptseite #firstHeading  { display: none; } /* Seitenüberschrift */
.page-Hauptseite #mw-navigation { display: none; } /* sämtliche Navigationselemente*/
.page-Hauptseite #left-navigation  { display: none; } /* Namensraumtabs 
                                                        (Seite, Diskussion) */
.page-Hauptseite #right-navigation { display: none; } /* Werkzeugtabs (Lesen, Bearbeiten,
                                                         Versionsgeschichte, Mehr ...) */
.page-Hauptseite #mw-panel      { display: none; } /* Navigationsleiste links */
.page-Hauptseite #footer        { display: none; } /* Seitenfußbereich */
.page-Hauptseite #mw-head       { display: none; } /* Navigationselemente im Seitenkopf
                                                        (Benutzerwerkzeuge, Seitentabs...)*/
.page-Hauptseite #p-personal    { display: none; } /* Benutzerwerkzeuge */
.page-Hauptseite #mw-page-base  { display: none; } /* Abstand im oberen Seitenbereich */
.page-Hauptseite #content   { margin: 1em; border: none; padding: 0; } /* Inhalt an den Seitenrand rücken */

Diverse Links im Wiki unterdrücken

Die folgenden Zeilen entfernen die betreffenden Elemente. 

#footer        { display: none; }   /* Fußzeilen */
#ca-viewsource { display: none; }   /* Quelltextanzeige */
#n-randompage  { display: none; }   /* zufällige Seite */
#mw-navigation { display: none; }   /* sämtliche Navigationselemente 
                                      (Benutzerwerkzeuge, Navigationsleiste...) */
#mw-panel      { display: none; }   /* Navigationsleiste links */
#catlinks      { display: none; }   /* Kategorielinks */
.catlinks#catlinks  { display: none; } /* Kategorielinks */
.mw-body-content#siteNotice { display: none; }  /* SiteNotice */
#p-personal    { display: none; }   /* Benutzerseiten */

Anonyme Benutzerseiten einschränken

#p-personal #pt-anonuserpage { display: none; } /* keine Benutzerseite für IPs */
#p-personal #pt-anontalk { display: none; }     /* keine Benutzerdiskussionsseite für IPs */
#p-personal #pt-anoncontribs { display: none; } /* keine Benutzerbeitragssseite für IPs */
=

Links zu Benutzerseiten einschränken

#p-personal #pt-userpage { display: none; }      /* keine Benutzerseite */
#p-personal #pt-createaccount { display: none; } /* keinen Benutzeraccount anlegen */
#p-personal #pt-mytalk { display: none; }        /* keine Benutzerdiskussionsseite */
#p-personal #pt-preferences { display: none; }   /* keine Benutzereinstellungen */
#p-personal #pt-watchlist { display: none; }     /* keine Beobachtungsliste */
#p-personal #pt-mycontris { display: none; }     /* keine Benutzerbeiträge */

Wie kann ich die Id/Class herausfinden?

Das geht relativ einfach, die modernen Webbrowser bieten mit F12 oder der rechten Maustaste die Möglichkeit, den Inhalt der Webseite zu analysieren (Seiteninspektor). Alternativ eine Seite (idealerweise mit möglichst wenig Inhalt) als html-Datei speichern und mit einem Editor ansehen, z.B. mit Notepad++, der einen passenden Syntaxhighlighter eingebaut hat.
Ids werden in CSS mit einer Raute # vor dem Namen angesprochen, classes mit einem Punkt wie hier beschrieben. Bezeichnungen ohne Sonderzeichen kennzeichnen HTML-Elemente bzw. tags.

Links

Abgerufen von „https://lilypond.miraheze.org/wiki/Hilfe:MediaWiki_Look?oldid=15000“