Mobile Gateway/Mobile homepage formatting/de

Wenn die Hauptseite (Main Page) deines Wikimedia-Projekts noch nicht formatiert wurde, um auf mobilen Geräten angezeigt zu werden, und wenn du ein Administrator auf diesem Projekt bist, dann folge den nachstehenden Anleitungen.

Bitte beachte: Du brauchst Administratorenrechte, um die Startseite (Hauptseite) bearbeiten zu können.

Schritt 1
Entscheide zuerst, welche Inhalte für die mobile Startseite geeignet sind.

Beurteile die Seitenelemente in der Desktop-Version (z.B. "Bild des Tages"), indem du fragst:


 * wie beliebt sind sie?
 * werden sie regelmäßig aktualisiert?
 * sind sie für schnelles Lesen geeignet?
 * werden sie gut auf einen mobilen Bildschirm passen?

Wenn du einmal entschieden hast, welche Elemente Sinn ergeben, fahre fort mit Schritt 2.

Schritt 2
Du musst angemeldet sein und Administrator-Rechte haben, um das Folgende auszuführen. Gehe zur Desktop-Ansicht der Hauptseite, klicke auf "Bearbeiten" und suche die Elemente, die du in der mobilen Darstellung berücksichtigen willst.

Bei jedem Element musst du eine kurze Anweisung – "mf-Selektor" genannt – in den Wikitext zwischen div-Tags einfügen, etwa so:

Was gehört zwischen den öffnenden und den schließenden div-Tag? Es sollte vorzugsweise eine Vorlage für das Seitenelement sein wie "Artikel des Tages". Die ID des Selektors ist grundsätzlich beliebig, aber sie sollte eindeutig und beschreibend sein.

Updating styles
Certain styles are not mobile friendly. For example any css rules which make use of fixed pixel size e.g. width, height, padding. If different style treatment is needed please use the Extension:TemplateStyles or port these styles to MediaWiki:Common.css or MediaWiki:Mobile.css.

Some tips on common problems are addressed @ Making MediaWiki Mobile Friendly.

Klick auf "Seite speichern".

Du bist fast fertig.

Schritt 3
Gehe jetzt zur mobilen URL, die üblicherweise languagecode.m.project.org lautet. Wenn es für dein Projekt keine mobile URL gibt, dann wende dich an das "Mobile-Team" unter. Du kannst die Breite deines Desktop-Browsers verringern, um einen mobilen Bildschirm zu simulieren. Wie sieht die Seite aus?

Wenn du noch etwas ändern willst, dann gehe zurück zu Schritt 2. Wiederhole nacheinander Schritt 2 und Schritt 3, bis du zufrieden bist.

Das war's!

Ein Beispiel
Die Hauptseiten der Sprachversionen von Wikipedia und den anderen Wikimedia-Projekten unterscheiden sich; deshalb ist es unmöglich, ein universelles Beispiel zu präsentieren. Um dennoch eine Vorstellung davon zu geben, wie es auf deiner Hauptseite aussehen könnte, folgt hier die deutsche Version der Wikipedia. https://de.wikipedia.org/ Wenn du auf "Quelltext anzeigen" klickst (den Tab rechts von "Lesen"), siehst du den Wiki-Quelltext. Benutze die Suchfunktion deines Browsers, um den String "mf-" zu finden.

In diesem Fall sind die div-Tags für die mf-Selektoren Teil größerer Seiten-Objekte. Nur wer vertraut damit ist, wie die Hauptseite dieses Projekts formatiert ist, wird die div-Tags im Einzelnen verstehen.

Jetzt gehe zu: https://de.m.wikipedia.org/ Das Ergebnis als mobile Seite wird angezeigt. Die Abschnitte des Inhalts, die zu den mf-Selektoren gehören, werden in der mobilen Darstellung aufgebaut.