Wiki della Community
Advertisement
Wiki della Community

Stai pensando di personalizzare il design della tua community? Quando pianifichi la tua strategia per il CSS, devi pensare di fare scelte che siano ampiamente gradite e accoglienti per il range più ampio possibile di lettori e contributori. Ecco qui qualche buona prassi per aiutarti.

Prima di iniziare, leggi anche il nostro articolo con le regole sulla personalizzazione.

Linee guida[]

Inizia con il Theme Designer[]

Il modo più semplice per personalizzare la tua communtiy è usare il Theme Designer di Fandom. Ti permette di cambiare facilmente la palette di colori di base del sito, il logo, la favicon e lo sfondo. Tutto ciò che può essere cambiato con il Theme Designer dovrebbe essere cambiato con il Theme Designer. Quindi inizia qui prima di spostarti sul CSS.

Colori[]

Evita contrasti bassi e colori che stridono o troppo vivaci — specialmente nell'area del contenuto. Vuoi che le persone siano in grado di leggere facilmente i tuoi articoli così che si fermino più a lungo. Puoi usare dei siti come WCAG Contrast Checker per controllare se stai usando un buon contrasto.

Inizia con il Theme Designer prima di scrivere CSS.

Ricorda:

  • La vista degli altri può non essere come la tua. Un numero significativo di persone hanno problemi di riduzione della vista o diversi gradi di daltonismo.
  • Dispositivi diversi si comportano diversamente. I colori che vedi con il tuo display potrebbero non funzionare altrettanto bene su altri display.
  • Mantieni un buon contrasto tra il testo e lo sfondo.
  • Le immagini di sfondo sono belle, ma non se non riesci a leggere il testo. Usa con cura le impostazioni di opacità dell'immagine nel Theme Designer, specialmente utili con uno sfondo molto elaborato. Aggiungi anche un colore di sfondo appropriato.
  • Cerca di evitare sfondi troppo elaborati.
  • Cerca di non rendere le dimensione del font troppo piccola, specialmente nell'area di testo principale. È meglio mantere la dimensione del font originale per il testo degli articoli.

Font[]

  • I font personalizzati sono benvenuti, ma ricorda che meno è spesso di più. Evita di affaticare gli occhi. Stai attento a dove sei autorizzato a modificare il font: Regole sulla personalizzazione. È meglio non cambiare il font del contenuto della pagina perchè deve rimanere facilmente leggibile.
  • Puoi trovare molti font gratis che permettono l'uso commerciale. Puoi dare un'occhiata a Google Fonts. Se hai bisogno di aiuto, segui questa guida: Aiuto:Importare i font di Google.

Privilegia la semplicità[]

Il CSS offre una cornucopia di possibili effetti per far risaltare il tuo sito. Ma non dovresti usarli in modo eccessivo. Lo scopo del CSS è rendere la community ampiamente gradevole da visitare, e un design troppo appariscente potrebbe infastidire dei nuovi lettori.

  • Usa elementi decorativi solo quando necessari.
  • Evita tutto ciò che è troppo "appariscente" nelle pagine. Potresti aggiungere alcuni effetti quando si passa sopra con il mouse, per esempio per fare risaltare di più le icone, ma tieni a mente che le wiki sono principalmente basate sulle informazioni. La wiki naturalmente dovrebbe presentare l'argomento di cui scrivi in modo visivamente gradevole ma anche in un modo tale che riduca tutto ciò che può distrarre o allontanare il lettore.

Design reattivo[]

Le pagine di Fandom hanno un design a larghezza fluida. Questo significa che cambia un po' a seconda della dimensione della finestra del browser. Assicurati che il tuo design funzioni pienamente al variare delle larghezza del tuo browser durante i test. Se puoi, fai un test del design anche con un tablet.

Scrivi codice leggibile[]

Scrivi codice che può essere letto e compreso facilmente. Dato che il tuo CSS sarà quasi certamente letto da altri in un qualche momento:

  • Annotalo con commenti chiari come /* Questo codice fa x, y e z */ (dovrebbe essere qualcosa che capisca non solo tu che conosci il contesto, ma anche chiunque leggerà e modificherà il codice senza esserne familiare).
  • Dai alle tue classi e ID personalizzati nomi comprensibili. Se crea una scatola intorno a qualcosa, considera chiamarla .box, invece di .tlk328
  • Aggiungi spacing e indentazione secondo le preferenze della community — ma scegli un formato e tieni solo quello.
  • Organizza il codice logicamente, tenendo i codici che influenzano gli stessi punti della wiki vicini.

Link utili[]

Navigazione[]

Contenuti
Per iniziare
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 Fandom Bacheca  • Notifiche  • Blog  • Discussioni
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 Ultime modifiche  • Cronologia  • Barra degli strumenti  • Pagina di discussione  • Commenti
Suggerimenti Redirect  • Layout  • SEO  • La funzione Consigli  • Linee guida per le community
Gestione della community
Impostazioni Wiki Funzioni  • Pagine speciali  • Estensioni  • Protezione delle pagine
Strumenti per gli admin Pannello di controllo Admin  • Blocco degli utenti  • Pannello Wiki Analytics
Design Theme Designer  • Menù di navigazione  • Pagina principale
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  • Gallerie, slideshow e slider  • Lua
Mobile
Panoramica e consigli Introduzione alla versione mobile  • Pratiche migliori per wikitext  • Evitare tabelle nidificate
Prodotti per mobile App di Fandom
Trovare ulteriore aiuto
Consulta: Wiki della Community  • Blog di Fandom Italia  • Discussioni  • Contatta Fandom  • Politiche di Fandom  • Aiuto di MediaWiki
Advertisement