Events

Updated

Usage

The Events block shows an upcoming-events list or card grid anywhere on your site. Pick List, Cards, or Mini, choose upcoming, past, ongoing, future, or all events, and optionally narrow it to certain Event Categories.

Use it for tour dates, class schedules, fundraisers, or conference agendas.

Real-world example

hangtenband.com/shows uses two Events blocks on one page:

  1. Upcoming Shows — Display set to Default (Ongoing & Future). When nothing is scheduled, the block says "There are no upcoming events at this time."
  2. Past Shows — Display set to Past, Display As set to Cards, Columns set to 4, Image hidden, Title Style at h4, Show Address on with City and State, and each event's Excerpt used for door times and lineups.

Each card links to a single event page with the full show detail.

Content

  • Display — Default (Ongoing & Future) (default), Ongoing, Past, Future, or All. Past events sort newest-first; upcoming sorts soonest-first.
  • Preferred Image — Featured Image (default) or the thumbnail from the event's Video URL
  • Category — show only certain Event Categories; leave empty for all
  • Limit Events — when on, show up to Events To Show (1–50, default 3). Leave off for a full tour history.

Appearance

  • Display As — List (image + copy side by side), Cards (default, responsive grid), or Mini (compact grid)
  • Columns — 1–5 per row for Cards and Mini (default 3)
  • Title Style — text style for event titles
  • Image — Default, Show, or Hide
  • Image Aspect Ratio — golden rectangle, 1:1, 16:9, and more
  • Excerpt — Default, Normal, Small, or Hide
  • Link / Link Text — link style and label (default See Event). Set Link to Hide when the whole card is clickable.
  • Spacing — vertical gap between items (XS through XL)
  • Show Address — when enabled, choose Show Street, Show City (default on), Show State (default on), Show Zip

Front-end behavior

Each event's Starts and Ends dates decide which Display mode it falls under.

When nothing matches, upcoming blocks say "There are no upcoming events at this time" and past blocks say "There have been no past events."

Block width

Events supports Wide (default), Full, Center, and None alignment.

Tips

  • For a tour page, stack an upcoming block above a past-shows card grid.
  • Hide Image on dense grids and let the title, date, and city do the work.
  • For a month grid, use Events Calendar. To promote one date, use Event Countdown.

Settings

Content

Display setting in the block editor sidebar
Display

Default shows ongoing and upcoming events. For separate upcoming and past sections, use two Events blocks.

  • Default (Ongoing & Future)default
  • Ongoing
  • Past
  • Future
  • All
Preferred Image setting in the block editor sidebar
Preferred Image

Choose whether each card uses the featured image or the video thumbnail first. If an event is missing one, the block uses the other.

  • Featured Imagedefault
  • Video
Limit Events setting in the block editor sidebar
Limit Events

Leave off to show every matching event.

Events To Show setting in the block editor sidebar
Events To Show

Appears when Limit Events is on.

Appearance

Display As setting in the block editor sidebar
Display As

List puts the image beside the text. Cards is a grid. Mini is a compact grid for tight spaces.

  • List
  • Cardsdefault
  • Mini
Columns setting in the block editor sidebar
Columns

Cards or Mini items per row.

  • 1
  • 2
  • 3default
  • 4
  • 5
Title Style setting in the block editor sidebar
Title Style

Mini lists often use Small or Hidden so the dates stand out.

  • Defaultdefault
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • p
  • strong
  • small
  • hidden
Date Style setting in the block editor sidebar
Date Style

Mini uses Small by default. Pick a heading size when the date matters most.

  • Defaultdefault
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • p
  • strong
  • small
  • hidden
Image setting in the block editor sidebar
Image
  • Defaultdefault
  • Show
  • Hide
Image Aspect Ratio setting in the block editor sidebar
Image Aspect Ratio

Crops event photos to one shape so cards line up. None keeps each photo's original shape.

  • Defaultdefault
  • None
  • 1:1
  • 1:2
  • 2:1
  • 4:3
  • 9:16
  • 16:9
Excerpt setting in the block editor sidebar
Excerpt

The excerpt is a good place for door times, lineups, or ticket notes.

  • Defaultdefault
  • Normal
  • Small
  • Hide
Link setting in the block editor sidebar
Link

Hide the link when the whole card is already clickable.

  • Defaultdefault
  • Button
  • Understated
  • Hide
Link Text setting in the block editor sidebar
Link Text

Default "See Event."

Link Entire Card setting in the block editor sidebar
Link Entire Card

Makes the whole card clickable. The link text still shows unless Link is hidden.

Spacing setting in the block editor sidebar
Spacing

Space between events.

  • Defaultdefault
  • None
  • XS
  • SM
  • MD
  • LG
  • XL
Show Address setting in the block editor sidebar
Show Address

Shows the venue location under each date. City and state are often enough for tour dates.

Show Street setting in the block editor sidebar
Show Street

Appears when Show Address is on.

Show City setting in the block editor sidebar
Show City

Appears when Show Address is on.

Show State setting in the block editor sidebar
Show State

Appears when Show Address is on.

Show Zip setting in the block editor sidebar
Show Zip

Appears when Show Address is on.