{"id":10431,"date":"2024-01-31T11:48:08","date_gmt":"2024-01-31T16:48:08","guid":{"rendered":"https:\/\/www.eng.ufl.edu\/marcom-dev\/?post_type=mercury-block&amp;p=10431"},"modified":"2024-01-31T11:48:08","modified_gmt":"2024-01-31T16:48:08","slug":"visual-navigation","status":"publish","type":"mercury-block","link":"https:\/\/www.eng.ufl.edu\/marcom\/mercury-block\/visual-navigation\/","title":{"rendered":"Visual Navigation"},"content":{"rendered":"\n<p><a href=\"https:\/\/webservices.it.ufl.edu\/mercury-theme\/items\/visual-navigation.html\" target=\"_blank\" rel=\"noreferrer noopener\">When to use and example of visual navigation<\/a><\/p>\n\n\n\n<p>In the Block Editor, insert a Visual Navigation block. Expand the document overview and select the main block to give it an optional title and description, then select the nested Visual Navigation Item to enter a card title, destination, and image. Use the Add Visual Navigation Item 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=\"844\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/02\/howto-visualnav.gif\" alt=\"How to add a visual navigation block\" class=\"wp-image-10509\"\/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Display useful links using visual media and an interactive hover event. Layout will center when there are less than 4 cards per row.<\/p>\n","protected":false},"featured_media":10507,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"featured_post":"","_links_to":"","_links_to_target":""},"block-categories":[5,7,15,23],"class_list":["post-10431","mercury-block","type-mercury-block","status-publish","has-post-thumbnail","hentry","block-categories-calls-to-action","block-categories-cards","block-categories-featured-content","block-categories-navigation"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/mercury-block\/10431","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\/10507"}],"wp:attachment":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media?parent=10431"}],"wp:term":[{"taxonomy":"block-categories","embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/block-categories?post=10431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}