Listas de enlaces y tablas

Objetivo: construir un índice de enlaces legible y poner datos de verdad en una tabla de verdad.
Tiempo: 5 minutos
Necesita: una página, un puñado de enlaces y algunas filas de datos

Pasos

  1. Seleccione Add Block y elija Link List.
  2. Rellene la entrada opcional: Optional Intro Title, Optional Intro Description, Optional Intro Meta.
  3. Elija Row Layout (index o stacked), List Frame (joined o cards) y Thumbnail Size si sus filas llevarán imágenes, y guarde.
  4. Añada las filas: seleccione Add Block, elija Link List Item y ponga Parent Block en su Link List.
  5. Rellene Link Title y URL, más Optional Meta (una fecha funciona bien), Badge label y Optional Description. Repita para cada fila.
  6. Para datos tabulares, seleccione Add Block y elija Table. Rellene Table Title, elija un Table Style y escriba las filas: una por línea, con las celdas separadas por una barra vertical.
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.

Notas

  • Puede pegar un rango directamente desde una hoja de cálculo en Table Rows y rellena la cuadrícula. Pulse Enter para saltar a la fila siguiente.
  • header-row trata su primera línea como encabezados de columna. Use plain solo cuando la primera fila sea un dato más.
  • Una tabla es para datos con filas y columnas. Una lista de enlaces no es un dato: eso es una Link List, que se lee mejor y se comporta bien en el móvil.
  • No use una tabla para colocar cosas una al lado de otra. Para eso están los bloques de disposición como Columns y Grid; las tablas se pliegan mal en pantallas pequeñas.
Siguiente: bloques Code y HTML