{"id":377,"date":"2017-03-10T20:47:27","date_gmt":"2017-03-10T20:47:27","guid":{"rendered":"http:\/\/wordpress.library.illinois.edu\/wp-training\/?page_id=377"},"modified":"2018-03-15T21:52:46","modified_gmt":"2018-03-15T21:52:46","slug":"webpage-editing","status":"publish","type":"page","link":"https:\/\/wordpress.library.illinois.edu\/wp-training\/content-editors\/webpage-editing\/","title":{"rendered":"Webpage Editing"},"content":{"rendered":"<h2>Webpage Creation and Editing<\/h2>\n<p>To see how to access pages, see the documentation &#8220;Getting Started&#8221;.<\/p>\n<h3>Suggested Training<\/h3>\n<p>For first time users, please complete WordPress training on Lynda.com. \u00a0Login in \u00a0using your NetID and password. \u00a0The correct training is &#8220;WordPress Essential Training&#8221;, accessible through\u00a0the top search bar.<\/p>\n<p><strong>Lynda.com UIUC Login:\u00a0<a href=\"http:\/\/web.uillinois.edu\/lynda\/lynda_uiuc\/\">http:\/\/web.uillinois.edu\/lynda\/lynda_uiuc\/<\/a><\/strong><\/p>\n<p>Topics covered in the training include creating pages and posts, formatting text, adding media, and using widgets. \u00a0This training will teach you the necessary, general components\u00a0of editing a WordPress page.<\/p>\n<h3>Online Tutorials<\/h3>\n<p>There are many useful tutorials online covering WordPress basics. \u00a0We suggest using TutorialPoint&#8217;s WordPress Tutorial, available here:\u00a0<a href=\"https:\/\/www.tutorialspoint.com\/wordpress\/index.htm\">https:\/\/www.tutorialspoint.com\/wordpress\/index.htm<\/a>. The following sections are particularly useful:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.tutorialspoint.com\/wordpress\/wordpress_add_posts.htm\">Add Posts<\/a><\/li>\n<li><a href=\"https:\/\/www.tutorialspoint.com\/wordpress\/wordpress_edit_posts.htm\">Edit Posts<\/a><\/li>\n<li><a href=\"https:\/\/www.tutorialspoint.com\/wordpress\/wordpress_add_pages.htm\">Add Pages<\/a><\/li>\n<li><a href=\"https:\/\/www.tutorialspoint.com\/wordpress\/wordpress_edit_pages.htm\">Edit Pages<\/a><\/li>\n<\/ul>\n<h2>Entering Content<\/h2>\n<p>When transferring content from another webpage, copy the content into the visual editor. \u00a0However, make sure to check the text editor for correct structure. \u00a0Keep an eye out for:<\/p>\n<ul>\n<li><strong>Headings<\/strong> &#8211; Check to make sure the headings are in the correct order, namely &lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, and so on. \u00a0Sometimes previously created webpages use headings (incorrectly)\u00a0to achieve certain looks or styles, rather than for semantic markup. \u00a0For instance, you may see a page that has heading 3, then heading 2 nested under heading 3. \u00a0Or the headings might skip order, such as jumping from heading 2 to heading 4. \u00a0Below is an example of what headings look like in the text editor:\n<ul>\n<li>&lt;h2&gt;Webpage Creation and Editing&lt;\/h2&gt;<br \/>\nTo see how to access pages, see the documentation &#8220;Getting Started&#8221;.<br \/>\n&lt;h3&gt;Required Training&lt;\/h3&gt;<\/li>\n<\/ul>\n<\/li>\n<li><strong>Classes\u00a0<\/strong>&#8211; Some\u00a0webpages assign &lt;class&gt; tags to elements to ensure\u00a0equal styling. \u00a0Classes, and other related outside styling demarcations, are not recognized by WordPress. These should be removed.<\/li>\n<li><strong>Divs<\/strong> &#8211; &lt;div&gt; tags mark certain sections in HTML or block-elements in CSS. \u00a0These should be removed from the text in WordPress.<\/li>\n<li><strong>IDs<\/strong> &#8211; Id&#8217;s are unique identifiers for elements on a webpage. \u00a0The are used to manipulate an element or to assign specific styling. \u00a0They should be removed.<\/li>\n<li><strong>Lists<\/strong> &#8211; Check that lists are in the proper format. Sometimes webpages will have pseudo-lists, made by setting each item as a paragraph in &lt;p&gt; tags. They should be converted to proper lists. Below is an example of correct formatting:\n<ul>\n<li>&lt;ul&gt;<br \/>\n&lt;li&gt;&lt;a href=&#8221;https:\/\/www.tutorialspoint.com\/wordpress\/wordpress_add_posts.htm&#8221;&gt;Add Posts&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&#8221;https:\/\/www.tutorialspoint.com\/wordpress\/wordpress_edit_posts.htm&#8221;&gt;Edit Posts&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&#8221;https:\/\/www.tutorialspoint.com\/wordpress\/wordpress_add_pages.htm&#8221;&gt;Add Pages&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&#8221;https:\/\/www.tutorialspoint.com\/wordpress\/wordpress_edit_pages.htm&#8221;&gt;Edit Pages&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<\/li>\n<\/ul>\n<\/li>\n<li><strong>Media<\/strong> &#8211; When transferring content, do not copy media directly into the page. \u00a0Instead, download the media and add the media using the &#8220;Add Media&#8221; button. \u00a0To see instructions on adding media, using the following tutorial:\u00a0<a href=\"https:\/\/www.tutorialspoint.com\/wordpress\/wordpress_add_media.htm\">https:\/\/www.tutorialspoint.com\/wordpress\/wordpress_add_media.htm<\/a><\/li>\n<\/ul>\n<h2>UIUC Library-specific Controls<\/h2>\n<h3><\/h3>\n<h3>Slugs<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-390\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Slug.png\" alt=\"Slug\" width=\"1280\" height=\"694\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Slug.png 1280w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Slug-300x163.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Slug-768x416.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Slug-1024x555.png 1024w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p>The slug for a page can be set through the &#8220;Slug&#8221; box at the bottom of the editing page, or in the URL under the &#8220;Title&#8221; box. \u00a0The UIUC library policy for creating slugs for new WordPress pages is as follows:<\/p>\n<ol>\n<li>The slug should <strong>match the current library URL<\/strong><\/li>\n<li>If the current URL\u00a0has .html at the end, <strong>remove the .html<\/strong>.<br \/>\n<em>Example: <\/em>http:\/\/search.grainger.illinois.edu\/top\/staff.html<br \/>\n<em>Original slug:<\/em> staff.html<br \/>\n<em>New slug:<\/em> staff<br \/>\n<em>New URL:<\/em> http:\/\/search.grainger.illinois.edu\/top\/staff\/<\/li>\n<li>If the URL ends in index.html, <strong>drop the index.html<\/strong><br \/>\n<em>Example:<\/em> http:\/\/library.illinois.edu\/fake-page\/index.html<br \/>\n<em>Original Slug:<\/em> fake-page\/index.html<br \/>\n<em>New Slug:<\/em> fake-page<br \/>\n<em>New URL:<\/em> http:\/\/library.illinois.edu\/fake-page\/<\/li>\n<\/ol>\n<h3>Sidebar Control<\/h3>\n<p>The settings for the sidebar of the website are located in the right-hand column of the editing page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-397\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Sidebar_Control.png\" alt=\"Sidebar Control\" width=\"317\" height=\"861\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Sidebar_Control.png 317w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Sidebar_Control-110x300.png 110w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-400\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/display_Webpage.png\" alt=\"Webpage Sidebar Display\" width=\"280\" height=\"820\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/display_Webpage.png 280w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/display_Webpage-102x300.png 102w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><\/p>\n<h4><strong>Display Sidebar<\/strong><\/h4>\n<p>Each page created will automatically contain a space for a sidebar. The features included in the sidebar, such as library hours and Ask a Librarian, can be edited separately. To remove the sidebar space entirely, use the \u201cHide Sidebar\u201d box on the right side of the editing screen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-398\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Sidebar.png\" alt=\"Sidebar\" width=\"1475\" height=\"791\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Sidebar.png 1475w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Sidebar-300x161.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Sidebar-768x412.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Sidebar-1024x549.png 1024w\" sizes=\"auto, (max-width: 1475px) 100vw, 1475px\" \/><\/p>\n<h4><strong>Library Chat Services<\/strong><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-402\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Library_Chat.png\" alt=\"Library Chat Settings\" width=\"302\" height=\"256\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Library_Chat.png 302w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Library_Chat-300x254.png 300w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/p>\n<p>Each page automatically displays the Ask A Librarian settings for the site.\u00a0 To remove Ask a Librarian from a specific page, or to display Ask a Librarian if not displayed, use the \u201cLibrary Chat Services\u201d in the right-hand column of the editing page.<\/p>\n<h4><strong>Library Hours<\/strong><\/h4>\n<p>Similar to Ask a Librarian, the library hours are displayed based on site settings.\u00a0 To change the hours display to a different library\u2019s hours, or to remove the hours, use the drop down list in \u201cLibrary Hours\u201d.<\/p>\n<h4><strong>Library Contact Information<\/strong><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-403\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Library_contact.png\" alt=\"Library contact\" width=\"302\" height=\"178\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Library_contact.png 302w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Library_contact-300x177.png 300w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/p>\n<p>The default for contact information and location of the contact info on the webpage is the site wide setting.\u00a0 The default location can be changed to top of page or sidebar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webpage Creation and Editing To see how to access pages, see the documentation &#8220;Getting Started&#8221;. Suggested Training For first time users, please complete WordPress training on Lynda.com. \u00a0Login in \u00a0using your NetID and password. \u00a0The correct training is &#8220;WordPress Essential Training&#8221;, accessible through\u00a0the top search bar. Lynda.com UIUC Login:\u00a0http:\/\/web.uillinois.edu\/lynda\/lynda_uiuc\/ Topics covered in the training include [&hellip;]<\/p>\n","protected":false},"author":50,"featured_media":0,"parent":310,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-377","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/comments?post=377"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/377\/revisions"}],"predecessor-version":[{"id":562,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/377\/revisions\/562"}],"up":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/310"}],"wp:attachment":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/media?parent=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}