{"id":355607,"date":"2026-03-04T19:48:57","date_gmt":"2026-03-04T19:48:57","guid":{"rendered":"https:\/\/cnr.ncsu.edu\/internalresources\/?page_id=355607"},"modified":"2026-03-04T19:55:31","modified_gmt":"2026-03-04T19:55:31","slug":"department-web-editor-guidelines","status":"publish","type":"page","link":"https:\/\/cnr.ncsu.edu\/internalresources\/communications\/communication-trainings\/department-web-editor-guidelines\/","title":{"rendered":"Department Web Editor Guidelines"},"content":{"rendered":"\n\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Information Outline<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#theme-site\">Theme and Site Information <\/a><\/li>\n\n\n\n<li><a href=\"#preparing-images\" data-type=\"URL\">Preparing Images for Posts and Profiles <\/a><\/li>\n\n\n\n<li><a href=\"#image-resources\">Image Resources<\/a><\/li>\n\n\n\n<li><a href=\"#posts-categories\">Posts and Categories <\/a><\/li>\n\n\n\n<li><a href=\"#alt-tags\">New Alt Tags Optimized Format for Images <\/a> <\/li>\n\n\n\n<li><a href=\"#settings-categories\">Setting Categories for Imported Newswire Categories<\/a><\/li>\n\n\n\n<li> <a href=\"#gutenberg-info\">Gutenberg Information and Tutorials <\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"theme-site\">Theme and Site Information<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Editor Guidelines<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Please pass on or make requests for any new page requests.&nbsp;<\/strong><br>Please send a message to <a href=\"mailto:cnr_comm@help.ncsu.edu\">cnr_comm@help.ncsu.edu<\/a>. We will work with you to define the problem\/ goals and then determine the best solution. We create the new pages and make sure that the parent page and permalink is setup with our web standards. We can also help advise on how to best address page requests.<\/li>\n\n\n\n<li><strong>Please pass on or make requests for any changes to top level pages, page structure, modules, features, marketing text or images. <\/strong>Please send a message to <a href=\"mailto:cnr_comm@help.ncsu.edu\">cnr_comm@help.ncsu.edu<\/a>. We will work with you to define the problem\/ goals and then determine the best solution. We create the new pages and make sure that the parent page and permalink is setup with our web standards. We can also help advise on how to best address page requests.<\/li>\n\n\n\n<li><strong>Please create news posts for any urgent news, event, or important thing to promote<\/strong>. Anything that is timely should be news and not a page. If you need assistance in determining how to promote or link to this timely content post on a page, please write to &nbsp;<a href=\"mailto:cnr_comm@help.ncsu.edu\">cnr_comm@help.ncsu.edu<\/a>.<\/li>\n\n\n\n<li><strong>For any requests for creating new post categories, please write to<\/strong> <a href=\"mailto:cnr_comm@help.ncsu.edu\">cnr_comm@help.ncsu.edu. <\/a>We will evaluate the goals and determine category setup.<\/li>\n\n\n\n<li><strong>For requests about old content that is gone, please write to<\/strong> <a href=\"mailto:cnr_comm@help.ncsu.edu\">cnr_comm@help.ncsu.edu<\/a>. There were many pages that had timely or duplicated university page content that we now link to&nbsp; instead of having our own pages. We can help outline and share the strategy and solutions that are in place.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Theme Information<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The theme that we are using for both the college and department sites is University Communication&#8217;s theme for partners known as the &#8220;NC State theme.&#8221; This highly flexible and customizable theme allows both utility-based and marketing-focused pages to be built through the use of included modules and other built-in tools.<\/li>\n\n\n\n<li>This theme allows us to Create and maintain a website and utilize programming, design, and writing in order to craft the messaging.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Editors and Updates<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The pages and organization of the site have been setup to meet <a href=\"https:\/\/brand.ncsu.edu\/\">NC State brand<\/a> guidelines, utilize current best web practices and to optimize for academic and marketing goals.<\/li>\n\n\n\n<li>Due to the research and development that has gone into each web page, if you wish to make edits or changes that go beyond the scope of minor text updates, please contact&nbsp;<a href=\"mailto:cnr_help@ncsu.edu\" target=\"_blank\" rel=\"noreferrer noopener\">cnr_help@ncsu.edu<\/a>&nbsp;so that we can help resolve your request.<\/li>\n\n\n\n<li>Please note that in this initial site setup process if your initial approval and input has not been sent to us, please contact us so that we can determine the best strategy to address them.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"preparing-images\">Preparing Images for Posts and Profiles<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are 2 ways to include images in posts.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Directions<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">1. Featured Image<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">All posts have an active Featured Image, which is the preferred way to add a large, quality image to the post.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To use the Featured Image:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to the Featured Image box in the lower right corner.<\/li>\n\n\n\n<li>Click on the Set Featured Image link.<\/li>\n\n\n\n<li>Add your image to the Media Library by uploading directly from your computer or dragging the image and dropping it into the window.<\/li>\n\n\n\n<li>If you have not resized the image yet, use the <a href=\"https:\/\/en.support.wordpress.com\/images\/editing-an-image\/\">crop function<\/a>&nbsp;in WordPress to resize and crop your image to &nbsp;1500 x 844 pixels, 72 dpi for size.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">2. &nbsp;Supporting Images<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If you have other images to add to the post, use the Add Media function in WordPress above the WYSIWYG.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First prepare the image to be 1500 x 844 pixels, 72 dpi in size.<\/li>\n\n\n\n<li>When you insert the image in the post, use the Right Aligned and the Medium 300 x 169 Size options.<\/li>\n\n\n\n<li>You can also link the image to the Media file (which will open to the full size image) or you can set this to None and have no link.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"image-resources\">Image Resources<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Resources to assist you with preparing images.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Placeholder Image<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can <a href=\"https:\/\/drive.google.com\/drive\/folders\/0B7Zdn14MuDcyZDVaMndoakh4SDA?resourcekey=0-nIx_cA2DBscvzUEJubxH_A\">View\/Download<\/a> the Placeholder Image (1500 x 844 pixels) and use this as a template when creating new images.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Directions on Cropping\/Resizing an Image<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/en.support.wordpress.com\/images\/editing-an-image\/\">How to crop and resize image in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/helpx.adobe.com\/photoshop\/how-to\/resize-image.html\">How to Crop and Resize images in Photoshop&nbsp;<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Images for Training<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/drive.google.com\/drive\/folders\/0B7Zdn14MuDcyZDVaMndoakh4SDA?usp=sharing\">Images to use for training<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"posts-categories\">Posts and Categories<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The department site uses a variety of categories to help route posts to various views. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please do not create new categories. If you have a question, or if a new type of news or profile needs to be made, please contact <a href=\"mailto:cnr_help@ncsu.edu\">cnr_help@ncsu.edu.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The department should have editors regularly categorize posts so that they appear in feeds on the site. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"alt-tags\">New Alt Tags Optimized Format for Images<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Overview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">An alternative tag (or &#8220;alt tag&#8221;) is text that describes the appearance and function of web images for visually impaired users who may be visiting a webpage on screen readers or browsers that can&#8217;t process images. This text also plays an important role in boosting the online presence of pages and websites by providing Google and other search engines with important information about an image, making it easier to find and rank in an online search. In order to support both of these needs, we have created an updated optimal alt tag format to support both NC State accessibility standards and to support our performance in search engines.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A new optimized format for Search Engine Optimization<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The new optimized format includes several important elements that include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Descriptive text (Describe what you see in the image. Examples: \u201ca student in the forest holding a notebook\u201d or \u201ca deer standing in a field.\u201d)<\/li>\n\n\n\n<li>Page title\/name (The title of the web page)<\/li>\n\n\n\n<li>Department or college name<\/li>\n\n\n\n<li>University name<\/li>\n\n\n\n<li>A series of dashes to separate each element in the alt tag<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">The final format recommendations for images for each department\/division<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Each department or division has an optimized format.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Parks, Recreation, and Tourism Management <br>Description text &#8211; Page name &#8211; Parks, Recreation, and Tourism Management NC State University<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">College of Natural Resources<br>Description text &#8211; Page name &#8211; College of Natural Resources NC State University<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Center for Geospatial Analytics<br>Description text &#8211; Page name &#8211; Center for Geospatial Analytics NC State University<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example of using the new format<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Example: When inserting an alt tag for the image on this page <a href=\"https:\/\/cnr.ncsu.edu\/extension-outreach\/professional-services\/\">https:\/\/cnr.ncsu.edu\/extension-outreach\/professional-services\/<\/a>, you would use: \u201cMeasuring tools and paper &#8211; Professional Services &#8211; College of Natural Resources NC State University\u201d<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alt Tags Support Materials and Directions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">How to use alt tags in images:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Upload the image to the WordPress media library.<br><strong>Step 2:<\/strong> Type your alt tag information in the field labeled&nbsp; \u201cAlternative Text.\u201d<br><strong>Step 3:<\/strong> Make sure to use the new format and enter all information.<br><strong>Step 4:<\/strong> When done, you can close the image window.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Helpful Videos <\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">How to Use Alt Tags<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Review these tutorials about alt tags if you need a refresher on how to use alt tags:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=1Pxq3PogpEQ\">https:\/\/www.youtube.com\/watch?v=1Pxq3PogpEQ<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=0WTsSoSI-Mw\">https:\/\/www.youtube.com\/watch?v=0WTsSoSI-Mw<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For an overview and demo, you can view this recording:&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Tutorial about how to do new Alt Tag Best Practices  (New 2021 Format) <\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/ncsu.hosted.panopto.com\/Panopto\/Pages\/Viewer.aspx?id=ccbe72fa-8c51-435b-adc4-ad04010151c0\">https:\/\/ncsu.hosted.panopto.com\/Panopto\/Pages\/Viewer.aspx?id=ccbe72fa-8c51-435b-adc4-ad04010151c0<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"settings-categories\">Setting Categories for Imported Newswire Articles<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Overview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Each department has a news site with articles that are imported from both the college news site and NC State Newswire. These articles are imported and automatically published to the site. They do not however have categories set for the departments. As part of best practices and site maintenance, these articles (student profiles, awards, department updates, etc.) should be categorized so that they can be found within the site.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to find articles that need categories<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<br><\/strong>Locate imported articles that do not have categories. These articles will have the following labels in the source column: Giving News, NC State News or CNR News.<br><strong><br>Step 2:<br><\/strong>Hover over the article title and click the \u201cQuick Edit\u201d function.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<br><\/strong>Choose the appropriate category under the \u201cCategories\u201d section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4:<br><\/strong>Click the \u201cUpdate\u201d button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Recordings &#8211; Review and Demo Recordings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For overviews or demos, you can view recording:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setting Categories for Imported Newswire Articles &#8211; CNR Web 2021 Best Practices<br><\/strong><a href=\"https:\/\/ncsu.hosted.panopto.com\/Panopto\/Pages\/Viewer.aspx?id=abf89c74-9892-4684-b854-ad0401072191\">https:\/\/ncsu.hosted.panopto.com\/Panopto\/Pages\/Viewer.aspx?id=abf89c74-9892-4684-b854-ad0401072191<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gutenberg-info\">Gutenberg Information and Tutorials<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Information on the Gutenberg editor and making news posts can be found in this <a href=\"https:\/\/docs.google.com\/document\/d\/1eZrTJQAsqMXd-SQAjzy53CIy6hslMckHEN6WFo70LQk\/edit#\">Google Doc<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Information Outline Theme and Site Information Editor Guidelines Theme Information Editors and Updates Preparing Images for Posts and Profiles There are 2 ways to include images in posts. Directions 1.&hellip;<\/p>\n","protected":false},"author":53,"featured_media":0,"parent":352434,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"source":"","ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","footnotes":""},"class_list":["post-355607","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cnr.ncsu.edu\/internalresources\/wp-json\/wp\/v2\/pages\/355607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cnr.ncsu.edu\/internalresources\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cnr.ncsu.edu\/internalresources\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cnr.ncsu.edu\/internalresources\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/cnr.ncsu.edu\/internalresources\/wp-json\/wp\/v2\/comments?post=355607"}],"version-history":[{"count":4,"href":"https:\/\/cnr.ncsu.edu\/internalresources\/wp-json\/wp\/v2\/pages\/355607\/revisions"}],"predecessor-version":[{"id":355612,"href":"https:\/\/cnr.ncsu.edu\/internalresources\/wp-json\/wp\/v2\/pages\/355607\/revisions\/355612"}],"up":[{"embeddable":true,"href":"https:\/\/cnr.ncsu.edu\/internalresources\/wp-json\/wp\/v2\/pages\/352434"}],"wp:attachment":[{"href":"https:\/\/cnr.ncsu.edu\/internalresources\/wp-json\/wp\/v2\/media?parent=355607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}