Manual:Mobiles, tablets and responsive design/de-formal

MediaWiki.org with Minerva Neue skin and MobileFrontend extension on a mobile device

MediaWiki läuft auch auf vielen mobilen Endgeräten (z.B. Smartphones und Tablets), aber es ist nicht für mobile Endgeräte optimiert. Sobald Sie zusätzliche Skins oder Erweiterungen hinzufügen, bedeutet dies, dass Websites möglicherweise schwierig darzustellen sind, da Menüs, Layouts und Medien nicht an der besten Stelle erscheinen.

Mit Ausnahme des Skins Timeless ist keiner der Skins, die mit MediaWiki ausgeliefert werden, einschließlich des neuesten Standard-Skins, Vector , für die Verwendung mit mobilen Endgeräten optimiert. Diese Seite enthält Hinweise zur Verwendung von MediaWiki auf mobilen Geräten wie Smartphones und Tablets.

Lösungen

There are two common approaches:

• Skin:Timeless is already bundled with MediaWiki. Make sure it is registered in LocalSettings.php so it is available as a setting in preferences. Consider using it as the default .
• Skin:Minerva Neue is bundled with MediaWiki since version 1.38. Its mobile mode requires installing Extension:MobileFrontend . This is the method Wikipedia uses.

Erweiterungen

• Extension:MobileApp - Einfache Anwendung, die Stile und Skripts für die Verwendung in Wikimedia-Mobilanwendungen bereitstellt
• Extension:MobileFrontend - Bietet eine für Handys geeignete Ansicht. Von Wikimedia entwickelt und auf Wikipedia verwendet. Wenn Sie nur diese Erweiterung für sich alleine installieren, wird Ihre Mediawiki-Website mobiler. Sie enthält eine eigene Oberfläche.

Skins

Sie benötigen keine Erweiterung, wenn Sie einen Skin verwenden. Skins für die Verwendung mit mobilen Browsern gibt es in zwei Formen:

1. Die Geräte, die speziell für die Verwendung mit einem Mobiltelefon entwickelt wurden, können auf nicht mobilen Geräten möglicherweise nicht gut angezeigt werden. MediaWiki erkennt die Art des Geräts, auf dem es ausgeführt wird, und wechselt dann zur entsprechenden Skin. (Siehe Extension:MobileDetect)
   1. WPtouch - Ein Skin, der Ihr Wiki mit einem mobilen Design formatiert
2. Responsive Skins, die automatisch auf die Größe des Bildschirms reagieren, unabhängig davon, ob es sich um einen Desktop-PC, ein Tablet oder ein Smartphone handelt.
   1. Tweeki - Optimiert für semantische Wikis
   2. Chameleon - Anpassbar mit fünf verschiedenen Layouts
   3. Citizen
   4. Medik
   5. Metrolook
   6. Refreshed - Verwendet responsive CSS zur Anpassung an mobile Geräte
   7. Foreground
   8. Timeless (MW 1.31+) - Wikimedia-Skin, der responsives Design unterstützt
   9. ...und mehr!

CSS & JS

Wenn Sie Extension:MobileFrontend verwenden, können Sie MediaWiki:Mobile.css (siehe Manual:CSS ) und MediaWiki:Mobile.js der Wiki-Seiten so bearbeiten, dass globale Stile und Skripts nur auf Mobilgeräten angewendet werden.

Entwickler

Siehe auch: Making MediaWiki Mobile Friendly

• Category:Mobile - Projekte, Erweiterungen und andere Seiten, die sich auf die Entwicklung und Präsentation mobiler Geräte beziehen.
• Reading/Web - verantwortlich für die Entwicklung, Entwicklung und Weiterentwicklung der verschiedenen Wikimedia-Projekte, die mobile Technologien verwenden
• Manual:$wgResponsiveImages (MW 1.21+) - Gibt an, ob Bilder mit hoher Auflösung für High-DPI-Displays ausgegeben werden sollen oder nicht.
• Extension:MobileDetect (MW 1.15+) - Benutzer können steuern, welcher Inhalt nur in mobilen Browsern oder nur auf Desktops angezeigt wird
• Category:Mobile skins - Skins für mobile Geräte

See also

• Recommendations for mobile friendly articles on Wikimedia wikis