Custom Select Cards
Module 2.4 – Advanced: Stacked & Card Listing Blocks: Custome Select Cards
Table of Contents
Custom select card blocks are used for pulling custom content onto a page in a card format. You choose exactly which cards and information to display. There are four custom select card blocks available: People, File, Page, and Video.
Follow along below to learn more about to use a custom select card block. I’ll focus on People Cards but the process is similar for all card blocks with a few different options available for each.
Step-By-Step
Add a Card Block
1. Add a Custom Select Card block using the block menu. Under Card Grids, choose from People Cards: Select, Video Cards, File Cards: Custom, Page Cards: Select, or Video Cards: Select.
People Cards: Select
1. Click on an individual people card and then start typing a name in the card options at the right to select a person. Click the individual’s name to add them to the block
2. Select options from the Block menu on the right.
Customize the order of cards by using the drag and drop or left/right arrows.
People Card Block Options
- Add a header (title) to card block
- The block background can be white or grey
- Select the number of columns (2,3, or 4) using the slider
- The card background can be white or grey
- Choose options for card shadow
- On card & hover
- On hover only
- None
- Toggle images off or on
- Toggle dates off or on
- Toggle excerpts off or on
- Determine the number of cards to display using the slider.
- Add a More Button to show more cards
- Choose Load More to display more on the page
- Choose View More to bring visitors to another page
- Choose Show All (No Button) to display all
- Display cards (posts) from one or more categories by typing the category name into the text box
Event Card Block Options
With event cards, use the selector to display either upcoming or past events.
People Card Block Options
With people cards, you can sort by first or last name and select the order you wish to use (alphabetical or reverse alphabetical).
You can also show:
- Images
- Job Title
- Phone
Video Card Block Options
With video cards, you can sort by Video Title or Publishing Date and select the order you wish to use (alphabetical or reverse alphabetical)
File Card Block Options
- No additional options
Page Card Options
With page cards, you can decide to show the dates and/or the excerpts.
You can order cards alphabetically or chronologically by date the page was modified.
Examples: News, Event, and People Cards
How to Structure Engaging News Posts in cuTheme
Welcome to the exciting world of cuTheme! If you’re used to our ccms theme (in classic WordPress), you’ll find that…
Using List View and Outline View
The list and outline views are helpful when navigating your webpage. To open up these views, click on the three…
How to Wrap Text Around an Image
There are three simple steps that you can take to wrap text around an image. b Add an image block…
Oct 26
Coffee Break
- 4:00 PM to 6:00 PM
- TBD
Video Tutorial
-
Hello, and Welcome to cuTheme advanced training, Module 2. In this video, we will be covering Card Blocks.
Card Blocks are a way to display categorized content on pages as “cards”, allowing the user to select an individual piece of content within the block.
Card Blocks are available for posts, events, people, or videos. In this video, I will be going over all four types.
So to add a Card Block, go to the block selection menu, scroll down to “Content Types”, and I’m going to start off with a News Card. Once selected, you will see there are various options which I will take you through.
You can add to a news card a header and some intro text. You can change the block’s background, make it either white or grey, and you can choose how many columns the block has, between two and four.
For the cards themselves, you can make the background white or grey, just like the background. You can choose whether the card has a shadow, either on hover, or in general. So on “Card and Hover”, it looks like this. On “Hover Only”, there’s no outline here, but there’s a shadow when you hover over. You can also have none, so there’s no shadow at all.
As well, you can toggle on and off images, dates, and excerpts. For the full block, you can choose how many posts you want, between one and twelve, and the more button, just like listing blocks. You can choose whether you want to load more at the end of the card, which will have the user stay on the page. You can have “View More”, which will take the user to another page, which you can add in here, or you can have none at all.
Lastly, you can choose which categories you want the card to have. So if I want “News”, I could click on that, and there’s no posts here with the category “News”, so none show up, but as you categorize your posts, you can have specific categories displayed.
I will now quickly take you through some specific options for other types of Card Blocks. So I’m going to add an event card here, and you can see there’s a lot of the same options that you had before, like a header, the background, number of columns, etc.
What the Event Card block has is that you can sort it either by upcoming events, as you can see here, or past events.
The next type of block I will be showing is People Cards. People Cards again have a lot of the same options as before. You can either choose to show all people, or a specific category of people, and you can sort by last name or first name, either from A to Z, or Z to A.
The last type of card is a Video Card, and the main option for Video Cards is that you can sort either by video title or publishing date. For video title, you can sort from A to Z or Z to A like you could for people, or by publishing date, either old to new, or new to old.
Try it Out!
Now that you have learned how to add a listing, time to try it out!
- Add a news card block.
- Display news from one category only.
- Play around with some of the card block options.
- Add an event card block and try out options.
- Add a people card block and try out options.
- Add a video card block and try out some options.