Custom Block Examples

Card Blocks

Editors now have the option to add different types of cards for their site within the normal editor. Each card can be customized with images, text and links.

Image Cards

Called the "Image Card Container" this block produces a great way to link pages of interest to your content.

You will need:

an image (preferably 400px by 600px)
a card title
a link

What it looks like inside the editor:

screenshot of the image card container within the editor

What it looks like published:

Visual Arts

Study Away

Image Cards with Description Container

Add Image Cards with a Description using the container. You can add up to 4 cards per container. You can add a title, image, description, URL, and link title text. The link title should match the page title you are linking to for accessibility.

screenshot of image card with description container in the editor

Published View of Image Cards with Description

Once published, the cards automatically add the style and hover effects.

image card with description screenshot of published cards and hover effect

Basic Card Container

A great way to add some calls to action in your content.

You will need:

Card title
Description text (optional)
Link

What it looks like in the editor:

screenshot of the UIS Card Container within the editor

What it looks like published:

Visual Arts

This is where the description goes.

Study Away

This is a longer description to show you how the card looks.

Web Resources

You can add a card with a link and customize each field within the card.

Department & Term Content Blocks

You can now put news, event, directory, and all sorts of feeds anywhere you want in your content! To learn how to insert them into content, please see our How to Use Department & Term Content Blocks resource.