Listes de liens et tableaux

Objectif : construire un index de liens lisible et mettre de vraies données dans un vrai tableau.
Durée : 5 minutes
Il vous faut : une page, une poignée de liens et quelques lignes de données

Étapes

  1. Sélectionnez Add Block, puis Link List.
  2. Remplissez l'introduction facultative : Optional Intro Title, Optional Intro Description, Optional Intro Meta.
  3. Choisissez Row Layout (index ou stacked), List Frame (joined ou cards) et Thumbnail Size si vos lignes portent des images, puis enregistrez.
  4. Ajoutez les lignes : sélectionnez Add Block, choisissez Link List Item et réglez Parent Block sur votre Link List.
  5. Remplissez Link Title et URL, ainsi que Optional Meta (une date convient bien), Badge label et Optional Description. Répétez pour chaque ligne.
  6. Pour des données tabulaires, sélectionnez Add Block et choisissez Table. Remplissez Table Title, choisissez un Table Style et tapez les lignes : une par ligne, cellules séparées par une barre 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.

Remarques

  • Vous pouvez coller une plage directement depuis un tableur dans Table Rows et la grille se remplit. Appuyez sur Entrée pour passer à la ligne suivante.
  • header-row traite votre première ligne comme des en-têtes de colonnes. N'utilisez plain que si la première ligne est une donnée comme les autres.
  • Un tableau sert aux données à lignes et colonnes. Une liste de liens n'est pas une donnée — c'est une Link List, qui se lit mieux et se comporte correctement sur téléphone.
  • N'utilisez pas un tableau pour placer des éléments côte à côte. Les blocs de mise en page comme Columns et Grid sont là pour ça ; les tableaux se replient mal sur petits écrans.
Suite : blocs Code et HTML