{"id":496,"date":"2020-05-26T18:54:02","date_gmt":"2020-05-26T18:54:02","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?p=496"},"modified":"2024-02-20T16:35:54","modified_gmt":"2024-02-20T21:35:54","slug":"nc-state-theme-release-3-2","status":"publish","type":"post","link":"https:\/\/university-communications.ncsu.edu\/documentation\/nc-state-theme-release-3-2\/","title":{"rendered":"NC&#160;State Theme Release 3.2"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">New Link Styles<\/h2>\n\n\n\n<p>After feedback and new analysis of real-world link usage using prior styling, <a href=\"#\">we&#8217;ve made a slight<\/a> adjustment to our link styling for a slightly more polished look. <a href=\"#\">This new iteration should assist with increased readability of longer length or line wrapping links<\/a>, as well as in <a href=\"#\">sections of text<\/a> requiring <a href=\"#\">multiple<\/a>, <a href=\"#\">sequential links<\/a>. (Links in this paragraph are for example purposes \u2014 they intentionally don&#8217;t go anywhere.)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Additional Palette Colors<\/h2>\n\n\n\n<p>The global palette has been updated to include options for gray-600 and gray-800, which automatically enables these options for all blocks currently utilizing the existing color palette.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"331\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-600-example-1024x331.png\" alt=\"\" class=\"wp-image-499\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-600-example-1024x331.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-600-example-300x97.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-600-example-768x248.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-600-example-1536x496.png 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-600-example-2048x661.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"343\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-800-example-1-1024x343.png\" alt=\"\" class=\"wp-image-501\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-800-example-1-1024x343.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-800-example-1-300x100.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-800-example-1-768x257.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-800-example-1-1536x514.png 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/gray-800-example-1-2048x685.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Recommended SmashBalloon Instagram Feeds<\/h2>\n\n\n\n<p>Basic styling support is now available for Instagram Feeds created via the [ instagram-feed ] shortcode. The styles target buttons, photo hovers, captions, and carousel pagination. <\/p>\n\n\n\n<p>We also have tested some pre-configured shortcode configurations that can be used as-is for quick, easy usage. While these preconfigured shortcodes are recommended, all attributes are still functional and may be tweaked. (Note: Two exceptions are button colors and photo hover colors &#8211; these settings are always overridden for consistent branding purposes).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Carousel View<\/h3>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"189\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/carousel-smashballoon-example.gif\" alt=\"\" class=\"wp-image-312\"\/><\/figure>\n\n\n\n<p><code>[instagram-feed showheader=false layout=carousel cols=5 num=12 imagepadding=0 hoverdisplay=\"caption\" captionlength=100 showcaption=false showlikes=false showbutton=true showfollow=false]<\/code><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Highlight View<\/h3>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"585\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/highlight-smashballoon-example.gif\" alt=\"\" class=\"wp-image-315\"\/><\/figure>\n\n\n\n<p><code>[instagram-feed showheader=false layout=highlight highlightpattern=6 cols=6 num=24 imagepadding=0 hoverdisplay=\"caption\" captionlength=100 showbutton=true showfollow=false]<\/code><\/p>\n\n\n<div class=\"wp-block-ncst-button\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/smashballoon\/\" class=\"btn ncst-component__button-link\" lightbox=\"false\" cat=\"Button Block\" action=\"Button Click\" label=\"https:\/\/university-communications.ncsu.edu\/documentation\/platforms\/nc-state-theme\/third-party-support\/smashballoon\/\"><span class=\"ncst-component__button-container\">Learn About Smash <span class=\"nowrap\">Balloon\u00a0<span class=\"arrow-indicator\"> <svg class=\"wolficon\" role=\"img\" aria-hidden=\"false\" aria-labelledby=\"false\"><use xlink:href=\"#wolficon-arrow-right-bold\"\/><\/svg> <\/span><\/span><\/span><\/a><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">Instagram Feed Block &#8211; &#8216;Include Words&#8217; Option<\/h2>\n\n\n\n<p>The Instagram Feed block now also supports text filtering via the &#8216;Include Words&#8217; parameter. This is particularly useful for displaying hashtags contained within a single user&#8217;s feed. <\/p>\n\n\n\n<div class=\"wp-block-image aligncenter\"><figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"139\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/include-words-instagram-feed-example-300x139.png\" alt=\"\" class=\"wp-image-502\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/include-words-instagram-feed-example-300x139.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/include-words-instagram-feed-example.png 562w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"398\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-include-words-example-1-1024x398.png\" alt=\"\" class=\"wp-image-504\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-include-words-example-1-1024x398.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-include-words-example-1-300x116.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-include-words-example-1-768x298.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-include-words-example-1-1536x596.png 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/instagram-feed-block-include-words-example-1-2048x795.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ncst-button\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/instagram-feed-block\/\" class=\"btn ncst-component__button-link\" lightbox=\"false\" cat=\"Button Block\" action=\"Button Click\" label=\"https:\/\/university-communications.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/instagram-feed-block\/\"><span class=\"ncst-component__button-container\">Learn About Instagram Feed <span class=\"nowrap\">\u00a0<span class=\"arrow-indicator\"> <svg class=\"wolficon\" role=\"img\" aria-hidden=\"false\" aria-labelledby=\"false\"><use xlink:href=\"#wolficon-arrow-right-bold\"\/><\/svg> <\/span><\/span><\/span><\/a><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">Table Block<\/h2>\n\n\n\n<p>The Table block is now available on posts and pages. This block is useful for displaying basic tabular data in a variety of styles.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-red-heading-stripes\"><table><thead><tr><th>Column 1<\/th><th>Column 2<\/th><th>Column 3<\/th><\/tr><\/thead><tbody><tr><td>Monday<\/td><td>Tuesday<\/td><td>Wednesday<\/td><\/tr><tr><td>Thursday<\/td><td>Friday<\/td><td>Saturday<\/td><\/tr><tr><td>Sunday<\/td><td>March<\/td><td>April<\/td><\/tr><tr><td>May<\/td><td>June<\/td><td>July<\/td><\/tr><\/tbody><\/table><figcaption>More options and styles are available on the Table Block documentation page.<\/figcaption><\/figure>\n\n\n<div class=\"wp-block-ncst-button\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/table-block\/\" class=\"btn ncst-component__button-link\" data-ncst-lightbox=\"false\" data-ua-cat=\"Button Block\" data-ua-action=\"Button Click\" data-ua-label=\"https:\/\/university-communications.ncsu.edu\/documentation\/table-block\/\"><span class=\"ncst-component__button-container\">Learn About <span class=\"nowrap\">Tables\u00a0<span class=\"arrow-indicator\"> <svg class=\"wolficon\" role=\"img\" aria-hidden=\"false\" aria-labelledby=\"false\"><use xlink:href=\"#wolficon-arrow-right-bold\"\/><\/svg> <\/span><\/span><\/span><\/a><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">TablePress Styling Support<\/h2>\n\n\n\n<p>While the core table block is sufficient for most uses, more complex tables may be created in TablePress and displayed with very similar styles to the basic Table Block. <\/p>\n\n\n\n<p>TablePress is a third party plugin for tabular data. For more information on how tabular data should be used, as well as Third Party Plugin support details, see our documentation topics on each.<\/p>\n\n\n<div class=\"wp-block-ncst-button\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/general-wordpress\/tabular-data\/\" class=\"btn ncst-component__button-link\" data-ncst-lightbox=\"false\" data-ua-cat=\"Button Block\" data-ua-action=\"Button Click\" data-ua-label=\"https:\/\/university-communications.ncsu.edu\/documentation\/general-wordpress\/tabular-data\/\"><span class=\"ncst-component__button-container\">Learn About Tabular <span class=\"nowrap\">Data\u00a0<span class=\"arrow-indicator\"> <svg class=\"wolficon\" role=\"img\" aria-hidden=\"false\" aria-labelledby=\"false\"><use xlink:href=\"#wolficon-arrow-right-bold\"\/><\/svg> <\/span><\/span><\/span><\/a><\/div>\n\n\n\n<div class=\"wp-block-ncst-button\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/products-and-tools\/nc-state-web-platform\/third-party-support\/\" class=\"btn ncst-component__button-link\" lightbox=\"false\" cat=\"Button Block\" action=\"Button Click\" label=\"https:\/\/university-communications.ncsu.edu\/documentation\/platforms\/nc-state-theme\/third-party-support\/\"><span class=\"ncst-component__button-container\">Learn About Third Party <span class=\"nowrap\">Plugins\u00a0<span class=\"arrow-indicator\"> <svg class=\"wolficon\" role=\"img\" aria-hidden=\"false\" aria-labelledby=\"false\"><use xlink:href=\"#wolficon-arrow-right-bold\"\/><\/svg> <\/span><\/span><\/span><\/a><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">32 Additional Spot Illustrations<\/h2>\n\n\n\n<p>32 additional spot illustrations were added for use within various supporting blocks, including Fact Lists and single Facts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"711\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/spot-illustrations-preview-1024x711.png\" alt=\"\" class=\"wp-image-530\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/spot-illustrations-preview-1024x711.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/spot-illustrations-preview-300x208.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/spot-illustrations-preview-768x534.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/spot-illustrations-preview-1536x1067.png 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/spot-illustrations-preview.png 1736w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Preview of new spot illustrations. See full reference page for complete display.<\/figcaption><\/figure>\n\n\n<div class=\"wp-block-ncst-button\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/nc-state-brand-spot-illustrations\/\" class=\"btn ncst-component__button-link\" lightbox=\"false\" cat=\"Button Block\" action=\"Button Click\" label=\"https:\/\/university-communications.ncsu.edu\/documentation\/platforms\/nc-state-theme\/spot-illustrations#since-3-2\"><span class=\"ncst-component__button-container\">Spot Illustration <span class=\"nowrap\">Reference\u00a0<span class=\"arrow-indicator\"> <svg class=\"wolficon\" role=\"img\" aria-hidden=\"false\" aria-labelledby=\"false\"><use xlink:href=\"#wolficon-arrow-right-bold\"\/><\/svg> <\/span><\/span><\/span><\/a><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">Custom Taxonomy Support &#8211; Feeds<\/h2>\n\n\n\n<p>Custom taxonomy selection support has been added to all blocks supporting automated feeds of content. This includes <strong>Automated Posts<\/strong>, <strong>Category Callout<\/strong>, and <strong>News Feed<\/strong> blocks.<\/p>\n\n\n\n<p>Usage of this feature will vary on a site by site basis, but opens up a great amount of flexibility for enhancing News site organization and content strategy through customized taxonomies. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Padded List Styling<\/h2>\n\n\n\n<ul class=\"wp-block-list is-style-padded-list\"><li>This feature is an additional style option for the List block. <\/li><li>This styling is almost the same as default list styling, but with additional padding between items. <\/li><li>This is particularly useful for longer length list items, such as the example shown here.<\/li><\/ul>\n\n\n<div class=\"wp-block-ncst-button\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/list-block\/\" class=\"btn ncst-component__button-link\" lightbox=\"false\" cat=\"Button Block\" action=\"Button Click\" label=\"https:\/\/university-communications.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/list-block\/\"><span class=\"ncst-component__button-container\">Learn About <span class=\"nowrap\">Lists\u00a0<span class=\"arrow-indicator\"> <svg class=\"wolficon\" role=\"img\" aria-hidden=\"false\" aria-labelledby=\"false\"><use xlink:href=\"#wolficon-arrow-right-bold\"\/><\/svg> <\/span><\/span><\/span><\/a><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">Various Bugfixes<\/h2>\n\n\n\n<p>In addition to new features, an assortment of bugfixes have also been applied across various products. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>New link styles, Instagram Feed options, table support, new spot illustrations and more in this update to the NC State Theme.<\/p>\n","protected":false},"author":0,"featured_media":536,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-post-header","ncst_dynamicHeaderData":"{\"showAuthor\":false,\"showDate\":true,\"showFeaturedVideo\":false,\"displayCategoryID\":12,\"caption\":\"\",\"subtitle\":\"Bringing you new options and enhanced functionality to the NC State Theme, NC Stories, and Enhanced News Add-On.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[12],"tags":[],"_ncst_magazine_issue":[],"class_list":["post-496","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements"],"displayCategory":{"term_id":12,"name":"Announcements","slug":"announcements","term_group":0,"term_taxonomy_id":12,"taxonomy":"category","description":"Announcements about feature updates to NC State web platforms.","parent":0,"count":36,"filter":"raw"},"acf":{"ncst_posts_meta_modified_date":null},"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts\/496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=496"}],"version-history":[{"count":14,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts\/496\/revisions"}],"predecessor-version":[{"id":3886,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts\/496\/revisions\/3886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media\/536"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/categories?post=496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/tags?post=496"},{"taxonomy":"_ncst_magazine_issue","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/_ncst_magazine_issue?post=496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}