{"id":3132,"date":"2024-03-15T11:39:36","date_gmt":"2024-03-15T15:39:36","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=3132"},"modified":"2026-08-10T21:06:09","modified_gmt":"2026-08-11T01:06:09","slug":"custom-select-cards","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-3-cards-listings\/custom-select-cards\/","title":{"rendered":"Select  Cards"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Select  Cards\n                    <\/h1>\n                \n                                \n                                    \n\n<p class=\"wp-block-paragraph\">Intermediate Training Module 3: Cards &amp; Listings<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\">Most card blocks display content automatically based on categories. Select Cards work differently. Instead of displaying all content from a category, they allow you to manually choose specific items to feature on a page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This gives you complete control over exactly which content appears and in what order.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Select Cards are ideal when you want to highlight a curated collection of content rather than display the latest or automatically generated results.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Available Select Card blocks include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Event Select Cards<\/li>\n\n\n\n<li>News Select Cards<\/li>\n\n\n\n<li>People Select Cards<\/li>\n\n\n\n<li>Page Select Cards<\/li>\n\n\n\n<li>Video Select Cards<\/li>\n<\/ul>\n\n\n\n<h2 id=\"select-cards-vs-card-blocks\" class=\"wp-block-heading\">Select Cards vs Card Blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Understanding the difference between these two blocks is important.<\/p>\n\n\n\n<h3 id=\"card-blocks\" class=\"wp-block-heading\">Card Blocks<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Card Blocks automatically display content based on categories and filters.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Display all News posts categorized as Research<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Whenever a new Research news post is published, it appears automatically.<\/p>\n\n\n\n<h3 id=\"select-cards\" class=\"wp-block-heading\">Select Cards<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Select Cards allow you to manually choose content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Display these three specific research stories.Show more lines<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The selection remains unchanged until you update it yourself.<\/p>\n\n\n\n<h2 id=\"when-to-use-select-cards\" class=\"wp-block-heading\">When to Use Select Cards<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Select Cards work best when you want to feature specific content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples include:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Featured News<\/strong><br>Display three important news stories on your homepage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Recommended Resources<\/strong><br>Select important pages visitors should read first.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Key Events<\/strong><br>Highlight a small number of featured events.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Featured Faculty<\/strong><br>Showcase selected faculty members or staff.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Recommended Videos<\/strong><br>Create a curated collection of video resources.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you need complete editorial control, Select Cards are usually the better option.<\/p>\n\n\n\n<h2 id=\"adding-a-select-cards-block\" class=\"wp-block-heading\">Adding a Select Cards Block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To add a Select Cards block:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the <strong>+<\/strong> button.<\/li>\n\n\n\n<li>Search for a Select Cards block.<\/li>\n\n\n\n<li>Choose the appropriate content type.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Available options include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Event Select Cards<\/li>\n\n\n\n<li>News Select Cards<\/li>\n\n\n\n<li>People Select Cards<\/li>\n\n\n\n<li>Page Select Cards<\/li>\n\n\n\n<li>Video Select Cards<\/li>\n<\/ul>\n\n\n\n<h2 id=\"selecting-content\" class=\"wp-block-heading\">Selecting Content<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After adding the block:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select one of the card placeholders.<\/li>\n\n\n\n<li>Begin typing the name of the content you want to display.<\/li>\n\n\n\n<li>Choose the item from the search results.<\/li>\n\n\n\n<li>Repeat for each card.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The selected content will automatically populate the card.<\/p>\n\n\n\n<h2 id=\"reordering-cards\" class=\"wp-block-heading\">Reordering Cards<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One advantage of Select Cards is complete control over card order.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cards can typically be rearranged by:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dragging and dropping<\/li>\n\n\n\n<li>Using move controls<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This allows you to prioritize content exactly as you wish.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Most important item<\/li>\n\n\n\n<li>Secondary item<\/li>\n\n\n\n<li>Supporting item<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Unlike automatic card blocks, the order is entirely under your control.<\/p>\n\n\n\n<h2 id=\"card-display-options\" class=\"wp-block-heading\">Card Display Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once content has been selected, most display settings work the same way as standard Card Blocks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depending on the content type, common options may include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Number of columns<\/li>\n\n\n\n<li>Card layout<\/li>\n\n\n\n<li>Background colour<\/li>\n\n\n\n<li>Images<\/li>\n\n\n\n<li>Dates<\/li>\n\n\n\n<li>Excerpts<\/li>\n\n\n\n<li>More buttons<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Because the display options are shared, you can refer to the Card Blocks lesson for detailed descriptions of each setting.<\/p>\n\n\n\n<h2 id=\"choosing-the-right-approach\" class=\"wp-block-heading\">Choosing the Right Approach<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use a <strong>Card Block<\/strong> when:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Content should update automatically.<\/li>\n\n\n\n<li>Content is organized by categories.<\/li>\n\n\n\n<li>You want minimal maintenance.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Use a <strong>Select Cards Block<\/strong> when:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Specific content must be featured.<\/li>\n\n\n\n<li>The order matters.<\/li>\n\n\n\n<li>You want complete editorial control.<\/li>\n\n\n\n<li>The content changes infrequently.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Many websites use both approaches together.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A homepage might feature three manually selected news stories using Select Cards.<\/li>\n\n\n\n<li>A department page might display all Research news automatically using a News Cards block.<\/li>\n<\/ul>\n\n\n\n<h2 id=\"best-practices\" class=\"wp-block-heading\">Best Practices<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Keep the Number of Cards Manageable<\/strong><br>Select Cards work best when highlighting a small collection of important content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Review Featured Content Regularly<\/strong><br>Because Select Cards do not update automatically, they should be reviewed periodically to ensure the content remains current.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Prioritize Important Content<\/strong><br>Place the most important card first.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Use Consistent Images<\/strong><br>Select content with strong featured images whenever possible to create a more polished presentation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Avoid Over-Curating<\/strong><br>If a block requires frequent manual updates, a category-driven Card Block may be a better solution.<\/p>\n\n\n\n<h2 id=\"try-it-out\" class=\"wp-block-heading\">Try It Out<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Practice working with Select Cards.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add a <strong>People Select Cards<\/strong> block.<\/li>\n\n\n\n<li>Select three people profiles.<\/li>\n\n\n\n<li>Rearrange the card order.<\/li>\n\n\n\n<li>Add a <strong>News Select Cards<\/strong> block.<\/li>\n\n\n\n<li>Select three specific news posts.<\/li>\n\n\n\n<li>Compare the experience to a category-driven Card Block.<\/li>\n\n\n\n<li>Decide which approach is most appropriate for your content.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Manually select and feature specific content using curated card layouts with complete control over display order and content selection.<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":528,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[62],"class_list":["post-3132","page","type-page","status-publish","hentry","cu_page_type-intermediate-training-module-3"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=3132"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3132\/revisions"}],"predecessor-version":[{"id":4244,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3132\/revisions\/4244"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/528"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=3132"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=3132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}