Se vuoi modificare le tabelle con il wikitext, hai molte opzioni diverse. Questa pagina non tratterà tutti i modi, ma ti mostrerà la corrispondenza tra il wikitext e il markup HTML, che differenza fa una classe CSS, e un esempio di una semplice tabella che funziona sia su desktop che dispositivi mobili.
Codice tabella di base
Il wikitext è, in molti modi, solo una scorciatoia per l'HTML. Se sei familiare con l'HTML, sai probabilmente già come costruire una tabella in wikitext. Ecco uno schema che ti aiuterà a capire la relazione tra wikitext e HTML:
| Descrizione | Cosa digiti |
|---|---|
| Apre la tabella (equivalente a <table>)
|
{|
|
| Didascalia della tabella (equivalente a <caption>)
|
|+
|
| Apre una riga della tabella (equivalente a <tr>)
|
|-
|
Intestazione della tabella (parte di una riga; equivalente a <th>)
|
! or !!
|
Cella della tabella (parte di una riga; equivalente a <td>)
|
| or ||
|
| Chiude una tabella (equivalente a </table>)
|
|}
|
Classi CSS di default di Fandom
All'interno del codice di Fandom ci sono due classi che puoi inserire all'inizio della tua tabella. A prescindere dalla wiki in cui ti trovi, c'è sempre una formattazione di default per .article-table e .wikitable. Se usi il VisualEditor, .article-table è automaticamente aggiunta quindi la struttura di base della tua tabella sarà:
{| class = "article-table"
...
|}
Ma ci sono casi in cui potresti considerare di usare .wikitable oppure nessuna classe. Ecco come appaiono le diverse opzioni in una wiki senza personalizzazioni locali:
.article-table dà a tutte le celle lo stesso sfondo
Con .wikitable hai una definizione migliore di ogni cella
Senza una classe CSS, non ha né bordi né sfondi
Se stai modificando lo stile attraverso la personalizzazione del CSS, è spesso bene usare come bersaglio la classe .article-table per applicare lo stile alle tabelle che già usano questa classe, essendo quella di default.
- Tecnicamente, esiste un'altra classe di default per le tabelle su Fandom, chiamata
.WikiaTable. Tuttavia, se non toccata da dichiarazioni CSS locali, fornisce esattamente lo stesso stile di.article-table
Tabelle di base
Come spiegato altrove, le tabelle non sono visualizzate bene sul web mobile.
L'approccio migliore è tenerla più semplice possibile. Guarda il wikitext qui sotto, e poi controlla, sul tuo smartphone, come appare la tabella su uno schermo più piccolo:
{| class = "article-table"
!Pagina
!Grado 1
!Grado 2
!Grado 3
|-
|Pagina A
|1
|2
|3
|-
|Pagina B
|1
|2
|3
|-
|Pagina C
|2
|3
|4
|}
...che fornisce:
| Pagina | Grado 1 | Grado 2 | Grado 3 |
|---|---|---|---|
| Pagina A | 1 | 2 | 3 |
| Pagina B | 1 | 2 | 3 |
| Pagina C | 2 | 3 | 4 |
Codici per tabelle più avanzate
Le tabelle possono essere rese significativamente più avanzate dell'esempio qui sopra. Se vuoi esplorare altre opzioni per le tabelle in wikitext, puoi iniziare consultando la pagina di aiuto di MediaWiki sulle tabelle. Ma ricorda che molto di quello che vedrai in posti come mediawiki.org o la pagina di aiuto di Wikipedia non considerano davvero gli effetti delle tabelle sui dispositivi mobili. È importante controllare sempre il tuo lavoro sulle tabelle con uno smarthphone per vedere quanto bene sarà visualizzato dai molti lettori della wiki che usano dispositivi mobili.
È anche possibili, in alcuni specifici casi in cui i dati devono essere calcolati, usare template o anche template basati su Lua, per creare la struttura preesistente della tabella o per usare template dentro le celle..
Vedi anche
Aiuto aggiuntivo e feedback
- Naviga e cerca altre pagine di aiuto su Contenuti.
- Esplora la Wiki della Community per ulteriori fonti di aiuto o supporto.
- Leggi come contattare Fandom per problemi o segnalare errori.