{"id":5404,"date":"2020-03-04T14:43:25","date_gmt":"2020-03-04T14:43:25","guid":{"rendered":"http:\/\/bulb-2020.local\/?post_type=bulb-learning-module&#038;p=5404"},"modified":"2021-04-07T10:40:58","modified_gmt":"2021-04-07T14:40:58","slug":"ordering-lesson-pages","status":"publish","type":"bulb-learning-module","link":"https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/ordering-lesson-pages\/","title":{"rendered":"Ordering Lesson Pages (Without BU Navigation)"},"content":{"rendered":"\n<p>The BULB Lesson Page custom post type uses a hierarchical alignment. This means that users can set the order of lesson pages. Otherwise, the system will arrange them  either by date published or alphabetical order \u2013 whichever your default  installation uses.<\/p>\n\n\n\n<h2 id=\"reordering-directly-in-wordpress-dashboard\">Turn on Page Attributes<\/h2>\n\n\n\n<ol><li>The <strong>Lesson Page Attributes<\/strong> module in <strong>Document Settings<\/strong> allows you to set page parents and to change the order of your pages. <\/li><li>If you do not see the Document settings, click the Settings icon next to <strong>&#8220;Publish\/Update&#8221;<\/strong> to expand your sidebar menu.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" src=\"\/bulb\/files\/2020\/06\/document-settings-1024x358.png\" alt=\"document settings locations\" class=\"wp-image-5467\" width=\"625\" height=\"217\"\/><figcaption>Document Settings<\/figcaption><\/figure>\n\n\n\n<p>On the right of your screen, under Document Settings, look for <strong>Lesson Page Attributes<\/strong>. Here, you can:<\/p>\n\n\n\n<ol><li>Assign your Lesson Page to a parent page<\/li><li>Set its order with the other child Lesson Pages.<\/li><\/ol>\n\n\n\n<h2 id=\"parent-page\">Assign a Parent Page<\/h2>\n\n\n\n<p>Making the first page of your Lesson the Parent Page allows you to organize your Lesson Pages into an ordered hierarchy. The Parent Page is a top level page, with child pages nested  under it. <strong>Please note, although WordPress allows multiple hierarchy levels, this version of BULB only utilizes two levels, the Parent and 1st Child.<\/strong><\/p>\n\n\n\n<p>For example, you could have an <strong>\u201cIntroduction to Economics\u201d<\/strong>&nbsp;page as a top level or parent page, and then have child pages&nbsp;<strong>\u201cMacro-Economics\u201d<\/strong> and <strong>\u201cMicro-Economics\u201d<\/strong>&nbsp;under it. The URLs might look like this:<\/p>\n\n\n\n<ul><li>http:\/\/example.com\/lessons\/introduction-to-economics\/<\/li><li>http:\/\/example.com\/lessons\/introduction-to-economics\/macro-economics\/<\/li><li>http:\/\/example.com\/lessons\/introduction-to-economics\/micro-economics\/<\/li><\/ul>\n\n\n\n<p><em>Some page slugs, such as \u201cauthor,\u201d \u201ctag,\u201d and \u201ccategory\u201d are reserved for special uses.   You cannot create a child page if the parent page uses one of those reserved slugs.<\/em><\/p>\n\n\n\n<p>Let\u2019s say you have three lesson pages: Introduction to Economics, Micro-Economics and Macro-Economics. If you want Introduction to Economics, to be the parent page:<\/p>\n\n\n\n<ol><li>From the dashboard, select <strong>BULB Lessons \u00bb All Lesson Pages<\/strong> on the left side navigation bar.  This will take you to a list of all of the lesson pages you\u2019ve created.<\/li><li>On the Introduction to Economics editor page, locate the <strong>Lesson Page Attributes<\/strong> module to the right of the editor.<\/li><li>Assign &#8220;(no parent)&#8221; for the <strong>Parent Lesson Page<\/strong> since this page will be the lesson&#8217;s parent page.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"\/bulb\/files\/2020\/06\/assign-parent-1-1024x410.png\" alt=\"steps for assigning a parent page\" class=\"wp-image-5493\"\/><figcaption>Assign a Parent Page<\/figcaption><\/figure>\n\n\n\n<h2>Assigning Child Pages<\/h2>\n\n\n\n<p>Child Pages are assigned to a Parent Page in the Lesson Page Attributes module:<\/p>\n\n\n\n<ol><li>Locate the <strong>Lesson Page Attributes<\/strong> module to the right of the editor.<\/li><li>With the <strong>Parent Lesson Page<\/strong> drop down, select a parent page from the list of available Lesson Pages.<\/li><li>Click the <strong>Update<\/strong> button.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"\/bulb\/files\/2020\/06\/assign-child-1024x437.png\" alt=\"steps to assign a child page\" class=\"wp-image-5502\"\/><figcaption>Assign a Child Page<\/figcaption><\/figure>\n\n\n\n<h2 id=\"editing-from-the-page\">Ordering From the Page Editor<\/h2>\n\n\n\n<p>You can set the order in which Lesson Pages are displayed by using the Lesson Page Attributes module on the page editor.<\/p>\n\n\n\n<ol><li>Locate the <strong>Lesson Page Attributes<\/strong> module to the right of the editor.<\/li><li>In the <strong>Order<\/strong> box, assign an order number for the page. This tells WordPress to display this page in the order assigned relative to the Lesson Pages.<\/li><li>Click the <strong>Update<\/strong> button.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"\/bulb\/files\/2020\/06\/page-editor-order-1024x455.png\" alt=\"steps to order from the editor\" class=\"wp-image-5503\"\/><figcaption>Ordering from the Editor<\/figcaption><\/figure>\n\n\n\n<p>Leaving the page order as \u201c0\u201d means that this will be the first page  in your list. If more pages are set to \u201c0\u201d as well, then the hierarchy will either be publish date or alphabetical (as set up on your site). If you put a \u201c1\u201d in this  box, all pages that are \u201c0\u201d will come before it. This allows WordPress  to reorder pages in the order you want to  display.<\/p>\n\n\n\n<h2 id=\"editing-from-quick-edit-of-the-page\">Ordering From Quick Edit of the Page<\/h2>\n\n\n\n<p>The &#8220;Quick Edit&#8221; feature gives you access to the  administrative portions of the page. When you hover your cursor over a title of a  page (without clicking), a few links appear below the title name. One of these links is  \u201cQuick Edit.\u201d It does not show content, only the publishing information. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"\/bulb\/files\/2020\/06\/quick-edit-1024x496.png\" alt=\"quick edit\" class=\"wp-image-5505\"\/><figcaption>Hover over the page title to find Quick Edit<\/figcaption><\/figure>\n\n\n\n<p>In the column of tools on the right side of your browser, you can change the order of the page by changing the \u201cOrder\u201d number.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"\/bulb\/files\/2020\/06\/quick-edit-fields-1024x376.png\" alt=\"quick edit fields\" class=\"wp-image-5506\"\/><figcaption>Quick Edit fields<\/figcaption><\/figure>\n\n\n\n<h2>BU Navigation Plugin<\/h2>\n\n\n\n<p>In order to make page assignment and ordering easier for the user, Boston University provides an open source page ordering plugin called <strong>BU Navigation<\/strong>. The BU Navigation plugin creates an <strong>Edit Order<\/strong> tab which allows the user to view and edit the navigational structure of  their site. Improving upon the standard WordPress interface, users are now able to  visually move pages to their desired position, gain insight into the  permission status, size and structure of each section and even add and  edit links. <\/p>\n\n\n\n<p>Information on BU Navigation can be found at <a href=\"https:\/\/developer.bu.edu\/bu-navigation\/\">https:\/\/developer.bu.edu\/bu-navigation\/<\/a><\/p>\n<div class=\"bulb-pagination\" aria-label=\"pagination\">\n\t<div class=\"bulb-pagination-label\">Page 7 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\/ordering-lesson-pages-bu\/'>&lsaquo; Previous Page<\/a><a href=https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/ordering-lesson-pages-bu\/ class=\"inactive\">6<\/a><span class=\"current\">7<\/span><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\/matching-block\/ class=\"inactive\">10<\/a><a href=\"https:\/\/developer.bu.edu\/bulb\/lessons\/bulb-users-manual\/calculated-numeric-block\/\">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":13128,"parent":5326,"menu_order":6,"template":"","bulb-courses":[3],"_links":{"self":[{"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/bulb-learning-module\/5404"}],"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\/13128"}],"version-history":[{"count":3,"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/bulb-learning-module\/5404\/revisions"}],"predecessor-version":[{"id":5878,"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/bulb-learning-module\/5404\/revisions\/5878"}],"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=5404"}],"wp:term":[{"taxonomy":"bulb-courses","embeddable":true,"href":"https:\/\/developer.bu.edu\/bulb\/wp-json\/wp\/v2\/bulb-courses?post=5404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}