{"id":10361,"date":"2024-01-30T15:43:06","date_gmt":"2024-01-30T20:43:06","guid":{"rendered":"https:\/\/www.eng.ufl.edu\/marcom-dev\/?post_type=mercury-block&amp;p=10361"},"modified":"2024-01-30T15:43:06","modified_gmt":"2024-01-30T20:43:06","slug":"cards-right-rail","status":"publish","type":"mercury-block","link":"https:\/\/www.eng.ufl.edu\/marcom\/mercury-block\/cards-right-rail\/","title":{"rendered":"Cards Right Rail"},"content":{"rendered":"\n<p><a href=\"https:\/\/webservices.it.ufl.edu\/mercury-theme\/items\/cards---right-rail.html\" target=\"_blank\" rel=\"noreferrer noopener\">When to use and example of cards right rail<\/a><\/p>\n\n\n\n<p>In the Block Editor, insert a Cards Right Rail block. Expand the document overview and inspector panel to view and edit the nested blocks.<\/p>\n\n\n\n<p>The <strong>Cards Right Rail Content<\/strong> innerblock is the body copy on the left side of the layout. Add headings, paragraphs, or lists, and edit within the content area.<\/p>\n\n\n\n<p><strong>NOTES: <\/strong><\/p>\n\n\n\n<p>When editing, block content and settings (and nested InnerBlocks) are more easily accessible from the Document Overview and Block Settings Inspector than the Content Area.<\/p>\n\n\n\n<p>Cards will not display unless there is enough content in the Cards Right Rail Content innerblock to populate the vertical space for them. Because of this, this block is best for fairly substantial amounts of content.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1217\" height=\"818\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/02\/howto-cardsrr1.gif\" alt=\"Add a cards right rail block and view properties of the innerblocks\" class=\"wp-image-10533\"\/><\/figure>\n<\/div>\n\n\n<p>The <strong>Cards Right Rail &#8211; Card Wrapper<\/strong> innerblock inserts brief sidebar cards that can be linked. Expand this block in the Document Overview and select the nested <strong>Cards Right Rail Card<\/strong> to give the card a title, subtitle, description, link text, and destination. While the <strong>Cards Right Rail &#8211; Card Wrapper<\/strong> innerblock is selected, you can use the Add Cards Right Rail Card plus sign to add more cards.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1217\" height=\"818\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/02\/howto-cardsrr2.gif\" alt=\"How to add content to the main area of Cards Right Rail, and edit and add cards\" class=\"wp-image-10537\"\/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Central text with right-aligned sidebars that can be link buttons. <\/p>\n","protected":false},"featured_media":10535,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"featured_post":"","_links_to":"","_links_to_target":""},"block-categories":[3,7,33],"class_list":["post-10361","mercury-block","type-mercury-block","status-publish","has-post-thumbnail","hentry","block-categories-buttons","block-categories-cards","block-categories-text-content"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/mercury-block\/10361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/mercury-block"}],"about":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/types\/mercury-block"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media\/10535"}],"wp:attachment":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media?parent=10361"}],"wp:term":[{"taxonomy":"block-categories","embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/block-categories?post=10361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}