{"id":1351,"date":"2022-08-01T11:02:30","date_gmt":"2022-08-01T15:02:30","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/eng\/?page_id=1351"},"modified":"2022-08-03T11:24:47","modified_gmt":"2022-08-03T15:24:47","slug":"degrees-programs","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/eng\/template-and-content-examples\/degrees-programs\/","title":{"rendered":"Degrees &#038; Programs"},"content":{"rendered":"<p>BU Programs is a plug-in that makes it easy to centrally manage degree and program information on your website.<\/p>\n<h2>Navigation<\/h2>\n<p>The Degrees &amp; Programs post type includes several navigation components to help users understand where they are within a section. The navigation and post hierarchy is managed by the BU Navigation plug-in. You can edit the order and hierarchy of posts by going to Degrees &amp; Programs &gt; Edit Order or by selecting the Placement in Navigation metabox on an individual Degree &amp; Program post.<\/p>\n<h3>Subnavigation<\/h3>\n<p>Located across the top of the page. This navigation adapts as users make selections to show the next set of subposts to the current post.<\/p>\n<h3>Section Navigation<\/h3>\n<p>Located at the bottom of the page, between the main page content and the footer. This gives the user an overview of the post and subposts within a section.<\/p>\n<h3>Areas of Study<\/h3>\n<p>Located beneath the subnavigation. This section includes links back to the landing pages for the related Departments\/Divisions or Areas of Study. These are controlled by adding the Area of Study taxonomy to the Degree post.<\/p>\n<p>To set the location for these Areas of Study links, navigate to Degrees &amp; Programs &gt; Area of Study. The existing Areas of Study will already be set up for you. To set the link for the Area of Study, choose the one you would like to edit from the list of available Areas of Study. At the bottom of the editor, there is a dropdown labeled &#8220;Landing Page&#8221;. Choose the main landing page for the selected Area of Study.<\/p>\n<p><img loading=\"lazy\" src=\"\/eng\/files\/2022\/08\/Screen-Shot-2022-08-01-at-9.53.48-AM.jpg\" alt=\"Area of Study editor showing field where you can set the landing page each area of study links to\" width=\"801\" height=\"610\" class=\"alignnone size-full wp-image-1391\" srcset=\"https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/08\/Screen-Shot-2022-08-01-at-9.53.48-AM.jpg 801w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/08\/Screen-Shot-2022-08-01-at-9.53.48-AM-300x228.jpg 300w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/08\/Screen-Shot-2022-08-01-at-9.53.48-AM-768x585.jpg 768w\" sizes=\"(max-width: 801px) 100vw, 801px\" \/><\/p>\n<hr \/>\n<h2>Enable Degree Options<\/h2>\n<p>To enable degree options for the Degrees &amp; Programs posts, navigate to Degrees &amp; Programs &gt; Enable Degree Options. Select any degree options available within the College of Engineering. This will make it easier for site editors to create or edit Degree &amp; Programs posts, as only the available options will show up within the posts editor site-wide instead of providing you with the full list of degree options. Save changes.<\/p>\n<hr \/>\n<h2>Program Page Settings<\/h2>\n<h3>Type<\/h3>\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Degree<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>The Degree type should be used to create posts detailing information about specific degrees within the College of Engineering. <strong>ENG will be creating the majority of their BU Programs posts using this type.<\/strong> Posts using the Degree type will have the following additional options in the editor, all of which are optional:<\/p>\n<ul>\n<li><strong>Degree Details Title<\/strong>: The title you want to appear at the top of the page. This might not necessarily be the name of the degree or the main title of the page if you are using BU Banners.<\/li>\n<li><strong>Degree Details<\/strong>: This will be a short top-level description to introduce users to the degree and will appear under the Degree Details Title.<\/li>\n<li><strong>Minimum Credits<\/strong>: Minimum number of credits.<\/li>\n<li><strong>Minimum Semesters<\/strong>: Minimum number of semesters.<\/li>\n<li><strong>Minimum Courses<\/strong>: Minimum number of courses.<\/li>\n<li><strong>Academic Bulletin Link<\/strong>: Enter a link to know more details about this degree on the bu.edu\/academics site. We recommend keeping users on the ENG site for additional details instead of directing them to the Academic Bulletin in order to provide more marketing-centric content.<\/li>\n<li><strong>Degree Option<\/strong>: Select the type of degree (e.g., BS, MS, PhD, etc.). To limit the options shown in the editor to only degree types available within the College of Engineering, navigate to Degrees &amp; Programs &gt; Enable Degree Options. You can then select the degree options you want to be available in the editor site-wide and click Save Changes.<\/li>\n<li><strong>Education Level<\/strong>: Select the education level of the degree (e.g., Certificate, Doctorate, Graduate, Undergraduate).<\/li>\n<li><strong>Formats<\/strong>: Select available formats for the degree (e.g., Hybrid, In-Person, Online).<\/li>\n<li><strong>Availability<\/strong>: Select the availability options (e.g., Full-Time, Part-Time).<\/li>\n<li><strong>Location<\/strong>: Select locations options available (e.g., Off-Campus, On-Campus).<\/li>\n<li><strong>Area of Study<\/strong>: Select any related Areas of Study. Links back to the related Department\/Division or Area of Study landing page will be controlled by what is selected here.<\/li>\n<\/ul>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Page<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>The Page type can be used for any child pages of a degree. These pages can be used to offer additional information about the degree such as degree requirements, required courses, program planning sheets, etc.<\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Program<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>The Program type is used to detail programs and group any degrees which fall under the particular program. <strong>We are not anticipating ENG using the Program type.<\/strong> Posts using the Program type will have the following additional options in the editor, all of which are optional:<\/p>\n<ul>\n<li><strong>Degree Option<\/strong>: Select the type of degree (e.g., BS, MS, PhD, etc.). To limit the options shown in the editor to only degree types available within the College of Engineering, navigate to Degrees &amp; Programs &gt; Enable Degree Options. You can then select the degree options you want to be available in the editor site-wide and click Save Changes.<\/li>\n<li><strong>Education Level<\/strong>: Select the education level of the degree (e.g., Certificate, Doctorate, Graduate, Undergraduate).<\/li>\n<li><strong>Formats<\/strong>: Select available formats for the degree (e.g., Hybrid, In-Person, Online).<\/li>\n<li><strong>Availability<\/strong>: Select the availability options (e.g., Full-Time, Part-Time).<\/li>\n<li><strong>Location<\/strong>: Select locations options available (e.g., Off-Campus, On-Campus).<\/li>\n<li><strong>Area of Study<\/strong>: Select any related Areas of Study. Links back to the related Department\/Division or Area of Study landing page will be controlled by what is selected here.<\/li>\n<\/ul>\n<p><\/div>\n<\/div>\n\n<h3>Program Call to Action<\/h3>\n<p>BU Programs gives you the option to include a call-to-action button in the top navigation bar. A good example of how this link can be used is to include an &#8220;Apply Now&#8221; link to drive users to apply to the program.<\/p>\n<h3>Setting a Featured Image or Excerpt<\/h3>\n<p>To the right of the main editor, there are sections for Featured Image and Excerpt. The Featured Image chosen will be used as the thumbnail image for the degree program on the Explore Degree Programs page and anywhere we include a list of related degrees. The Excerpt field is optional and can be used to create a manual excerpt for the post if you want to override what is generated automatically.<\/p>\n<hr \/>\n<h2>Block Editor<\/h2>\n<p><span>The content area for Degrees &amp; Programs posts uses the new\u00a0<\/span><a href=\"https:\/\/wordpress.org\/support\/article\/wordpress-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">block editor from WordPress<\/a><span>. Some examples of commonly used block are:<\/span><\/p>\n<h3>Media &amp; Text<\/h3>\n<p><img loading=\"lazy\" src=\"\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.46.55-PM.png\" alt=\"Example of Media &amp; Text block\" width=\"1799\" height=\"685\" class=\"alignnone size-full wp-image-1387\" srcset=\"https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.46.55-PM.png 1799w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.46.55-PM-300x114.png 300w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.46.55-PM-1024x390.png 1024w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.46.55-PM-768x292.png 768w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.46.55-PM-1536x585.png 1536w\" sizes=\"(max-width: 1799px) 100vw, 1799px\" \/><\/p>\n<p>Used to display an image next to a short amount of text. This is a great way to add some visual interest to the page and help break up content and make it more readable for users. You have the option to choose whether you want the image to the right or left of the text. You have a number of options of content blocks that you can add to the content section of this block, including a heading, paragraph, button, etc. It is recommended that both the &#8220;Stack on mobile&#8221; and &#8220;Crop image to fit entire column&#8221; options are selected for best results.<\/p>\n<h3>Cover<\/h3>\n<p><img loading=\"lazy\" src=\"\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.47.07-PM.png\" alt=\"Example of a cover block\" width=\"1806\" height=\"834\" class=\"alignnone size-full wp-image-1388\" srcset=\"https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.47.07-PM.png 1806w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.47.07-PM-300x139.png 300w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.47.07-PM-1024x473.png 1024w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.47.07-PM-768x355.png 768w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-4.47.07-PM-1536x709.png 1536w\" sizes=\"(max-width: 1806px) 100vw, 1806px\" \/><\/p>\n<p>Used to display a large image with text overlaid. Another great way to break up content on a page and add visual interest. You can add a number of different content blocks on top of the image including a heading, paragraph, button, etc.<\/p>\n<h3>Shortcode<\/h3>\n<p>Used to include shortcodes within the block editor. An example of a great way to utilize this block on Degree pages is to use <a href=\"https:\/\/wpdocs.bu.edu\/eng\/template-and-content-examples\/profiles\/#shortcode-examples\">profile shortcodes<\/a> to show related faculty or staff profiles. You can also use this block to pull in <a href=\"https:\/\/www.bu.edu\/tech\/services\/cccs\/websites\/www\/wordpress\/how-to\/embed-course-feeds\/\">Course Feeds<\/a> that display courses required for a particular degree.<\/p>\n<h3>Form<\/h3>\n<p>Used to display a form on the page. Select the desired form from the dropdown in the block editor.<\/p>\n<h3>Call to Action<\/h3>\n<p><img loading=\"lazy\" src=\"\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-3.07.52-PM-scaled.jpg\" alt=\"Call to action block at the bottom of a BU Programs post\" width=\"2560\" height=\"1353\" class=\"alignnone size-full wp-image-1383\" srcset=\"https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-3.07.52-PM-scaled.jpg 2560w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-3.07.52-PM-300x159.jpg 300w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-3.07.52-PM-1024x541.jpg 1024w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-3.07.52-PM-768x406.jpg 768w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-3.07.52-PM-1536x812.jpg 1536w, https:\/\/wpdocs.bu.edu\/eng\/files\/2022\/07\/Screen-Shot-2022-07-18-at-3.07.52-PM-2048x1083.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>To recreate the call-to-action style block at the bottom of a BU Programs past:<\/p>\n<ol>\n<li>Add a group block. In the block settings, under the Advanced tab, add &#8220;call-to-action&#8221; to the &#8220;Additional CSS class(es)&#8221; field. Under color settings, select orange as the Background Color. You do not need to make a selection for Text Color.<\/li>\n<li>Add the columns block within that group block. The preferred layout for this block is the 2-column equal split layout.<\/li>\n<li>You can then add a number of content blocks to each column including a heading, paragraph, button, etc.<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul><\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>BU Programs is a plug-in that makes it easy to centrally manage degree and program information on your website. Navigation The Degrees &amp; Programs post type includes several navigation components to help users understand where they are within a section. The navigation and post hierarchy is managed by the BU Navigation plug-in. You can edit [&hellip;]<\/p>\n","protected":false},"author":16543,"featured_media":0,"parent":178,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/pages\/1351"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/users\/16543"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/comments?post=1351"}],"version-history":[{"count":27,"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/pages\/1351\/revisions"}],"predecessor-version":[{"id":1404,"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/pages\/1351\/revisions\/1404"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/pages\/178"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/media?parent=1351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}