Rendere MediaWiki Mobile Friendly

From mediawiki.org
This page is a translated version of the page Making MediaWiki Mobile Friendly and the translation is 62% complete.

Lo scopo di questa pagina è identificare problemi noti delle pagine di MediaWiki (Wikipedia compresa) quando servite mediante l'estensione MobileFrontend , e fornire un metodo per risolvere. Non appena problemi di formattazione inline verranno scoperti, saranno elencati qui con suggerimenti su come risolverli. Le pagine di cui si sa che mostrano il problema verranno eventualmente linkate da questa pagina.


Qualsiasi aiuto tu possa fornire per risolvere questi problemi sarà apprezzatissimo.

Questa pagina è seguita, perciò se trovi qualcosa che ha una resa scorretta sul sito mobile, per favore registrala qui e potremo comunitariamente convenire su come risolvere, elencare le pagine coinvolte e ripararle insieme.

I layout a due colonne

Problema: Certe pagine (per lo più portali) hanno layout a due colonne che non funzionano su mobile

Causa: Ciò tende a essere causato dagli stili inline in una delle forme seguenti

float:left; width:60%

float:left; width:51%;

float:right; width:48%

float:right; width:48%

Soluzione: Sostituisci gli stili inline con generiche classi (su Wikipedia in inglese: portal-column-left-wide, portal-column-left, portal-column-right, portal-column-right-narrow) per un layout a due colonne così i fogli di stile possono contenere regole per gestire questa situazione sugli schermi più piccoli

Esempi: Portale:Missouri

Pagine interessate: List of Problematic portal pages with two column layouts

Uso del conta-colonne

Problema: Certe pagine hanno note/riferimenti che appaiono disordinatamente su mobile

Causa: Queste pagine fanno uso della proprietà css column-count.

Resolution: We should introduce a class in the affected wiki's MediaWiki:Common.css that provides this column-count property rather than placing it in an inline style (see here). We should then cleanup articles to use this class instead (e.g. column-count:4; is replaced by use of class .column-count-4).

Is not making use of column-width instead of column-count a better solution? See also: MediaWiki talk:Common.css/Archive 14#Column-count usage across Wikipedia.

TheDJ (talk) 20:51, 5 June 2012 (UTC)[reply]

Esempi: N/A

Pagine interessate: List of Problematic pages with multi column lists

Template per stili scassati

Please copy this section to record a new problem above.

inserisci immagine qui

Problem: Explain the image above outlining what the problem is

Cause: Explain what styling is causing this problem.

put sample code here

Resolution: Describe a resolution to the problem

Examples: link to a fix in the diff

Pages effected: This should link to a list of articles that are effected by the problem. Lists can be generated by downloading a dump of latest articles and grepping for pattern