Buongiorno a tutti, vorrei parlarci di un argomento importante per questa wiki.
Un po' di tempo fa, è stato istituito il file FandomMobile.css, che permette di regolare lo stile delle pagine viste da cellulare. Ma partiamo dall'inizio: come funziona Fandom? Per chi lo sapesse già, salti pure questa parte.
Come funziona PaperPedia?
Come sapete, su PaperPedia si può modificare una pagina in due modi: visual editor e con il codice wikitesto. Dopo che l'utente ha modificato la pagina, Fandom traduce il wikitesto in codice HTML, un codice simile al wikitesto ma un po' più difficile e con più funzioni, che viene usato comunemente per creare le pagine web. In cima ad ogni HTML c'è un head, dove viene descritto tra le altre cose a quali file si collega la pagina che usa quel codice HTML. Quando Fandom traduce il wikitesto, aggiunge in cima l'head con i file a cui si collega. Di fatto prende il wikitesto, lo traduce e lo incolla in una pagina con l'impostazione inoziale comune a tutte le pagine di PaperPedia.
I file a cui si collega la pagina HTML che modifichiamo tramite l'editor, almeno quelli che possiamo modificare, sono i file CSS common.css e fandomdesktop.css e i file js common.js e wikia.js (sul computer). Mentre i file js al momento non ci interessano, regolano come si comporta la pagina quando ci sono determinati avvenimenti, come un click, i file CSS ci interessano eccome. Nei file CSS c'è scritto lo stile in una maniera molto semplice: si mette il nome di ciò di cui si vuole definire lo stile e poi si inserisce lo stile tra parentesi graffe. Si può definire lo stile di tutti gli elementi di un certo tipo, come tutti i link, di tutti gli elementi di una certa classe o di un certo id. Il discorso è un po' semplificato ma non importa. Cosa sono le classi e gli id? A differenza del primo tipo di stile dell'elenco, dove non c'è bisogno di scrivere altro, quando si usano le classi o gli id, bisogna specificare poi nel codice wikitesto/HTML (su questo coincidono) a che classe o id appartiene un certo oggetto. Ad esempio:
<div class="classeoggetto" id="idoggetto">ciao</div>
. In questo esempio il codice HTML cercherà nei file CSS a cui si collega con quale stile sono stati definiti la classe classeoggetto e l'ID idoggetto. (tendenzialmente l' id si usa per un solo oggetto, mentre la classe per molti, ma non è obbligatorio, facilità più che altro il JavaScript). Inoltre lo stile dell'oggetto può essere scritto direttamente sul codice HTML/wikitesto come in questo caso:
<div style="font-size: 20px; color:gray">CIAO </div>
che rende
Ora che (spero) è tutto chiaro, possiamo proseguire.
Problema
Il problema qual è? Il codice HTML delle pagine della wiki non si collega sempre allo stesso file css che ne definisce lo stile: mentre tutti si collegano a common.css, se uno è da cellulare si collega a fandomMobile.css. Discorso simile vale per i file JavaScript (js). Cosa succede dunque? Nella nostra pagina principale quasi tutto si collega al file CSS fandomdesktop.css tramite id e classi, dunque quando un visitatore accede da cellulare, l'HTML cerca nel file CSS fandomMobile.css le classi definite nel wikitesto, che non ci sono perché questo è inesorabilmente vuoto. Infatti quelle classi sono definite solo su fandomdesktop.css. Dunque, non trovando le classi/ gli id che cerca, applica gli stili di default, non ridimensiona le immagini e di fatto o non mostra nulla, come nei banner azzurri o mostra uno stile estremamente scarno, come nei template di inizio pagina.
Soluzione
La soluzione è la seguente: questa estate mi metterò sotto a lavorare al CSS della pagina principale su cellulare, magari aggiungendo qualche template che aiuta la navigazione su cellulare visibile solo da cellulare. Prima di farlo però, voglio chiedere a voi e soprattutto a Babil83 e a Mondopapero se siate d'accordo, perché è una cosa molto importante. Si accettano indicazioni generali e suggerimenti anche non tecnici ma generali su come gestire la pagina principale su mobile. Se qualcuno si stesse chiedendo quanto sia effettivamente rilevante tutto ciò, posso dirvi due cose:
- la stragrande maggioranza degli utenti accede da cellulare (Mondopapero può confermare, anche lui ha i dati relativi a ciò)
- la pagina sul cellulare è difficile da gestire e molto scarna graficamente, fin troppo.
Se avete domande, suggerimenti ecc. scrivete un commento qui sotto.