Mobile projects/Mobile Gateway/Mobile homepage formatting/lb

From Meta, a Wikimedia project coordination wiki
Jump to navigation Jump to search


Wann d'Haapsäit (homepage) vun Ärem Wikimedia Projet nach net esou formatéiert ass fir op mobilen Apparater gewisen ze ginn a wann Dir en Administrateur vun deem Projet sidd a kuckt w.e.g. d'Instruktiounen hei drënner.

Soon, all Wikimedia projects will be displayed by default in mobile view on mobile devices (excluding tablets), see the proposed timeline. If the homepage has not been formatted for a mobile view, mobile users will see no content. Therefore, it is important to select content from the desktop version of the homepage that will be suitable for the mobile view.

Notéiert w.e.g.: Dir musst Admin-Rechter hu fir d'Homepage z'änneren.

Schrëtt 1[edit]

Fir d'éischt musst Dir decidéiere wat fir een Inhalt adequat ass fir déi mobil Haaptsäit.

Bewäert d'Elementer vun der Desktop-Versioun (z. Bsp. "Bild vum DAg") fir Iech ze froen:

  • wéi beléift sinn se?
  • gi se regelméisseg aktualiséiert?
  • si se gëeegent fir séier ze liesen?
  • passen se gutt op e mobilen Ecran?

Once you decide which elements make sense, proceed to Step 2.

Schrëtt 2[edit]

You must be logged in and have administrative rights to do the following. On the desktop view of the homepage, click Edit and find the elements you want to include in the mobile view.

Each element you want included in the mobile Main Page must be identified with an id="mf-..." attribute (where "..." is a unique name; use something human readable please). You may call these "mf selectors". One way to do this is to put a div tag around the element you want and put the "mf selector" within the div tag, like so:

<div id="mf-ABC"> ... </div>

Denkt w.e.g. drun: d'Buschtawen ABC sollen duerch en Titel ersat ginn deen et nëmmen eemol gëtt.

What goes in between the opening and closing div tags? It will most likely be a template for the page element, such as "Picture of the Day". The id of the selector can be whatever you choose, but they should be unique and descriptive.

If the element to include is a wiki table, you may put the "mf selector" (id="mf-...") within the table's attributes spot. That works, too.

Klickt "Save page".

(Please note that there are older mobile selectors in the format "mp-ABC," which were adopted by a number of sites in the past. Those will continue to work, but for new formatting, the mf selectors are recommended.)

Dir sidd bal fäerdeg.

Schrëtt 3[edit]

Now go to the mobile URL, which is typically languagecode.m.project.org. If your project doesn't have a mobile URL, please contact the mobile team at mobile-feedback-l(_AT_)lists(_DOT_)wikimedia(_DOT_)org. You can reduce the width of your desktop browser to mimic a mobile screen. How does the page look?

Wann Dir Ännerunge maache wëllt, da gitt zréck op den 2. Schrëtt. Gitt esoulaang vum 2. Schrëtt op den 3. Schrëtt bis Dir zefridde sidd.

Dat ass alles!

E Beispill[edit]

The homepages of each language version of Wikipedia and all of the other Wikimedia projects are diverse, so it is impossible to present an universal example. Nevertheless, to give some idea of how this might look on your site, here is the German version of Wikipedia: http://de.wikipedia.org/ If you click on the View source ("Quelltext anzeigen") tab next to "Lesen", you can see the wikitext and using your browser's Find feature, look for the string, "mf-".

In this case, the div tag for the mf selectors are part of larger page objects. Only someone familiar with that project's homepage formatting will understand this in detail.

Gitt elo op: http://de.m.wikipedia.org/ The resulting mobile page will be visible. The sections of content corresponding to the mf selectors are rendered in the mobile view.

Feeler (Bugs)[edit]

bug — mobile version accessed with HTTPS using Wikipedia's SSL certificate instead of specific project domain certificate.