FANDOM


Man mano che FANDOM procederà in avanti con graduali cambiamenti al layout degli articoli nel 2015, le informazioni saranno aggiunte a questa pagina di aiuto. Questa pagina include le descrizioni dei cambiamenti. Documenta inoltre potenziali problemi, la loro causa, e la soluzione proposta.

Se noti un problema non ancora inserito in questa pagina, per favore informaci attraverso Speciale:Contatta e faremo del nostro meglio per lavorare insieme a te per risolverlo.

Breakpoint e tipografia (Aprile/Maggio 2015)

Nella prima fase dei cambiamenti al layout, FANDOM introdurrà i breakpoint (punti di interruzione) al layout reattivo di FANDOM, e introdurrà dei relativi aggiornamenti alla tipografia.

I breakpoint aiutano a rendere il layout della pagina più prevedibile regolando solo specifici width, basati sulla risoluzione dello schermo dell'utente. I cambiamenti alla tipografia si verificheranno con l'aumento della dimensione del testo e dell'altezza della riga presso il punto di interruzione più largo, il quale è da noi chiamato Desktop XL, correntemente definito per mostrarsi più ampio di 1575px. Gli altri breakpoint rimarranno alla dimensione corrente e alla stessa altezza (default).

I cambiamenti alla tipografia sono intesi solo per Intestazioni, copie del corpo del testo, e citazioni di base. Tuttavia, anche certi template potrebbero subire l'applicazione della modifica al testo se non possiedono le giuste classi, e quindi apparire rotti.

È possibile avere un'anteprima dei cambiamenti alla tipografia prima del rilascio globale di questo aggiornamento aggiungendo ?oasisbreakpoints=1&oasistypography=1 in fondo all'URL di una pagina specifica. Per esempio: http://gameofthrones.wikia.com/wiki/Tywin_Lannister?oasisbreakpoints=1&oasistypography=1

Per favore nota che per vedere prendere forma i cambiamenti, devi visualizzare la pagina su uno schermo più largo, almeno ampio 1575 px. Questo è l'unico modo per vedere i breakpoint Desktop XL.

La maggior parte dei problemi che potresti vedere dovrebbero essere risolvibili assegnando ai template queste classi o aggiustando il CSS del tuo sito. Questa lista sarà in continuo aggiornamento man mano che noi, e utenti come te, editeranno su FANDOM col nuovo layout, e lo staff di FANDOM tenterà di fare il possibile per assicurarsi che nessun problema venga lasciato irrisolto.

Tabella dei Cambiamenti

Elemento Desktop / Tablet (Size / Line Height) Desktop XL (Size / Line Height)
Intestazione H1 28 / 28 34 / 34
Intestazione H2 20 / 22 28 / 30
Intestazione H3 17 / 22 22 / 24
Intestazione H4, quote 15 / 22 20 / 28
Corpo del testo 14 / 22 16 / 26

Da notare:

  • Le modifiche alla tipografia si verificano solo nel più largo punto di interruzione "Desktop XL", su schermi ampi almeno 1575 px.
  • Le modifiche alla tipografia sono intese solo per Intestazioni, corpo del testo e citazioni di base.
  • Le citazioni sono definite come elementi con il tag "blockquote".
  • Le modifiche alla tipografia non sono applicate agli elementi contenenti class ="infobox" all'interno dei template. Se questa classe non è inclusa in un template infobox, allora lo stile del corpo del testo sarà applicato al contenuto all'interno del template infobox. Le nostre pratiche migliori raccomandano sempre di avere questa classe specificata nei tuoi template infobox.


Come aggiustare i template

Con i nuovi breakpoint e con la tipografia, tutti gli elementi all'interno del livello più alto del selettore di classi, il contenitore WikiaArticle (div con class="WikiaArticle", selettore css: ".WikiaArticle"), erediteranno la dimensione del testo e le altezze della riga che abbiamo impostato. Le nostre modifiche non sovrascriveranno lo stile degli elementi (come le tabelle) all'interno di WikiaArticle, che sono scritti in alcuni punti del nostro codice base o all'interno del tuo css locale. Se tu imposti gli stili con elementi addizionali (e.g. .WikiaArticle .Navbox), che assumeranno una priorità rispetto allo stile di default che stiamo impostando.

Se vuoi un elemento stilato differentemente rispetto allo stile predefinito, aggiungi semplicemente una classe al tuo foglio di stile. In termini tecnici, ciò significa che tutti gli elementi che sono stilati con un selettore più specifico di .WikiaArticle (per esempio: .WikiaArticle table, .WikiaArticle .navbox) non saranno affetti dalle nostre modifiche. In altre parole, se tu definisci la dimensione del testo nel class (o nello stile inline), la modifica alla sua tipografia non avverrà.

Come nota, questo è il codice che abbiamo creato:

.WikiaArticle {
    font-size: x; 
    line-height: y;

   .infobox {
       font-size: <old value>;
       line-height: <old value>;
}

Sfondi

Con i nuovi breakpoint un piccolo pezzo della skin sarà coperto dall'area dei contenuti leggermente più grande. I nuovi 1064px di larghezzza significano che la tua skin sarà coperta da ulteriori 17px di contenuti su entrambi i lati. Questo spazio aggiunti è presente anche nella versione Desktop XL di cui abbiamo parlato (1238px). Se vuoi ricreare la tua skin per adeguarla a quei 17px, stiamo aggiornando la pagina Aiuto:Sfondo per fornire una guida passo passo su cosa devi fare. Continuate a seguirci!

FAQ

Alle domande più frequenti sarà data risposta qui.

  • Che cosa fanno i breakpoint?
    • I breakpoint sono un altro modo per creare un soto internet reattivo. Oggi abbiamo un layout fluido e ciò significa che il sito si adatterà pixel per pixel. I breakpoint sono differenti in quanto si adattano solo in punti molto specifici. Questi creano un'esperienza maggiormente prevedibile, che è specialmente importante viste le diverse modalità con cui gli utenti creano contenuti su FANDOM.
  • Perché gli spazi leggibili sono stati ridotti?
    • Abbiamo abbassato la dimensione del massimo punto di interruzione a qualcosa di più gestibile per gli utenti. Il sito corrente va al massimo a 1600px nella sua massima ampiezza, ciò causa alcuni problemi misurabili nella UX (user experience) con i moduli, le tabelle, e la lunghezza delle righe, oltre ad altre cose.
  • Perché la dimensione del testo è così grande?
    • La dimensione del testo presso il più grande punto di interruzione è impostata in modo che il numero delle parole per riga rimanga all'interno di un'ottimale esperienza di lettura. Negli anni si sono evolute una serie di pratiche migliori per indicare un range di parole e caratteri per riga che porta al miglior risultato. Per la maggior parte degli utenti, più contenuto nella pagina è attualmente più difficile da digerire rispetto ad uno semplice. I cambiamenti tipografici servono a correggere ciò.

Navigazione

Contenuti
Nozioni di base
Il tuo account Registrazione  • Login  • Preferenze  • Cambiare username
La tua wiki Creare una wiki  • Barra dei progressi della wiki  • Fondatori  • Tipi di utenti
Funzioni di Wikia Bacheca  • Notifiche  • Blog  • Forum  • Chat
Consigli Profilo  • Avatar  • Creare una wiki di successo  • Errori comuni
Contribuire
Aggiungere contenuti Nuova pagina  • Modifica  • Immagini  • Video
Formattazione VisualEditor  • Wikitext  • Stile della pagina  • Testo
Strumenti Wiki Activity  • Cronologia  • Aiuto:Barra degli strumenti  • Pagina di discussione Commenti  •
Suggerimenti Redirect  • Layout  • SEO  • La funzione Consigli  • Linee guida per le community
Gestire una community
Impostazioni Wiki Funzioni  • Pagine speciali  • Estensioni  • Protezione delle pagine
Strumenti per gli admin Pannello di controllo Admin  • Blocco degli utenti  • Strumento di benvenuto  • Angolo della Community
Design Theme Designer  • Menù di navigazione  • Pagina principale  • Pagina principale per mobile
Trucchi per la gestione Guida per gli Amministratori  • Costruire una community  • Regolamenti di una wiki  • Integrazione con i social
Nozioni avanzate
Estensioni Sondaggi  • Note  • DPL  • Mappe  • Funzioni parser
Strumenti & scorciatoie Messaggi di sistema  • Wikitext avanzato  • Parole magiche  • Esportare e importare pagine  • Caricare file multipli  • HTML
Consigli Titolo della pagina  • Descrizione  • Pratiche migliori per wikitext
Personalizzazione
Personalizzazione di base Theme Designer  • Sfondo  • Favicon  • Logo
Personalizzazione esperta Regole sulla personalizzazione  • CSS e JS della community  • CSS e JS personali  • CSS e JS avanzati
Tabelle e template Tabelle  • Infobox  • Template  • Parametri dei template
Altro... Tag per la pagina principale  • HeroImage  • Nuove gallerie immagini  • Lua
Mobile
Panoramica e consigli Introduzione alla versione mobile  • Pratiche migliori per wikitext  • Pagine principale su mobile  • Evitare tabelle nidificate
Prodotti per mobile App della Community  • Game guides  • Lyrically  • My Wikia
Trovare ulteriore aiuto
Consulta: Wiki della Community  • Blog di Wikia Italia  • Forum della Community  • Contatta Wikia  • Politiche di Wikia  • Aiuto di MediaWiki
I contenuti della comunità sono disponibili sotto la licenza CC-BY-SA a meno che non sia diversamente specificato.