{"id":44,"date":"2017-07-17T15:13:36","date_gmt":"2017-07-17T15:13:36","guid":{"rendered":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/chapter\/switch-between-public-edit-views\/"},"modified":"2017-11-01T15:35:18","modified_gmt":"2017-11-01T15:35:18","slug":"switch-between-public-edit-views","status":"publish","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/chapter\/switch-between-public-edit-views\/","title":{"raw":"Toggle Between Public &amp; Edit Views","rendered":"Toggle Between Public &amp; Edit Views"},"content":{"raw":"You'll notice that there's a big difference between the edit\u00a0views\u00a0and the public views of Lumen course materials. You'll want to frequently move\u00a0from one to the other, to see how changes you make in the edit\u00a0view\u00a0appear publicly to your students.\r\n<div class=\"textbox shaded\">NOTE: the visual appearance of content in the edit\u00a0view can be quite different from the public display of the same page. Fonts, spacing, and tables, in particular, can look different on\u00a0edit\u00a0views.<\/div>\r\nIt's not worth investing a lot of time into getting things to look great in the edit screen, if they don't actually translate well into the public view, after all.\r\n\r\n&nbsp;\r\n<h2>Accessing Edit\u00a0Tools<\/h2>\r\n<h3>From the Course\u00a0Dashboard<\/h3>\r\nClick on the title of the page you'd like to edit. When you hover your mouse over the title, the font turns from black to blue.\r\n\r\n<img class=\"wp-image-432 size-medium aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01151431\/Screen-Shot-2017-11-01-at-11.13.27-AM-300x262.png\" alt=\"Dashboard screenshot. One page title is in blue font, with a red oval around it\" width=\"300\" height=\"262\" \/>\r\n\r\nClicking the page title takes you to the edit\u00a0view\u00a0for that page.\r\n\r\n<img class=\"aligncenter wp-image-433 \" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01151552\/Screen-Shot-2017-11-01-at-11.15.25-AM.png\" alt=\"Screenshot of edit window with editing toolbar and textboxes\" width=\"547\" height=\"327\" \/>\r\n\r\n<img class=\"alignright wp-image-434 \" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01151837\/Screen-Shot-2017-11-01-at-11.17.32-AM.png\" alt=\"Screenshot of Publish options\" width=\"134\" height=\"348\" \/>\r\n\r\nObviously, you have lots of options and tools on this edit\u00a0view...which are covered in more detail in this user guide. For now, note the right side of the screen, which is where you'll save all the changes you make on this page.\r\n\r\nIn the \"Publish\" box, you'll need to hit the blue \"Update\" button to save any changes you make. Additionally, you can use the gray \"Preview Changes\" button to see what the public view\u00a0looks like. It's good practice to check this \"Preview Changes\" view frequently, both before you save and after. The \"Preview Changes\" button will open a new window in your web browser, so you can see both edit and public views\u00a0of the page at the same time.\r\n<h3><\/h3>\r\n<h3><\/h3>\r\n<h3>Editing From the Public View of the Webpage<\/h3>\r\nOnce you've logged into your Lumen course, you will have access to an \"edit this page\" option at the bottom of each page of your text.\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td>Most viewers see this at the bottom of a Lumen webpage<\/td>\r\n<td>Logged in users see this at the bottom of the same page<\/td>\r\n<\/tr>\r\n<tr>\r\n<td><img class=\"aligncenter wp-image-436\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01152549\/Screen-Shot-2017-11-01-at-11.21.49-AM.png\" alt=\"Paragraph of text, &quot;previous&quot; and &quot;next&quot; buttons\" width=\"518\" height=\"229\" \/><\/td>\r\n<td><img class=\"aligncenter wp-image-435\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01152444\/Screen-Shot-2017-11-01-at-11.21.21-AM.png\" alt=\"Paragraph of text, green &quot;edit this page&quot; button, &quot;previous&quot; and &quot;next&quot; buttons\" width=\"500\" height=\"255\" \/><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n&nbsp;\r\n<h2>Accessing Public\u00a0Views<\/h2>\r\nAfter you've made edits and updated, the top of the page will update with a notification message. You can use this notification as a way to return to the public view, as well.\r\n\r\n<img class=\"aligncenter wp-image-437 \" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01153345\/Screen-Shot-2017-11-01-at-11.29.19-AM.png\" alt=\"Screen shot showing &quot;view page&quot; and &quot;view chapter&quot; link options circled in red\" width=\"599\" height=\"237\" \/>\r\n\r\nThe \"View Page\" link\u00a0is always available in the blue tool bar at the top of the edit view. The \"View Chapter\" link\u00a0in the white bar appears only after you've updated the page. Each takes you to the same public view of the page.\r\n<h2><\/h2>","rendered":"<p>You&#8217;ll notice that there&#8217;s a big difference between the edit\u00a0views\u00a0and the public views of Lumen course materials. You&#8217;ll want to frequently move\u00a0from one to the other, to see how changes you make in the edit\u00a0view\u00a0appear publicly to your students.<\/p>\n<div class=\"textbox shaded\">NOTE: the visual appearance of content in the edit\u00a0view can be quite different from the public display of the same page. Fonts, spacing, and tables, in particular, can look different on\u00a0edit\u00a0views.<\/div>\n<p>It&#8217;s not worth investing a lot of time into getting things to look great in the edit screen, if they don&#8217;t actually translate well into the public view, after all.<\/p>\n<p>&nbsp;<\/p>\n<h2>Accessing Edit\u00a0Tools<\/h2>\n<h3>From the Course\u00a0Dashboard<\/h3>\n<p>Click on the title of the page you&#8217;d like to edit. When you hover your mouse over the title, the font turns from black to blue.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-432 size-medium aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01151431\/Screen-Shot-2017-11-01-at-11.13.27-AM-300x262.png\" alt=\"Dashboard screenshot. One page title is in blue font, with a red oval around it\" width=\"300\" height=\"262\" \/><\/p>\n<p>Clicking the page title takes you to the edit\u00a0view\u00a0for that page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-433\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01151552\/Screen-Shot-2017-11-01-at-11.15.25-AM.png\" alt=\"Screenshot of edit window with editing toolbar and textboxes\" width=\"547\" height=\"327\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-434\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01151837\/Screen-Shot-2017-11-01-at-11.17.32-AM.png\" alt=\"Screenshot of Publish options\" width=\"134\" height=\"348\" \/><\/p>\n<p>Obviously, you have lots of options and tools on this edit\u00a0view&#8230;which are covered in more detail in this user guide. For now, note the right side of the screen, which is where you&#8217;ll save all the changes you make on this page.<\/p>\n<p>In the &#8220;Publish&#8221; box, you&#8217;ll need to hit the blue &#8220;Update&#8221; button to save any changes you make. Additionally, you can use the gray &#8220;Preview Changes&#8221; button to see what the public view\u00a0looks like. It&#8217;s good practice to check this &#8220;Preview Changes&#8221; view frequently, both before you save and after. The &#8220;Preview Changes&#8221; button will open a new window in your web browser, so you can see both edit and public views\u00a0of the page at the same time.<\/p>\n<h3><\/h3>\n<h3><\/h3>\n<h3>Editing From the Public View of the Webpage<\/h3>\n<p>Once you&#8217;ve logged into your Lumen course, you will have access to an &#8220;edit this page&#8221; option at the bottom of each page of your text.<\/p>\n<table>\n<tbody>\n<tr>\n<td>Most viewers see this at the bottom of a Lumen webpage<\/td>\n<td>Logged in users see this at the bottom of the same page<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-436\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01152549\/Screen-Shot-2017-11-01-at-11.21.49-AM.png\" alt=\"Paragraph of text, &quot;previous&quot; and &quot;next&quot; buttons\" width=\"518\" height=\"229\" \/><\/td>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-435\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01152444\/Screen-Shot-2017-11-01-at-11.21.21-AM.png\" alt=\"Paragraph of text, green &quot;edit this page&quot; button, &quot;previous&quot; and &quot;next&quot; buttons\" width=\"500\" height=\"255\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h2>Accessing Public\u00a0Views<\/h2>\n<p>After you&#8217;ve made edits and updated, the top of the page will update with a notification message. You can use this notification as a way to return to the public view, as well.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-437\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/2213\/2017\/07\/01153345\/Screen-Shot-2017-11-01-at-11.29.19-AM.png\" alt=\"Screen shot showing &quot;view page&quot; and &quot;view chapter&quot; link options circled in red\" width=\"599\" height=\"237\" \/><\/p>\n<p>The &#8220;View Page&#8221; link\u00a0is always available in the blue tool bar at the top of the edit view. The &#8220;View Chapter&#8221; link\u00a0in the white bar appears only after you&#8217;ve updated the page. Each takes you to the same public view of the page.<\/p>\n<h2><\/h2>\n","protected":false},"author":19,"menu_order":4,"template":"","meta":{"_candela_citation":"[]","CANDELA_OUTCOMES_GUID":"","pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-44","chapter","type-chapter","status-publish","hentry"],"part":23,"_links":{"self":[{"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/pressbooks\/v2\/chapters\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/wp\/v2\/users\/19"}],"version-history":[{"count":2,"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/pressbooks\/v2\/chapters\/44\/revisions"}],"predecessor-version":[{"id":438,"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/pressbooks\/v2\/chapters\/44\/revisions\/438"}],"part":[{"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/pressbooks\/v2\/parts\/23"}],"metadata":[{"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/pressbooks\/v2\/chapters\/44\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/wp\/v2\/media?parent=44"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/pressbooks\/v2\/chapter-type?post=44"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/wp\/v2\/contributor?post=44"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-oerguide\/wp-json\/wp\/v2\/license?post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}