Skip to content
University Marketing and Communications

Rochester Core

Event Feed component

Explore documentation around Rochester Core’s Event Feed component.

Explore More

Overview

The Event Feed component is tool that allows us to display a group of upcoming events at the University. The feed is created based off events that are housed on the University event’s page. These events must already be set up on the Universities events pages to implement them into the event feed component. Watch the video and read the guide to learn more about how to use the event feed component.

Topics on this page:

  1. How-to video
  2. Event Feed options
  3. Example Event Feed

1. How-to video: Event Feed component

2. Event Feed options

After selecting the Event Feed component on any page that uses the Rochester Core plugin, you’ll be presented with the following options to customize the display and enter content.

Block title

The title field is where to add the title or the heading for the entire event feed. Keep in mind more specific info will be added later.

Block content

The “content” field is where to add description text for the Event Feed. This should generally be to add context or more information about the events.

Block background color

The background color selector is where to choose the background color of the Event Feed.

Content width

“Content width” controls how wide the event feed is going to be.

  • Narrow: This is the smallest option for size and will make the space of the Event Feed very slim.
  • Default: This size is selected atomically and is set to fill a medium amount of space on the page.
  • Large: If the events begin to feel too cramped or the events should be bigger, the “large” option will give more room to the Event Feed.
Style

There are two different styles for displaying the Event Feed.

  • Cards: Displays the events in a card grid that can be customized by number of columns.
  • List: Creates a single column list of the events.
Card Columns

This option only appears if the “cards” style is selected. This setting determines how many columns the cards will be displayed in. The minimum is one column and the maximum is four.

Event feed widget code

Finding the widget builder

Acquiring the “event feed widget code” is the bulk of getting the Event Feed set up.

The first step of acquiring the Event Feed code is visiting the University’s events page. On the events page, next to the filter button, select the ellipses and then click “widget builder.” This will  bring up a form that that can be filled out to curate the desired list of events to be featured in the Event Feed component.

Template

Start by selecting the “Rochester Core” template option to let the builder know you’re going to be using the event code in the Rochester Core theme.

Selecting events

To start the process of selecting the desired events, fill in where the events are held, who is holding the events, who the events are for etc. Keywords and tags can be input to narrow down the parameters for more specific results. Results can be refined under the “Content Must Match” area to help specify which events should or shouldn’t be included.

Acquiring the code

When the parameters are all set, click “Generate Embed Code”. This will generate a bunch of code to make up the Event Feed. Simply copy the given code and return to the WordPress page. Paste the embed code in “Event feed widget code” and the events should be added to the Event Feed.

Example Event Feed