{"id":158,"date":"2018-08-23T10:23:42","date_gmt":"2018-08-23T14:23:42","guid":{"rendered":"https:\/\/my.ece.ncsu.edu\/communications\/?page_id=158"},"modified":"2021-11-24T10:28:42","modified_gmt":"2021-11-24T15:28:42","slug":"editing-myece","status":"publish","type":"page","link":"https:\/\/my.ece.ncsu.edu\/communications\/editing-myece\/","title":{"rendered":"Editing on WordPress"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>WordPress was designed originally as a blogging software, but it has evolved into a complete content management system, allowing those with little to no experience building web sites to easily develop dynamic, professional-looking sites to fit a variety of needs.<\/p>\n\n\n\n<p>This tutorial will cover the basic usage of the WordPress interface to help our faculty and staff get started with their own WordPress sites.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Dashboard<\/h2>\n\n\n\n<p>Each WordPress site is managed through a system known as the Dashboard: &nbsp;a central administrative page with links to sub-sections that allow the site\u2019s owners to edit content, layout and plugins as needed.<\/p>\n\n\n\n<p>To access a site\u2019s dashboard, first go to the site\u2019s home page, and then add \u201cwp-admin\u201d to the end of the URL.<\/p>\n\n\n\n<p>You will be prompted to log in using your regular Unity ID and password. Once logged in, if you are on the list of the site\u2019s owners, you will have access to the Dashboard.<\/p>\n\n\n\n<p>A menu on the left will allow you to navigate through the various parts of your WordPress site. This tutorial will cover&nbsp;<strong>Posts<\/strong>,&nbsp;<strong>Pages<\/strong>,&nbsp;<strong>Themes<\/strong>,&nbsp;<strong>Widgets<\/strong>&nbsp;and&nbsp;<strong>Menus<\/strong>. For a complete walkthrough of what the other menus contain, see&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/wordpress.ncsu.edu\/support\/video-tutorials\/the-dashboard\/\" target=\"_blank\">OIT\u2019s video tutorial<\/a>&nbsp;on using the Dashboard<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Navigation, Look and Layout<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Navigation and Menus<\/h3>\n\n\n\n<p>If your site will simply be a blogroll of new Posts on your front page, you may never need to make use of WordPress\u2019 Menu feature. If, instead, you\u2019re creating a classic website with a number of interconnected Pages, then you may need to make steady use of the Menu feature to keep everything organized and arranged properly.<\/p>\n\n\n\n<p>Simply put, Menus in WordPress are your primary navigation. Each theme will represent Menus differently, so it\u2019s important to experiment to find what fits best.<\/p>\n\n\n\n<p>By default, every page you create is automatically added to the&nbsp;<strong>Primary Menu<\/strong>&nbsp;with its original title. To change this, go to the&nbsp;<strong>Menus<\/strong>&nbsp;section under&nbsp;<strong>Appearance<\/strong>.<\/p>\n\n\n\n<p>A video walkthrough of&nbsp;<a href=\"http:\/\/wordpress.ncsu.edu\/support\/video-tutorials\/creating-and-managing-custom-navigation-menus\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to make use of the Menus interface<\/a>&nbsp;is available from OIT.<\/p>\n\n\n\n<p>The most important things to know about updating your menus are:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>You can change the title of a given Page in a menu without changing the title that\u2019s displayed on the page itself, so if you wish to use a shorter name for the menu without losing the original, simply edit the Menu item.<\/li><li>Most themes allow only one&nbsp;<strong>Primary Menu<\/strong>, which is typically displayed prominently within the theme and serves as the primary navigation, letting your users browse your content easily.<\/li><li><strong>SubPages<\/strong>&nbsp;are handled differently depending on your theme, so be careful how many layers of navigation you display. If you wish to limit which pages or layers are displayed, activate the&nbsp;<strong>Remove pages from navigation<\/strong>&nbsp;plugin on the&nbsp;<strong>Plugins<\/strong>&nbsp;menu.<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Posts vs. Pages<\/h3>\n\n\n\n<p>In WordPress, you can write either Posts or Pages. The interface is almost identical for each, what\u2019s different is how they are displayed in your site.<\/p>\n\n\n\n<p>Posts automatically appear in reverse chronological order on your blog\u2019s home page (so that the most recent is displayed first). You can change this setting in the Settings panel on the WordPress Dashboard.<\/p>\n\n\n\n<p>Pages are for stable content such as \u201cAbout,\u201d \u201cContact,\u201d and similar information. Pages are often used to present timeless information about yourself or your site \u2014 information that is always applicable. You can use Pages to organize and manage any content regardless of when the Page was created.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creating and Editing Posts and Pages<\/h2>\n\n\n\n<p>To create a new Post or Page, go to the relevant menu in your WordPress Dashboard, and click&nbsp;<strong>Add New&nbsp;<\/strong>at the top of the page.<\/p>\n\n\n\n<p>For Pages only, if you wish to create a&nbsp;<strong>subPage<\/strong>, use the&nbsp;<strong>Page Parent&nbsp;<\/strong>menu on the right when editing your page to select the page you wish it to live under.<\/p>\n\n\n\n<p>You can nest sub-pages under other sub-pages, so there\u2019s no limit to how many layers you can have, though we recommend keeping your navigation to no more than 2 to 3 layers, if you can help it.<\/p>\n\n\n\n<p>When editing Posts or Pages, you\u2019ll be able to use WordPress\u2019 WYSIWYG editor (\u201cWhat You See Is What You Get\u201d) to add formatting and even rich media as desired.<\/p>\n\n\n\n<p>On the right, you can choose when to&nbsp;<strong>Publish&nbsp;<\/strong>a page (to make it viewable by anyone who visits your sight), or leave it as a&nbsp;<strong>Draft<\/strong>&nbsp;to finish editing later. You can also add&nbsp;<strong>Tags<\/strong>&nbsp;or set&nbsp;<strong>Categories<\/strong>&nbsp;to help organize your Posts and Pages by common topics.<\/p>\n\n\n<p id=\"\" class=\"block-icon-text n_ma0 n_ttn n_relative n_flex n_items-center n_flex-row   n_text-text-black n_normal n_f3 n_justify-start \">\n            \n    \n    \n        <span id=\"\" class=\"block-icon-text__icon n_mr3 n_fls0 icon n_text-red n_fill-red n_br0  n_s2 \" aria-hidden=\"true\">\n    \n\n\n    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlnsXlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enableBackground=\"new 0 0 50 50\" xmlSpace=\"preserve\" class=\"n_mw-100 n_w-100 n_h-100\" >\n      <g >\n        <polygon  points=\"28.5,21.1 22.3,11 0,50 22,28.9 28,40.5 50,0 \t\" \/>\n      <\/g>\n    <\/svg>\n\n<\/span>\n   <span class=\"text-black icon-text__content n_univers-light\">\n    Note, if you change a Published page to Draft, it will immediately unpublish it and make it unavailable to users.\n<\/span>\n\n<\/p>\n\n\n\n<p>Tags and Categories are very similar, with one important distinction: &nbsp;generally, a Page or Post belongs to only one Category, whereas you can apply multiple Tags to any given post to allow for topic overlap. Tags are also more easily created on the fly, and appear listed at the bottom of each post as links in case visitors wish to see all Posts or Pages on a given topic.<\/p>\n\n\n\n<p>For a complete walkthrough of the editing interface, see the&nbsp;<a href=\"http:\/\/wordpress.ncsu.edu\/support\/video-tutorials\/adding-a-new-post\/\" target=\"_blank\" rel=\"noreferrer noopener\">OIT video tutorial<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block Editor<\/h2>\n\n\n\n<p>The WordPress sites utilize the block editor&#8211;this simple editor gives you powerful control of the content on the page. To learn more about the Block Editor, <a href=\"https:\/\/wordpress.org\/support\/article\/wordpress-editor\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/support\/article\/wordpress-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">consult this resources on wordpress.org<\/a><\/p>\n\n\n\n<div class=\"wp-block-editor-blocks-horizontal-feature image-position-right\"><div class=\"horizontal-feature-content-wrapper\" style=\"width:50%;text-align:left\"><h2 class=\"horizontal-feature__heading\">Image Notes<\/h2><p class=\"horizontal-feature__subheading\">Find, Resize, Don&#8217;t nuke the web server<\/p><p class=\"horizontal-feature__text\">Please ensure when you are uploading images to use on your pages (you can get royalty-free stock images on <a href=\"http:\/\/unsplash.com\" target=\"_blank\" rel=\"noopener noreferrer\">Unsplash<\/a>) that you resize the images appropriately, in addition to cropping them if necessary. For example, if uploading an image to use as the &#8220;Featured Image&#8221; on a page, crop the image so that it is wide and short (suggest less-than 300px high, otherwise it will take up far too much of the page.\u00a0<br\/><br\/>Images on the site should (read: <em>must<\/em>) be less than 1800px wide, and that size is far too large for any use other than of the Featured Image.\u00a0<br\/><br\/>Please use a cropping tool, such as the free online Image Resizer to crop your image <em>before<\/em> uploading it.<\/p><div class=\"button-container\"><a style=\"background-color:#bc0d0d;color:#ffffff\" class=\"horizontal-feature__button\" href=\"https:\/\/imageresize.org\/\">Image Resizer<\/a><\/div><\/div><div class=\"horizontal-feature-image-wrapper\" style=\"width:39%;padding-top:44px\"><img decoding=\"async\" class=\"horizontal-feature__image\" src=\"https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2018\/08\/rawpixel-661940-unsplash-1.jpg\"\/><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Embedding Video<\/h3>\n\n\n\n<p>In addition to inserting images, you can also embed videos if they\u2019re tied to a streaming media server, such as YouTube.<\/p>\n\n\n\n<p>For instructions on embedding and an example to get you started, view the&nbsp;<a href=\"http:\/\/codex.wordpress.org\/Embeds\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress Codex entry on Embeds<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Further Resources<\/h2>\n\n\n\n<p>As you\u2019ve seen linked several times in this tutorial, the OIT video tutorials are&nbsp;the primary source for learning and understanding the system to be able to best manage your site and its content.&nbsp;<\/p>\n\n\n\n<p>Additionally, the&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/wordpress.org\/support\/\" target=\"_blank\">WordPress Support Forums<\/a>&nbsp;are a wonderful resource when you aren\u2019t sure just where to begin. The community is very responsive and welcoming of newcomers, so if you\u2019re just getting started and want to know what\u2019s available to make your site shine, the Support Forums are a great place to start.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">myECE<\/h2>\n\n\n\n<p>The various portals of <g class=\"gr_ gr_4 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace\" id=\"4\" data-gr-id=\"4\">myECE<\/g> are managed and edited by individuals within the respective units. Each supervisor whose content is on one or more of the portals is responsible for informing the <a href=\"ece-webmaster@ncsu.edu\">Digital Communications Manager<\/a> of any additions or removals of individuals editing the portals.&nbsp;<\/p>\n\n\n\n<p>There are two different forms of permissions being issued\u2014portal management and page editing, and the level of control granted to each portal will be determined by the Digital Communications Manager in consultation with the supervisor.&nbsp;<\/p>\n\n\n\n<div style=\"height:58px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Page Templates<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2021\/11\/Screen-Shot-2021-11-08-at-3.58.37-PM-589x1024.png\" alt=\"\" class=\"wp-image-1057\" width=\"323\" height=\"562\" srcset=\"https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2021\/11\/Screen-Shot-2021-11-08-at-3.58.37-PM-589x1024.png 589w, https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2021\/11\/Screen-Shot-2021-11-08-at-3.58.37-PM-173x300.png 173w, https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2021\/11\/Screen-Shot-2021-11-08-at-3.58.37-PM.png 658w\" sizes=\"auto, (max-width: 323px) 100vw, 323px\" \/><\/figure><\/div>\n\n\n\n<p>There are seven Page Templates available on the Oval theme, reflecting a variety of possible use cases.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Right Sidebar (Default)&nbsp;\u2013 Page&nbsp;content appears in a 3\/4-width column on the left-hand side and a 1\/4-width column on the right-hand side containing sidebar widgets.<\/li><li>Right Sidebar, Hidden Title&nbsp;\u2013 Page content and sidebar widgets appear as above. The page title is hidden.<\/li><li>Left&nbsp;Sidebar&nbsp;\u2013 Page&nbsp;content appears in a 3\/4-width column on the right-hand side and a 1\/4-width column on the left-hand side containing sidebar widgets.<\/li><li>Left&nbsp;Sidebar, Hidden Title&nbsp;\u2013 Page content and sidebar widgets appear as above. The page title is hidden.<\/li><li>Full-Width (No Sidebar)&nbsp;\u2013 Page content spans the full width of the page, with no sidebar widgets.<\/li><li>Landing (No Sidebar, Hidden Title)&nbsp;\u2013 Page content spans the full width of the page, with no sidebar widgets and the page title hidden.<\/li><li><strong>Subscriber Login Required<\/strong> \u2013 Page based on the default (right sidebar), however, displays a login window for users not logged in and requires Unity access to view. Use this template for pages you don&#8217;t want publically accessible.<\/li><\/ul>\n\n\n\n<p>Each page template also has the option of displaying a featured image as a full-width banner across the top of the page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Accessibility<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2018\/08\/Screen-Shot-2018-08-23-at-10.02.34-AM.png\" alt=\"Adding Alt Text to an image\" class=\"wp-image-162\" width=\"163\" height=\"334\" srcset=\"https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2018\/08\/Screen-Shot-2018-08-23-at-10.02.34-AM.png 296w, https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2018\/08\/Screen-Shot-2018-08-23-at-10.02.34-AM-147x300.png 147w\" sizes=\"auto, (max-width: 163px) 100vw, 163px\" \/><\/figure><\/div>\n\n\n\n<p>To ensure that myECE is accessible to all users, please ensure that content can be read by a screen reader. At the very basic, all images should have an <strong>Alt Text<\/strong> description (you can add this when you&#8217;re uploading an image). That description should be descriptive of what is in the <g class=\"gr_ gr_8 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-del replaceWithoutSep\" id=\"8\" data-gr-id=\"8\">picture,<\/g> so that a user that can&#8217;t see the picture can still understand what you&#8217;re showing.&nbsp;<\/p>\n\n\n\n<p>Use the built-in <strong>Headings<\/strong> for every section heading. There are several levels of this (H2, H3, H4, etc) that can be <g class=\"gr_ gr_9 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-del replaceWithoutSep\" id=\"9\" data-gr-id=\"9\">used,<\/g> if you need to nest headings within a section that already has a heading. Do not simply bold text that you want <g class=\"gr_ gr_7 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar multiReplace\" id=\"7\" data-gr-id=\"7\">interpreted<\/g> as a heading, as screen readers (and browser reader functions) will not recognize your formatting in the way you want.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"337\" height=\"309\" src=\"https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2018\/08\/Screen-Shot-2018-08-23-at-10.19.04-AM.png\" alt=\"How to select a Heading in the editor\" class=\"wp-image-163\" srcset=\"https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2018\/08\/Screen-Shot-2018-08-23-at-10.19.04-AM.png 337w, https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2018\/08\/Screen-Shot-2018-08-23-at-10.19.04-AM-300x275.png 300w\" sizes=\"auto, (max-width: 337px) 100vw, 337px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Gravity Forms<\/h2>\n\n\n\n<p>We use Gravity Forms as the input gathering tool across myECE\u2014notably on the Communications, Graduate, entry Portal, and HR areas. This is a robust tool that gives more flexibility and customization than a simple Google Form. There is extensive documentation <a rel=\"noreferrer noopener\" href=\"https:\/\/docs.gravityforms.com\/\" data-type=\"URL\" data-id=\"https:\/\/docs.gravityforms.com\/\" target=\"_blank\">here<\/a>, and it should be noted that there are select extensions to Gravity Forms activated\u2014notably Signature Add-on, Gravity PDF, and Zapier Add-on. <\/p>\n\n\n\n<p>The latter interfaces with Zapier, which is a service that connects disparate services together. The most typical use case in ECE for this is the connection of a Gravity Form to a Google Sheet to provide automatic addition of data from a Form. ECE maintains a paid Zapier plan, and requests to use Zapier as a connection will be considered on a case-by-case basis. Note that as adding Zapier into the process complicates things as information is routed all over the internet to get to the final destination, it is recommended that backup sources of information are maintained (viewing submissions in the Gravity Forms &#8220;Entries&#8221; tab, or via email confirmations\u2014Forms > Settings > Notifications). <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2021\/11\/Screen-Shot-2021-11-24-at-10.27.34-AM.png\" alt=\"\" class=\"wp-image-1061\" width=\"155\" height=\"143\" srcset=\"https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2021\/11\/Screen-Shot-2021-11-24-at-10.27.34-AM.png 594w, https:\/\/my.ece.ncsu.edu\/communications\/wp-content\/uploads\/sites\/3\/2021\/11\/Screen-Shot-2021-11-24-at-10.27.34-AM-300x277.png 300w\" sizes=\"auto, (max-width: 155px) 100vw, 155px\" \/><\/figure><\/div>\n\n\n\n<p>If an email fails to automatically send from Gravity Forms, it can be triggered from the Entry view using the checkbox next to the Notification and &#8220;Resend.&#8221; Similarly, a Zapier feed can be re-fired if needed.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview WordPress was designed originally as a blogging software, but it has evolved into a complete content management system, allowing those with little to no&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page_loggedin-fullwidth.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-158","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/my.ece.ncsu.edu\/communications\/wp-json\/wp\/v2\/pages\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/my.ece.ncsu.edu\/communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/my.ece.ncsu.edu\/communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/my.ece.ncsu.edu\/communications\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/my.ece.ncsu.edu\/communications\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":8,"href":"https:\/\/my.ece.ncsu.edu\/communications\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"predecessor-version":[{"id":1062,"href":"https:\/\/my.ece.ncsu.edu\/communications\/wp-json\/wp\/v2\/pages\/158\/revisions\/1062"}],"wp:attachment":[{"href":"https:\/\/my.ece.ncsu.edu\/communications\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}