Tiles

Create quick-link navigation in a row layout.

Key Takeaways

  • Use the Tiles template to create quick-link navigation in a row layout.
  • Enable Multiple Content Items to add multiple tiles.
  • Set Column Count by Device to control how many tiles display per row.
  • Optional elements (Eyebrow, Heading, Description, Buttons) are supported.
  • Add tiles using the block editor:
  1. Title (required) displays as the tile name
  2. Content (optional) provides a short description
  3. Icon (optional) uses Font Awesome (Sharp → Solid)
  • Link tiles using:
  1. Page selector (internal links take priority)
  2. URL field (for external links)

Best Practices

  • Keep tile content short and scannable.
  • Use consistent icons and styling for a cohesive look.
  • Balance column counts to avoid overcrowding on smaller screens.
  • Use clear, action-oriented title for better navigation.
  • Ensure links are accurate and lead to meaningful destinations.
Top