Linklisten und Tabellen

Ziel: Ein lesbares Verzeichnis von Links bauen und echte Daten in eine echte Tabelle setzen.
Dauer: 5 Minuten
Sie brauchen: Eine Seite, eine Handvoll Links und ein paar Datenzeilen

Schritte

  1. Wählen Sie Add Block und dann Link List.
  2. Füllen Sie die optionale Einleitung aus: Optional Intro Title, Optional Intro Description, Optional Intro Meta.
  3. Wählen Sie Row Layout (index oder stacked), List Frame (joined oder cards) und, falls Ihre Zeilen Bilder tragen, Thumbnail Size — dann speichern.
  4. Fügen Sie die Zeilen hinzu: Add Block wählen, Link List Item wählen und Parent Block auf Ihre Link List setzen.
  5. Füllen Sie Link Title und URL aus, dazu Optional Meta (ein Datum passt gut), Badge label und Optional Description. Für jede Zeile wiederholen.
  6. Für tabellarische Daten wählen Sie Add Block und dann Table. Füllen Sie Table Title aus, wählen Sie einen Table Style und tippen Sie die Zeilen: eine Zeile pro Zeile, Zellen durch einen senkrechten Strich getrennt.
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.

Hinweise

  • Sie können einen Bereich direkt aus einer Tabellenkalkulation in Table Rows einfügen, und das Raster füllt sich. Mit Enter springen Sie in die nächste Zeile.
  • header-row behandelt Ihre erste Zeile als Spaltenüberschriften. Nehmen Sie plain nur, wenn die erste Zeile Daten wie jede andere enthält.
  • Eine Tabelle ist für Daten mit Zeilen und Spalten. Eine Liste von Links sind keine Daten — das ist eine Link List, und sie liest sich besser und verhält sich auf dem Telefon richtig.
  • Benutzen Sie keine Tabelle, um Dinge nebeneinander zu stellen. Dafür gibt es Layout-Blöcke wie Columns und Grid; Tabellen brechen auf kleinen Bildschirmen schlecht um.
Weiter: Code- und HTML-Blöcke