{"id":1295,"date":"2020-10-29T10:30:26","date_gmt":"2020-10-29T14:30:26","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/?p=1295"},"modified":"2020-10-29T12:07:24","modified_gmt":"2020-10-29T16:07:24","slug":"nc-state-theme-release-3-4","status":"publish","type":"post","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/2020\/10\/29\/nc-state-theme-release-3-4\/","title":{"rendered":"NC&#160;State Theme Release 3.4"},"content":{"rendered":"\n<p>With the release of version 3.4 of the NC&#160;State Theme, users will see several new features alongside a number of quality of life improvements. These updates are part of our team&#8217;s ongoing effort to provide users with the tools that they need to effectively create and manage their web content in WordPress. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Release Highlights<\/h2>\n\n\n\n<p>Many of the changes introduced in 3.4 take place behind the scenes, but below are some of the more noticeable updates that users can expect to see.   <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Photo Gallery Block<\/h3>\n\n\n\n<p>This is the first of two new blocks available within the NC&#160;State Theme. The <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/photo-gallery-block\/\" data-type=\"URL\" data-id=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/photo-gallery-block\/\" target=\"_blank\">Photo Gallery block<\/a> allows site maintainers to showcase a set of images in an easily navigable gallery format. It provides users a unique, interactive experience.<\/p>\n\n\n\n<p>This block provides a way for content maintainers to share a series of images that build upon the text-based portions of a page&#8217;s narrative. The inclusion of visual elements helps communicate the page&#8217;s goals to audiences who are skimming for content.<\/p>\n\n\n\n<p><strong>Note:<\/strong> 16:9 images are still recommended for this block. The block will automatically adapt for other image sizes and\/or mixes of caption lengths, but is designed to work optimally with 16:9 images. Read more about <a href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/reference\/image-format-and-size\/\" data-type=\"URL\" data-id=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/reference\/image-format-and-size\/\" target=\"_blank\" rel=\"noreferrer noopener\">Image Dimension Recommendations<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"372\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/photo-gallery-block-demo.gif\" alt=\"\" class=\"wp-image-1310\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Resource Links Block<\/h3>\n\n\n\n<p>The <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/resource-link-block\/\" data-type=\"URL\" data-id=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/resource-link-block\/\" target=\"_blank\">Resource Links block<\/a> is a flexible tool that content maintainers can use to link out to helpful resources. It provides a good middle-ground in terms of prominence when compared to the <a href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/link-list-block\/\" data-type=\"page\" data-id=\"463\">Link List block<\/a> and the <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>.<\/p>\n\n\n\n<p>This block can be leveraged to help inform users about key pages on your site, while easily getting them to the relevant information and resources they seek. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"304\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-22.53.01-1024x304.png\" alt=\"\" class=\"wp-image-1457\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-22.53.01-1024x304.png 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-22.53.01-300x89.png 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-22.53.01-768x228.png 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-22.53.01-1536x456.png 1536w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-22.53.01.png 1976w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Improvements to Automated Posts Block<\/h3>\n\n\n\n<p>The <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/automated-posts-block\/\" data-type=\"URL\" data-id=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/automated-posts-block\/\" target=\"_blank\">Automated Posts block<\/a> has seen a new improvement that allows site maintainers to show the Display Category of the post. This feature is useful in communicating the broader context of an article.<\/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\/v3.4-display-category-update.gif\" alt=\"\" class=\"wp-image-1322\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Upgraded Icon Selector<\/h3>\n\n\n\n<p>Several blocks within the NC&#160;State Theme and NC&#160;State Stories utilize <a href=\"https:\/\/brand.ncsu.edu\/downloads\/#icons\">icons<\/a>. Version 3.4 of the Theme and Stories includes previews of icons. This should help content maintainers pick the right icon with less trial and error.<\/p>\n\n\n\n<p>Examples of blocks that include this new feature are the <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/fact-list-block\/\" data-type=\"URL\" data-id=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/fact-list-block\/\" target=\"_blank\">Fact List<\/a>, <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/fact-block\/\" data-type=\"URL\" data-id=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/fact-block\/\" target=\"_blank\">Fact<\/a>, and <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/resource-link-block\/\" data-type=\"URL\" data-id=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/resource-link-block\/\" target=\"_blank\">Resource Links<\/a> blocks. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"386\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/icon-selector-upgrade.gif\" alt=\"\" class=\"wp-image-1459\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">NC&#160;State Quick Reference Dashboard Widget <\/h3>\n\n\n\n<p>The dashboard in WordPress now features an NC&#160;State Quick Reference widget. When logging into WordPress site maintainers now have access to several helpful resources right in the dashboard. This widget includes announcements concerning our NC&#160;State Web Ecosystem, a link to UCOMM&#8217;s web request form, upcoming workshops, and more. This widget can be toggled on or off through the &#8220;Screen Options&#8221; in the WordPress dashboard.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-23.10.54-1024x609.png\" alt=\"\" class=\"wp-image-1464\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-23.10.54-1024x609.png 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-23.10.54-300x178.png 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-23.10.54-768x457.png 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-23.10.54-1536x913.png 1536w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/10\/Screenshot-2020-10-27-at-23.10.54-2048x1218.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">HTML Editing Capability Re-enabled<\/h3>\n\n\n\n<p>Previously you could not edit HTML within the NC&#160;State Theme and Stories. This feature has now been re-enabled within version 3.4. This feature allows content maintainers to alternate between a visual and HTML editor through the block settings.<\/p>\n\n\n\n<p>Editing and cleaning up code was fairly common need within the old Classic editor. This functionality is less frequently needed within Gutenberg, and it should be used sparingly.<\/p>\n\n\n\n<p><strong>Note: <\/strong>this feature is meant as a means to help clear up errant markup within blocks, and is not a feature intended for inserting custom HTML. The HTML editor should only be used as needed to correct these issues, and any other instance would be &#8220;use-at-your-own-risk&#8221; where University Communications will not be able to provide much troubleshooting assistance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Additional Features<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>The footer logo lockup is now configurable to be either a link to the parent unit URL or the site&#8217;s homepage URL<ul><li><strong>Note: <\/strong>If no unit name is specified under <em>NC&#160;State Settings<\/em> > <em>Footer<\/em> > <em>Unit<\/em>, then only the NC&#160;State brick will render, and it will link to www.ncsu.edu<\/li><\/ul><\/li><li>Addition of an active menu state on mobile navigations<\/li><li>Site home link points to news homepage when blended mode is enabled<\/li><li>Support for custom news site name<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Bug Fixes<\/h2>\n\n\n\n<p>If you haven&#8217;t noticed any of these items before, great!<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Updates print styles to use the latest class names<\/li><li>Enables correct rendering of HTML entities in term names (Categories and tags listed at the bottom of a post)<\/li><li>Regression: Fixes text alignment control on paragraph blocks<\/li><li>Accessibility: Makes accordion items keyboard focusable<\/li><li>List Block: Removes hover state on links within the editor<\/li><li>Prevents errors on Event blocks that don&#8217;t have a saved query attribute<\/li><li>Removes redundant autoloading of some PHP files<\/li><li>Corrects category pages to use the standard layout when there are not enough images for the enhanced layout<\/li><li>Excludes the current post from pre-footer listings when no display category is set and the pre-footer falls back to most recent stories<\/li><li>Removes unused print styles that now live in the theme<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Need Help? Want to Report a Bug?<\/h2>\n\n\n\n<p>Submit a question or concern to the UCOMM web team at <a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\" data-type=\"URL\" data-id=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\">go.ncsu.edu\/ucomm-dev-request<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>The release of v3.4 introduces several new features alongside a number of quality of life improvements to the NC State Theme and related ecosystems.<\/p>\n","protected":false},"author":1,"featured_media":1299,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ncst_dynamicHeaderBlockName":"ncst\/default-post-header","ncst_dynamicHeaderData":"{\"showAuthor\":true,\"showDate\":true,\"showFeaturedVideo\":false,\"caption\":\"Students work and study in the Hunt Library.\",\"displayCategoryID\":12,\"subtitle\":\"Updates to the NC State Theme and Stories introduce several functional enhancements to the platforms, including two new blocks.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[12,1],"tags":[],"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":16,"filter":"raw"},"acf":[],"_links":{"self":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts\/1295"}],"collection":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=1295"}],"version-history":[{"count":33,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts\/1295\/revisions"}],"predecessor-version":[{"id":1532,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/posts\/1295\/revisions\/1532"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media\/1299"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=1295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/categories?post=1295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/tags?post=1295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}