{"id":416,"date":"2020-05-26T19:54:50","date_gmt":"2020-05-26T19:54:50","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?page_id=416"},"modified":"2024-07-08T22:31:39","modified_gmt":"2024-07-09T02:31:39","slug":"featured-content-block","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/featured-content-block\/","title":{"rendered":"Featured Content Block"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Use Cases<\/h2>\n\n\n\n<p>The Featured Content block is a useful tool for pointing users towards important, and sometimes timely, pages and stories across a site. In addition to being an effective way to break up long bodies of text, the Featured Content block can be a useful way for content creators to leverage interesting pages and stories, keeping users on their site longer, and hopefully creating repeat visitors. See an example of a Featured Content block below:<\/p>\n\n\n<div class=\"wp-block-ncst-media-divider ncst-media-divider has-orange-400-box-color box-position-right\"><div class=\"ncst-media-divider__container\"><div class=\"ncst-media-divider__image-container\"><div class=\"ncst-media-divider__image\" style=\"background-image:url(https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screenshot-featured-content.png)\"><img decoding=\"async\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screenshot-featured-content.png\"\/><\/div><\/div><\/div><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<p>In Gutenberg, adding a Featured Content block to a page is as easy as clicking the &#8220;Add a block&#8221; button and choosing &#8220;Featured Content&#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:\/\/university-communications.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\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/featured-content-pt-1-6.gif\" data-fullsize=\"2206x1252\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"2206\" height=\"1252\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/featured-content-pt-1-6.gif\" alt=\"\" class=\"wp-image-506\"\/><\/a><\/figure>\n\n\n\n<p>Once added, the Featured Content block allows for a custom heading above the various content cards. Within each specific content card, site maintainers can either search for a relevant post within their current site using the URL input area to auto-fill some of the fields, or they may also provide a unique link, image, headline, teaser text, and call to action within each field.<\/p>\n\n\n\n<p>Multiple rows of content cards may be added within the same Featured Content block. Once the current row of cards is full, the button to add a new card will move to the next row where the new set of cards will begin. <\/p>\n\n\n\n<p>Content cards within the same Featured Content block may be shifted or reorganized using the block moving mechanisms on found on each individual card.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/featured-content-pt-2.gif\" data-fullsize=\"1555x882\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1555\" height=\"882\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/featured-content-pt-2.gif\" alt=\"\" class=\"wp-image-507\"\/><\/a><\/figure>\n\n\n\n<p>Additional customization is available through the block settings found on the right-hand side menu. Creators can opt for a two column layout and also choose to hide the featured images and call to actions within each content card.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/featured-content-pt-3.gif\" data-fullsize=\"1500x851\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"851\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/featured-content-pt-3.gif\" alt=\"\" class=\"wp-image-509\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Need help?<\/h2>\n\n\n\n<p>Have questions? Feel free to reach out with any questions or concerns at\u00a0<a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\">go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Highlighting pages and stories for users to explore. \"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","_links_to":"","_links_to_target":""},"availability":[49],"content-type":[51],"class_list":["post-416","reference-article","type-reference-article","status-publish","hentry","availability-nc-state-theme","content-type-block"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/reference-article"}],"version-history":[{"count":14,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/416\/revisions"}],"predecessor-version":[{"id":2993,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/416\/revisions\/2993"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=416"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=416"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}