{"id":1440,"date":"2020-10-27T17:11:33","date_gmt":"2020-10-27T21:11:33","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/?page_id=1440"},"modified":"2021-03-30T12:42:20","modified_gmt":"2021-03-30T16:42:20","slug":"resource-link-block","status":"publish","type":"page","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/products\/nc-state-web-platform\/blocks\/resource-link-block\/","title":{"rendered":"Resource Links"},"content":{"rendered":"\n<p><strong>This block is only featured in the Premium Tier of the NC&#160;State Web Platform.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Use Cases<\/h2>\n\n\n\n<p>The Resource Links block can be a useful alternative to the <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/link-list-block\" data-type=\"URL\" data-id=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/link-list-block\" target=\"_blank\">Link List block<\/a>, <a href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/featured-content-block\/\" data-type=\"page\" data-id=\"416\">Featured Content block<\/a>, and <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/button-block\" data-type=\"URL\" data-id=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/button-block\" target=\"_blank\">Button block<\/a> when trying to display an assortment of various resources.<\/p>\n\n\n\n<p>The Resource Links block allows content maintainers to build out a grid of related links that help catch a reader&#8217;s attention via a spot illustration and custom headers. This block is an effective tool for directing users to specific information that may not be captured in the top-level menu of your site. It also provides a good way to highlight resources that were discussed in preceding paragraphs. This block can be used in conjunction with top-level menus, can help assure that skimming users can easily find what it is they are looking for. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"3004\" height=\"1734\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-16.59.22.png\" alt=\"\" class=\"wp-image-1446\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-16.59.22.png 3004w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-16.59.22-300x173.png 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-16.59.22-1024x591.png 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-16.59.22-768x443.png 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-16.59.22-1536x887.png 1536w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-16.59.22-2048x1182.png 2048w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<p>In Gutenberg, adding a Resource Links block to a page is as easy as clicking the &#8220;Add a block&#8221; button and choosing &#8220;Resource Links&#8221; from the block list. Alternatively, the block can be found by using the &#8220;Search for a block&#8221; function. For more info on blocks and adding them to a WordPress site, see our <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/\" target=\"_blank\">documentation on blocks<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"384\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/adding-resource-link.gif\" alt=\"\" class=\"wp-image-1444\"\/><\/figure>\n\n\n\n<p>Once added, the Resource Links block allows site maintainers to add additional resource cards. Each card includes a heading and teaser text. Each card will also want to include a link that sends users to the associated resource (most likely another webpage). Additionally, the color of the Resource Link block can be changed under the &#8220;Block&#8221; settings found on the right-hand side of the editing screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"384\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/adding-a-resource-card.gif\" alt=\"\" class=\"wp-image-1445\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Need Help?<\/h2>\n\n\n\n<p>Curious about the Resource Links block? Feel free to reach out with any questions or concerns at<a rel=\"noreferrer noopener\" href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\" target=\"_blank\"> go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use Cases The Resource Links block can be a useful alternative to the Link List block, Featured Content block, and Button block when trying to display an assortment of various&hellip;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":178,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\" A set of links accompanied by spot illustrations and optional teaser.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","footnotes":"","_links_to":"","_links_to_target":""},"acf":[],"_links":{"self":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/1440"}],"collection":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=1440"}],"version-history":[{"count":11,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/1440\/revisions"}],"predecessor-version":[{"id":2068,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/1440\/revisions\/2068"}],"up":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/178"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=1440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}