Jump to content

Manual:Mobiles, tablets and responsive design/de

From mediawiki.org
This page is a translated version of the page Manual:Mobiles, tablets and responsive design and the translation is 73% complete.
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 du zusätzliche Skins oder Erweiterungen hinzufügst, 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 Erweiterung:MobileFrontend . This is the method Wikipedia uses.

Erweiterungen

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

Oberflächen

Du benötigst keine Erweiterung, wenn du einen Skin verwendest. 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 dein 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 du Erweiterung:MobileFrontend verwendest, kannst du MediaWiki:Mobile.css (siehe Handbuch:CSS ) und MediaWiki:Mobile.js der Wiki-Seiten so bearbeiten, dass globale Stile und Skripts nur auf Mobilgeräten angewendet werden.

Entwickler

Siehe auch: MediaWiki Mobilgerät-Freundlich machen

  • Kategorie:Mobil - 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
  • Handbuch:$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
  • Kategorie:Mobile skins - Skins für mobile Geräte

See also