{"id":5784,"date":"2020-09-04T15:12:16","date_gmt":"2020-09-04T19:12:16","guid":{"rendered":"http:\/\/developer.bu.edu\/bulb\/?post_type=bulb-learning-module&#038;p=5784"},"modified":"2021-04-07T10:41:22","modified_gmt":"2021-04-07T14:41:22","slug":"ordering-lesson-pages-bu","status":"publish","type":"bulb-learning-module","link":"https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/ordering-lesson-pages-bu\/","title":{"rendered":"Ordering Lesson Pages (With BU Navigation)"},"content":{"rendered":"\n<p>The BULB Lesson Page custom post type uses a hierarchical alignment. This means&nbsp; that users can set the order of lesson pages. These instructions are specifically targeted towards users at Boston University who have the <a href=\"https:\/\/developer.bu.edu\/bu-navigation\/\">BU Navigation<\/a> plugin installed and enabled. BU Navigation is already enabled on www.bu.edu, www.bumc.bu.edu, and sites.bu.edu domains.&nbsp;<\/p>\n\n\n\n<p>The BU Navigation Plugin replaces the typical Parent\/Child Page Attributes designations with an easy-to-use drag and drop interface. When editing your BULB Lesson Page, in the right-hand sidebar look for \u201cPlacement in Navigation\u201d under Document settings.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"550\" height=\"506\" src=\"\/bulb\/files\/2020\/09\/Placement-in-navigation.png\" alt=\"\" class=\"wp-image-5785\"\/><figcaption>This image shows the &#8220;Placement in Navigation&#8221; tab in the right-hand sidebar while creating a BULB Lesson Page. Clicking &#8220;Move lesson page&#8221; will open a pop-up window in browser where you can order your BULB Lesson Pages.  <\/figcaption><\/figure>\n\n\n\n<p>Here you can specify a label for your page and choose visibility settings (whether or not it will appear in the site navigation). You can also click the \u201cMove lesson page\u201d button to open a pop-up window where you have greater control over the navigation order and the designation of parent and child pages.&nbsp;<strong>You will also need to check &#8220;Display in Navigation&#8221; for your BULB lesson page to appear in the sidebar navigation. <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"938\" src=\"\/bulb\/files\/2020\/09\/BU-Navigation1-1024x938.png\" alt=\"\" class=\"wp-image-5786\" srcset=\"https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation1-1024x938.png 1024w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation1-636x583.png 636w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation1-768x704.png 768w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation1.png 1317w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>This figure shows the drag and drop interface for setting the order of BULB Lesson Pages using the BU Navigation plugin. <\/figcaption><\/figure>\n\n\n\n<p>In this interface you can drag and drop all pages in a lesson in the order you desire. In this next figure, for example, we have moved \u201cTest Page\u201d into the \u201cBULB User Guide\u201d navigation between \u201cTable of Contents\u201d and \u201cInstallation, Activation, and Deletion.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"906\" src=\"\/bulb\/files\/2020\/09\/BU-Navigation2-1024x906.png\" alt=\"\" class=\"wp-image-5787\" srcset=\"https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation2-1024x906.png 1024w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation2-636x563.png 636w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation2-768x680.png 768w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation2.png 1315w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Pages can be dragged and dropped within an existing hierarchy. Or users can create a new one by defining top level pages (such as &#8220;BULB User Guide&#8221; in this image) and nesting other BULB pages within it. <\/figcaption><\/figure>\n\n\n\n<p>Users need to make sure to drag their page in between the two pages they want to appear before and after it. If you drag a page onto another page, you will designate your page as a child page. For example, in this next figure, we dragged the \u201cTest Page\u201d on top of \u201cTable of Contents,\u201d making it a child page of \u201cTable of Contents\u201d instead of a page between \u201cTable of Contents\u201d and \u201cInstallation, Activation, and Deletion.\u201d&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"906\" src=\"\/bulb\/files\/2020\/09\/BU-Navigation3-1024x906.png\" alt=\"\" class=\"wp-image-5788\" srcset=\"https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation3-1024x906.png 1024w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation3-636x563.png 636w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation3-768x679.png 768w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation3.png 1299w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Pages can be nested within other child pages; however, BULB currently only supports top-level parent and first child pages. <\/figcaption><\/figure>\n\n\n\n<p>For BULB Lessons, it is often recommended to keep all BULB Lesson Pages at the same level in the navigation instead of nesting too many child pages within the navigation. This way you have fine-grained control over the specific sequence of pages users access. <strong>Please note, although WordPress allows multiple hierarchy levels, this version of BULB only utilizes two levels, the Parent and 1st Child. <\/strong>In the above example, \u201cBULB User Guide\u201d would be the Parent Page (and first page of the lesson) and each subsequent page from \u201cTable of Contents\u201d to \u201cTrue\/False Block\u201d have been designated as 1st Child Pages. Therefore, in the above figure, \u201cTest Page\u201d would not appear in the BULB navigation. Instead, try to format your BULB Pages like this:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"906\" src=\"\/bulb\/files\/2020\/09\/BU-Navigation2-1-1024x906.png\" alt=\"\" class=\"wp-image-5790\" srcset=\"https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation2-1-1024x906.png 1024w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation2-1-636x563.png 636w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation2-1-768x680.png 768w, https:\/\/developer.bu.edu\/bulb\/files\/2020\/09\/BU-Navigation2-1.png 1315w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Example of how to properly format your BULB lesson pages within the BU Navigation plugin as a single parent page with any number of nested first child pages.  <\/figcaption><\/figure>\n\n\n\n<p>When you are finished ordering your pages, but sure to click \u201cUpdate Location\u201d in the Navigation pop-up. This will take you back to the page editor. Click \u201cUpdate\u201d to save changes to your current BU Lesson Page.&nbsp;<\/p>\n<div class=\"bulb-pagination\" aria-label=\"pagination\">\n\t<div class=\"bulb-pagination-label\">Page 6 of 16<\/div>\n\n\t<a href='https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/'>&laquo; First Page<\/a><a href='https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/creating-lesson-page\/'>&lsaquo; Previous Page<\/a><a href=https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/creating-lesson-page\/ class=\"inactive\">5<\/a><span class=\"current\">6<\/span><a href=https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/ordering-lesson-pages\/ class=\"inactive\">7<\/a><a href=https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/calculated-numeric-block\/ class=\"inactive\">8<\/a><a href=https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/fill-in-the-blank-block\/ class=\"inactive\">9<\/a><a href=\"https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/ordering-lesson-pages\/\">Next Page &rsaquo;<\/a><a href=\"https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/contact-us\/\">Last Page &raquo;<\/a><\/div>\n","protected":false},"author":17839,"parent":5326,"menu_order":5,"template":"","bulb-courses":[3],"_links":{"self":[{"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/bulb-learning-module\/5784"}],"collection":[{"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/bulb-learning-module"}],"about":[{"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/types\/bulb-learning-module"}],"author":[{"embeddable":true,"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/users\/17839"}],"version-history":[{"count":17,"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/bulb-learning-module\/5784\/revisions"}],"predecessor-version":[{"id":5879,"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/bulb-learning-module\/5784\/revisions\/5879"}],"up":[{"embeddable":true,"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/bulb-learning-module\/5326"}],"wp:attachment":[{"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/media?parent=5784"}],"wp:term":[{"taxonomy":"bulb-courses","embeddable":true,"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/bulb-courses?post=5784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}