Mobile Gateway/Mobile homepage formatting/it

Main pages of MediaWiki instances which go beyond traditional text (for example using two column layouts) usually require special treatment to display on mobile via in responsive skins such as  and.

Se la pagina principale (home page) del progetto Wikimedia non è stata formattata per la visualizzazione su dispositivi mobili, e si è un amministratore di tale progetto, si prega di seguire le istruzioni riportate di seguito.

Please note: In most cases, you must have administrator rights in order to edit the main page.

Passo 1
First, decide what content is suitable for the mobile homepage.

Evaluate the page elements in the desktop version (e.g. "Picture of the Day") 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
Devi aver effettuato il login e disporre di diritti amministrativi per eseguire le seguenti operazioni. Nella visualizzazione desktop della home page, fare clic su "" e cercare gli elementi che si desidera includere nella visualizzazione mobile.

Per ogni elemento, è necessario includere una breve istruzione in wikitext, chiamato "mf selettore", tra i tag div, in questo modo:



Ciò che va tra il tag di apertura e di chiusura div? Sarà molto probabilmente un modello per l'elemento di pagina, ad esempio "Foto del giorno".

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 or port these styles to MediaWiki:Common.css or MediaWiki:Mobile.css. TemplateStyles is recommended but 3rd parties may wish to use the MobileFrontend feature flag $wgMFSiteStylesRenderBlocking.

For common problems with table based layouts, you can use the styles in the Minerva compatiblity template.

Some tips on common problems are addressed at.

Fare clic su "".

Hai quasi finito.

Passo 3
Now go to the mobile URL, which is typically languagecode.m.project.org. You can reduce the width of your desktop browser to mimic a mobile screen. How does the page look?

Se si desidera apportare modifiche, tornare al punto 2. Proseguire dal punto 2 al punto 3 fino a quando non sono soddisfatti.

Questo è tutto!