{"id":7974,"date":"2019-10-28T11:01:02","date_gmt":"2019-10-28T15:01:02","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/?page_id=7974"},"modified":"2025-10-30T17:35:41","modified_gmt":"2025-10-30T21:35:41","slug":"modular-cards","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/creating-posts\/modular-cards\/","title":{"rendered":"Modular Cards"},"content":{"rendered":"<div class = \"alert alert-warning  oscitas-bootstrap-container\">\n<p style=\"text-align: center;\">The\u00a0<strong>Modular Cards feature is being phased out in favor of the Cells Plugin<\/strong>, which includes the Card layout (available under <a href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/syndication\/\">Syndication<\/a>) along with additional design options. It also offers a more user-friendly experience. If your site currently uses Modular Cards, consider transitioning to the Cells Plugin for enhanced functionality and long-term support.<\/p>\n<\/div>\n<p>The Modular Cards is an optional way of displaying either news posts or events on your School of Medicine web site. There are many settings that allow you to customize the look of the cards. Creating the modular cards is as easy as copying some shortcode and pasting it onto a page. Check out the <a href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/the-code\/\">modular cards code page<\/a> for the base shortcode along with all the optional attributes. You can also reference the example pages that shows <a href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/examples\/\">news posts in modular cards<\/a> and <a href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/event-examples\/\">events in modular cards<\/a>.<\/p>\n<p>The video below will further explain modular cards and walk you through the process of setting up the code.<\/p>\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" src=\"https:\/\/uncch.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=aa037612-8109-465b-909c-adf900d4a5d5&#038;autoplay=false&#038;offerviewer=true&#038;showtitle=false&#038;showbrand=false&#038;captions=true&#038;start=0&#038;interactivity=all\" height=\"450\" width=\"800\" style=\"border: 1px solid #464646;\" 0=\"allowfullscreen\" allow=\"autoplay\" title=\"How to display posts with modular cards.\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Modular Cards is an optional way of displaying either news posts or events on your School of Medicine web site. There are many settings that allow you to customize the look of the cards. Creating the modular cards is as easy as copying some shortcode and pasting it onto a page. Check out the &hellip; <a href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/creating-posts\/modular-cards\/\" aria-label=\"Read more about Modular Cards\">Read more<\/a><\/p>\n","protected":false},"author":64010,"featured_media":0,"parent":8967,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-7974","page","type-page","status-publish","hentry","odd"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Modular Cards - Web Guide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modular Cards - Web Guide\" \/>\n<meta property=\"og:description\" content=\"The Modular Cards is an optional way of displaying either news posts or events on your School of Medicine web site. There are many settings that allow you to customize the look of the cards. Creating the modular cards is as easy as copying some shortcode and pasting it onto a page. Check out the &hellip; Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-30T21:35:41+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/\",\"name\":\"Modular Cards - Web Guide\",\"isPartOf\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/#website\"},\"datePublished\":\"2019-10-28T15:01:02+00:00\",\"dateModified\":\"2025-10-30T21:35:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/ughome\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Pages, News Posts &#038; Events\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Modular Cards\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/#website\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/\",\"name\":\"Web Guide\",\"description\":\"School of Medicine IT\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.med.unc.edu\/webguide\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Modular Cards - Web Guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/","og_locale":"en_US","og_type":"article","og_title":"Modular Cards - Web Guide","og_description":"The Modular Cards is an optional way of displaying either news posts or events on your School of Medicine web site. There are many settings that allow you to customize the look of the cards. Creating the modular cards is as easy as copying some shortcode and pasting it onto a page. Check out the &hellip; Read more","og_url":"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/","og_site_name":"Web Guide","article_modified_time":"2025-10-30T21:35:41+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/","url":"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/","name":"Modular Cards - Web Guide","isPartOf":{"@id":"https:\/\/www.med.unc.edu\/webguide\/#website"},"datePublished":"2019-10-28T15:01:02+00:00","dateModified":"2025-10-30T21:35:41+00:00","breadcrumb":{"@id":"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/modular-cards\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.med.unc.edu\/webguide\/"},{"@type":"ListItem","position":2,"name":"User Guide","item":"https:\/\/www.med.unc.edu\/webguide\/userguide\/ughome\/"},{"@type":"ListItem","position":3,"name":"Pages, News Posts &#038; Events","item":"https:\/\/www.med.unc.edu\/webguide\/userguide\/news-events\/"},{"@type":"ListItem","position":4,"name":"Modular Cards"}]},{"@type":"WebSite","@id":"https:\/\/www.med.unc.edu\/webguide\/#website","url":"https:\/\/www.med.unc.edu\/webguide\/","name":"Web Guide","description":"School of Medicine IT","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.med.unc.edu\/webguide\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links_to":[],"_links_to_target":[],"_links":{"self":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/7974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/users\/64010"}],"replies":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/comments?post=7974"}],"version-history":[{"count":0,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/7974\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/8967"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/media?parent=7974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}