Mobile Gateway/Mobile homepage formatting

If your mobile homepage is not showing any content and you an administrator for that site, please follow these instructions.

Note that soon, most Wikimedia projects will be be displayed in mobile view from mobile devices, by default. Users can switch to the desktop view, but it would be better to show appropriate content to mobile users with a mobile-friendly version of the homepage.

Please note: you must have administrator rights, and be logged in, in order to edit the homepage.

Step 1
First, decide what content makes sense on the mobile homepage. Take a look at the desktop version of the site and decide which elements of the page you would like to include in the mobile version.

Evaluate the page elements by asking:


 * how popular are they?
 * are they updated regularly?
 * are they suitable for quick reading?
 * will they fit nicely in a mobile screen?

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

Step 2
You must be logged in and have administrative rights to do the following. Go the desktop or standard view of the homepage. Open Edit and find the elements you want to include in the mobile view.

For each element, you need to include a brief instruction in the wikitext, called a selector, in between div tags, like so:

...

Now 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 and title of the selector are up to you, but they should be unique and descriptive.

Click Save page.

You are almost done.

Step 3
Now go to the mobile domain, which is typically lang.m.project.org. Some projects do not yet have mobile domains established - please get in touch if so. You can reduce the width of your browser to mimic a mobile screen. How does the page look?

If you want to make changes, go back to Step 2. Keep going from Step 2 to Step 3 until you are satisfied.

That's it!