Elenchi di link e tabelle

Obiettivo: costruire un indice di link leggibile e mettere dati veri in una vera tabella.
Tempo: 5 minuti
Serve: una pagina, una manciata di link e qualche riga di dati

Passaggi

  1. Selezionate Add Block, poi Link List.
  2. Compilate l'introduzione facoltativa: Optional Intro Title, Optional Intro Description, Optional Intro Meta.
  3. Scegliete Row Layout (index o stacked), List Frame (joined o cards) e, se le righe porteranno immagini, Thumbnail Size; poi salvate.
  4. Aggiungete le righe: selezionate Add Block, scegliete Link List Item e impostate Parent Block sulla vostra Link List.
  5. Compilate Link Title e URL, più Optional Meta (una data funziona bene), Badge label e Optional Description. Ripetete per ogni riga.
  6. Per dati tabellari selezionate Add Block e scegliete Table. Compilate Table Title, scegliete un Table Style e scrivete le righe: una per riga, con le celle separate da una barra verticale.
Link List block form showing intro fields, row layout, list frame, and thumbnail size.
Link List Item form showing the parent block selector, title, URL, meta, and description.
Table block form showing the title, style selector, and rows separated by vertical bars.
Public page showing a list of linked notes with dates and descriptions, above a data table.

Note

  • Potete incollare un intervallo direttamente da un foglio di calcolo in Table Rows e la griglia si riempie. Premete Invio per passare alla riga successiva.
  • header-row tratta la prima riga come intestazioni di colonna. Usate plain solo quando la prima riga è un dato come gli altri.
  • Una tabella serve a dati con righe e colonne. Un elenco di link non è un dato: quello è una Link List, si legge meglio e si comporta bene su telefono.
  • Non usate una tabella per mettere cose una accanto all'altra. Per quello ci sono i blocchi di impaginazione come Columns e Grid; le tabelle si piegano male su schermi piccoli.
Avanti: blocchi Code e HTML