{"id":11803,"date":"2021-02-16T14:33:03","date_gmt":"2021-02-16T22:33:03","guid":{"rendered":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/?page_id=11803"},"modified":"2021-10-04T22:33:02","modified_gmt":"2021-10-05T05:33:02","slug":"cidi-labs-design-an-existing-canvas-syllabus-using","status":"publish","type":"page","link":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/cidi-labs-design-an-existing-canvas-syllabus-using\/","title":{"rendered":"Cidi Labs: Design\/convert an existing Canvas syllabus using Content blocks"},"content":{"rendered":"\n<p>If you currently provide your syllabus content in the Canvas syllabus page, you can use Cidi Labs to update the look and functionality of your syllabus. You do this by moving your content inside the Cidi Labs Design Tools wrapper. There are 2 ways to do this. One way takes less time but the functionality of the design tools will be more limited. The second way requires more effort bringing the content into the Design Tools wrapper, but will provide you more flexibility and control over the design tools.<\/p>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\" \/>\n\n\n\n<div class=\"wp-block-mayflower-blocks-alert alert alert-warning\">\n<p>I<strong>mportant Tip:<\/strong> Remember that the content in any two or more versions of your syllabus should match.<\/p>\n<\/div>\n\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<div class=\"wp-block-mayflower-blocks-collapsibles accordion\" id=\"accordion_c3bc3a5f-d948-4fc3-964b-13e8670aad40\">\n<div class=\"card bg-default\"><div class=\"card-header\" id=\"heading_7df9ee7a-f6b6-47f8-ab14-9bdd7557f1fa\"><h3 class=\"mb-0\"><button class=\"btn collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse_7df9ee7a-f6b6-47f8-ab14-9bdd7557f1fa\" aria-expanded=\"false\" aria-controls=\"collapse_7df9ee7a-f6b6-47f8-ab14-9bdd7557f1fa\">Step 1: Add the current syllabus content to Cidi Labs: Quick method<\/button><\/h3><\/div><div id=\"collapse_7df9ee7a-f6b6-47f8-ab14-9bdd7557f1fa\" class=\"collapse\" aria-labelledby=\"heading_7df9ee7a-f6b6-47f8-ab14-9bdd7557f1fa\" data-parent=\"#accordion_c3bc3a5f-d948-4fc3-964b-13e8670aad40\"><div class=\"card-body\">\n<ol class=\"wp-block-list\"><li>From the syllabus screen, click on edit to open the rich content editor.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM-1024x261.png\" alt=\"edit button on the syllabus screen in Canvas\" class=\"wp-image-11724 img-fluid \" width=\"473\" height=\"120\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM-1024x261.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM-300x77.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM-768x196.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM-1536x392.png 1536w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM.png 1960w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<p>2. Launch the Design Tools interface by clicking on the rocket icon in the upper right-hand corner of the screen, or by using the short-cut keys Option-Shift-D on a Mac or Alt-Shift-D on a PC.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-1024x198.png\" alt=\"design tools launch icon\" class=\"wp-image-11727 img-fluid \" width=\"556\" height=\"107\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-1024x198.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-300x58.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-768x148.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-1536x297.png 1536w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-2048x395.png 2048w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/><\/figure>\n\n\n\n<p>3. Highlight all the content in your syllabus, then click on &#8220;Add\/edit content blocks&#8221; and then &#8220;selection to block.&#8221; This will move your current syllabus content inside the Design Tools wrapper.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-9.58.44-AM-1-1024x924.png\" alt=\"selection to block option in the add\/edit content blocks option\" class=\"wp-image-11806 img-fluid \" width=\"433\" height=\"390\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-9.58.44-AM-1-1024x924.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-9.58.44-AM-1-300x271.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-9.58.44-AM-1-768x693.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-9.58.44-AM-1.png 1248w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><\/figure>\n\n\n\n<p>4. Click on &#8220;choose a theme&#8221; in the Design Tools menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.03.00-PM.png\" alt=\"Choose a theme option in the Create\/Edit syllabus content menu\" class=\"wp-image-11535 img-fluid \" width=\"279\" height=\"211\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.03.00-PM.png 674w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.03.00-PM-300x227.png 300w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><\/figure>\n\n\n\n<p>5. Scroll over the theme options to see a pop-up representation of the themes. Then choose your theme.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-12.06.16-PM-1024x472.png\" alt=\"Design Tools pop-up shows a rendering of what the home page with this theme would look like.\" class=\"wp-image-11492 img-fluid \" width=\"552\" height=\"254\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-12.06.16-PM-1024x472.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-12.06.16-PM-300x138.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-12.06.16-PM-768x354.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-12.06.16-PM-1536x707.png 1536w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-12.06.16-PM-2048x943.png 2048w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/figure>\n\n\n\n<p>6. Save you syllabus page by clicking &#8220;update syllabus.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.43.41-PM-1024x683.png\" alt=\"Update the syllabus button at the bottom of the syllabus page in edit mode.\" class=\"wp-image-11527 img-fluid \" width=\"415\" height=\"277\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.43.41-PM-1024x683.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.43.41-PM-300x200.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.43.41-PM-768x512.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.43.41-PM.png 1362w\" sizes=\"auto, (max-width: 415px) 100vw, 415px\" \/><\/figure>\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-mayflower-blocks-collapsibles accordion\" id=\"accordion_c7fb2db5-bd51-4e83-9418-90cb6bfe5269\">\n<div class=\"card bg-default\"><div class=\"card-header\" id=\"heading_40393758-8476-4acd-8abf-2457d4c8fbf6\"><h3 class=\"mb-0\"><button class=\"btn collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse_40393758-8476-4acd-8abf-2457d4c8fbf6\" aria-expanded=\"false\" aria-controls=\"collapse_40393758-8476-4acd-8abf-2457d4c8fbf6\">Step 1: Add the current syllabus content to Cidi Labs: Longer method<\/button><\/h3><\/div><div id=\"collapse_40393758-8476-4acd-8abf-2457d4c8fbf6\" class=\"collapse\" aria-labelledby=\"heading_40393758-8476-4acd-8abf-2457d4c8fbf6\" data-parent=\"#accordion_c7fb2db5-bd51-4e83-9418-90cb6bfe5269\"><div class=\"card-body\">\n<ol class=\"wp-block-list\"><li>From the syllabus screen, click on edit to open the rich content editor.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM-1024x261.png\" alt=\"edit button on the syllabus screen in Canvas\" class=\"wp-image-11724 img-fluid \" width=\"513\" height=\"130\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM-1024x261.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM-300x77.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM-768x196.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM-1536x392.png 1536w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.08.05-PM.png 1960w\" sizes=\"auto, (max-width: 513px) 100vw, 513px\" \/><\/figure>\n\n\n\n<p>2. Launch the Design Tools interface by clicking on the rocket icon in the upper right-hand corner of the screen, or by using the short-cut keys Option-Shift-D on a Mac or Alt-Shift-D on a PC.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-1024x198.png\" alt=\"design tools launch icon\" class=\"wp-image-11727 img-fluid \" width=\"498\" height=\"96\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-1024x198.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-300x58.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-768x148.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-1536x297.png 1536w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.25.43-PM-2048x395.png 2048w\" sizes=\"auto, (max-width: 498px) 100vw, 498px\" \/><\/figure>\n\n\n\n<p>3. Double check the heading structure in your syllabus page. Major sections of your syllabus should be styled as heading level 2 (H2). To check this, click anywhere on that line of the syllabus and look at the heading structure in the rich content toolbar. Fix your heading structure if needed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-12.47.55-PM-1024x318.png\" alt=\"heading level indicator in the rich content editor toolbar in Canvas\" class=\"wp-image-11807 img-fluid \" width=\"514\" height=\"159\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-12.47.55-PM-1024x318.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-12.47.55-PM-300x93.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-12.47.55-PM-768x239.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-12.47.55-PM.png 1518w\" sizes=\"auto, (max-width: 514px) 100vw, 514px\" \/><\/figure>\n\n\n\n<p>4. Highlight a content block in your syllabus. A content block includes the heading and the paragraph text underneath.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-12.51.20-PM-1024x373.png\" alt=\"highlighted content block in the syllabus\" class=\"wp-image-11808 img-fluid \" width=\"486\" height=\"177\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-12.51.20-PM-1024x373.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-12.51.20-PM-300x109.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-12.51.20-PM-768x280.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-12.51.20-PM.png 1412w\" sizes=\"auto, (max-width: 486px) 100vw, 486px\" \/><\/figure>\n\n\n\n<p>5. Click on &#8220;Add\/edit content blocks&#8221; to open the content block editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-2.15.17-PM.png\" alt=\"add content blocks option in the design tools menu\" class=\"wp-image-11813 img-fluid \" width=\"264\" height=\"247\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-2.15.17-PM.png 676w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-2.15.17-PM-300x280.png 300w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><\/figure>\n\n\n\n<p>6. In the content blocks pop-up window, choose &#8220;content to block.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-2.18.15-PM.png\" alt=\"selection to block option in the add content blocks menu\" class=\"wp-image-11814 img-fluid \" width=\"280\" height=\"187\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-2.18.15-PM.png 560w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-2.18.15-PM-300x200.png 300w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><\/figure>\n\n\n\n<p>7. Highlight the next header and paragraph block in your syllabus and repeat the &#8220;selection to block&#8221; process. Continue this until all the syllabus content has been moved into content blocks in Cidi Labs.<\/p>\n\n\n\n<p>8. After you have moved all the content blocks into Cidi Labs, choose the &#8220;remove empty&#8221; option in the &#8220;add blocks&#8221; pop-up. This will delete orphan content and clean up the syllabus page. Do this stop only after you are sure that all desired content has been moved to blocks inside the design tools wrapper.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-2.23.46-PM.png\" alt=\"remove empty option in the add blocks pop up window\" class=\"wp-image-11815 img-fluid \" width=\"287\" height=\"191\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-2.23.46-PM.png 564w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-16-at-2.23.46-PM-300x200.png 300w\" sizes=\"auto, (max-width: 287px) 100vw, 287px\" \/><\/figure>\n\n\n\n<p>9. Click &#8220;update syllabus&#8221; to save your changes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.19.05-PM-1024x382.png\" alt=\"update syllabus button on the syllabus editor screen\" class=\"wp-image-11726 img-fluid \" width=\"468\" height=\"174\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.19.05-PM-1024x382.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.19.05-PM-300x112.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.19.05-PM-768x286.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.19.05-PM-1536x573.png 1536w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-15-at-12.19.05-PM.png 1636w\" sizes=\"auto, (max-width: 468px) 100vw, 468px\" \/><\/figure>\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-mayflower-blocks-collapsibles accordion\" id=\"accordion_24c8a8a9-eec7-476f-a05a-81e6395320cb\">\n<div class=\"card bg-default\"><div class=\"card-header\" id=\"heading_38d4076e-e678-4f54-9d81-e3d5999aee9d\"><h3 class=\"mb-0\"><button class=\"btn collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse_38d4076e-e678-4f54-9d81-e3d5999aee9d\" aria-expanded=\"false\" aria-controls=\"collapse_38d4076e-e678-4f54-9d81-e3d5999aee9d\">Step 2: Edit and customize the syllabus content blocks (longer method only)<\/button><\/h3><\/div><div id=\"collapse_38d4076e-e678-4f54-9d81-e3d5999aee9d\" class=\"collapse\" aria-labelledby=\"heading_38d4076e-e678-4f54-9d81-e3d5999aee9d\" data-parent=\"#accordion_24c8a8a9-eec7-476f-a05a-81e6395320cb\"><div class=\"card-body\">\n<ol class=\"wp-block-list\"><li>Click on &#8220;edit&#8221; on the syllabus page to open the rich content editor.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.48.28-PM-1024x344.png\" alt=\"edit button on the syllabus screen\" class=\"wp-image-11528 img-fluid \" width=\"384\" height=\"129\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.48.28-PM-1024x344.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.48.28-PM-300x101.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.48.28-PM-768x258.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.48.28-PM.png 1454w\" sizes=\"auto, (max-width: 384px) 100vw, 384px\" \/><\/figure>\n\n\n\n<p>2. Launch the Design Tools interface by clicking on the rocket icon in the upper right-hand corner of the screen, or by using the short-cut keys Option-Shif-D on a Mac or Alt-Shift-D on a PC.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.34.07-PM-1024x198.png\" alt=\"design tools launch icon on the syllabus edit screen\" class=\"wp-image-11523 img-fluid \" width=\"469\" height=\"91\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.34.07-PM-1024x198.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.34.07-PM-300x58.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.34.07-PM-768x148.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.34.07-PM-1536x297.png 1536w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.34.07-PM-2048x395.png 2048w\" sizes=\"auto, (max-width: 469px) 100vw, 469px\" \/><\/figure>\n\n\n\n<p>3. To add, delete, or move content blocks, click on the &#8220;Add Content Blocks&#8221; option in the Design Tools editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.10.54-PM.png\" alt=\"add content blocks option in the design tools editor\" class=\"wp-image-11531 img-fluid \" width=\"318\" height=\"168\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.10.54-PM.png 674w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.10.54-PM-300x158.png 300w\" sizes=\"auto, (max-width: 318px) 100vw, 318px\" \/><\/figure>\n\n\n\n<p>4. The current content blocks in the syllabus template will be listed. You can add additional content blocks by naming a new block in the &#8220;create new content block&#8221; field and clicking on the green plus icon. You can delete existing content blocks by clicking on the red x next to any content block name.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.14.49-PM.png\" alt=\"list of blocks in the syllabus template in the design tools pop up\" class=\"wp-image-11532 img-fluid \" width=\"188\" height=\"329\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.14.49-PM.png 554w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.14.49-PM-171x300.png 171w\" sizes=\"auto, (max-width: 188px) 100vw, 188px\" \/><\/figure>\n\n\n\n<p>5. In the Add\/Rearrange Content Blocks space you can move content blocks to a different location on the syllabus by clicking on the arrows can dragging the content block to a new space.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.36.25-PM.png\" alt=\"syllabus content block list with options to reorder or delete the clocks\" class=\"wp-image-11533 img-fluid \" width=\"195\" height=\"262\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.36.25-PM.png 632w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.36.25-PM-224x300.png 224w\" sizes=\"auto, (max-width: 195px) 100vw, 195px\" \/><\/figure>\n\n\n\n<p>6. In the Add\/Rearrange Syllabus Blocks space you can add or remove icons as well by clicking into the blank space before the content block title. This opens up the searchable icon library.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.49.29-PM-1024x620.png\" alt=\"the icon library pop up window in design tools available from the content blocks window\" class=\"wp-image-11534 img-fluid \" width=\"361\" height=\"218\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.49.29-PM-1024x620.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.49.29-PM-300x182.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.49.29-PM-768x465.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-3.49.29-PM.png 1308w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/><\/figure>\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-mayflower-blocks-collapsibles accordion\" id=\"accordion_08de972c-8bc6-4ec9-b2a3-9b53afbfebbb\">\n<div class=\"card bg-default\"><div class=\"card-header\" id=\"heading_63025dc8-9e4a-4b05-b55d-11bbb9159698\"><h3 class=\"mb-0\"><button class=\"btn collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse_63025dc8-9e4a-4b05-b55d-11bbb9159698\" aria-expanded=\"false\" aria-controls=\"collapse_63025dc8-9e4a-4b05-b55d-11bbb9159698\">Step 3: Choose a theme (longer method &#8211; full functionality; quick method &#8211; limited functionality)<\/button><\/h3><\/div><div id=\"collapse_63025dc8-9e4a-4b05-b55d-11bbb9159698\" class=\"collapse\" aria-labelledby=\"heading_63025dc8-9e4a-4b05-b55d-11bbb9159698\" data-parent=\"#accordion_08de972c-8bc6-4ec9-b2a3-9b53afbfebbb\"><div class=\"card-body\">\n<ol class=\"wp-block-list\"><li>Click on &#8220;Choose a Theme&#8221; in the &#8220;Create\/Edit Syllabus Content&#8221; drop-down menu.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.03.00-PM.png\" alt=\"Choose a theme option in the Create\/Edit syllabus content menu\" class=\"wp-image-11535 img-fluid \" width=\"282\" height=\"213\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.03.00-PM.png 674w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.03.00-PM-300x227.png 300w\" sizes=\"auto, (max-width: 282px) 100vw, 282px\" \/><\/figure>\n\n\n\n<p>2. Hover over the different themes to see a pop-up view of that theme. Choose a theme.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.08.51-PM-1024x544.png\" alt=\"syllabus theme pop-up shows the theme style\" class=\"wp-image-11536 img-fluid \" width=\"463\" height=\"245\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.08.51-PM-1024x544.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.08.51-PM-300x160.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.08.51-PM-768x408.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.08.51-PM-1536x817.png 1536w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.08.51-PM.png 1926w\" sizes=\"auto, (max-width: 463px) 100vw, 463px\" \/><\/figure>\n\n\n\n<p>3. Choose &#8220;Update Banner Text&#8221; in the &#8220;Create\/Edit Syllabus Content&#8221; drop-down menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.11.59-PM.png\" alt=\"customize banner text option in the create\/edit syllabus content menu\" class=\"wp-image-11537 img-fluid \" width=\"284\" height=\"218\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.11.59-PM.png 664w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.11.59-PM-300x230.png 300w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/figure>\n\n\n\n<p>4. Add your course name and quarter and the section number and section into the text fields available.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.15.23-PM.png\" alt=\"text fields in the banner text editor are unit name, unit number, content title, content subtitle, and description\" class=\"wp-image-11538 img-fluid \" width=\"213\" height=\"216\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.15.23-PM.png 630w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.15.23-PM-296x300.png 296w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.15.23-PM-55x55.png 55w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.15.23-PM-45x45.png 45w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.15.23-PM-100x100.png 100w\" sizes=\"auto, (max-width: 213px) 100vw, 213px\" \/><\/figure>\n\n\n\n<p>5. Click on &#8220;Choose a Banner Image in the &#8220;Create\/Edit Syllabus Content&#8221; drop-down menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-12.59.22-PM.png\" alt=\"Choose a banner image option in the Create\/Edit content menu\" class=\"wp-image-11505 img-fluid \" width=\"282\" height=\"173\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-12.59.22-PM.png 704w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-12.59.22-PM-300x183.png 300w\" sizes=\"auto, (max-width: 282px) 100vw, 282px\" \/><\/figure>\n\n\n\n<p>6. Choose the banner image that you prefer. Keep in mind that some of the banner images may work better with some themes than others.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.17.36-PM.png\" alt=\"institutional banner options\" class=\"wp-image-11539 img-fluid \" width=\"293\" height=\"308\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.17.36-PM.png 614w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-4.17.36-PM-285x300.png 285w\" sizes=\"auto, (max-width: 293px) 100vw, 293px\" \/><\/figure>\n\n\n\n<p>7. Update the syllabus page to save the new settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.43.41-PM-1024x683.png\" alt=\"Update the syllabus button at the bottom of the syllabus page in edit mode.\" class=\"wp-image-11527 img-fluid \" width=\"408\" height=\"271\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.43.41-PM-1024x683.png 1024w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.43.41-PM-300x200.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.43.41-PM-768x512.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2021\/02\/Screen-Shot-2021-02-09-at-2.43.41-PM.png 1362w\" sizes=\"auto, (max-width: 408px) 100vw, 408px\" \/><\/figure>\n<\/div><\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>If you currently provide your syllabus content in the Canvas syllabus page, you can use Cidi Labs to update the look and functionality of your syllabus. You do this by moving your content inside the Cidi Labs Design Tools wrapper. There are 2 ways to do this. One way takes less time but the functionality <a class=\"read-more\" href=\"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/cidi-labs-design-an-existing-canvas-syllabus-using\/\">...more about Cidi Labs: Design\/convert an existing Canvas syllabus using Content blocks<\/a><\/p>\n","protected":false},"author":680,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-11803","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/pages\/11803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/users\/680"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/comments?post=11803"}],"version-history":[{"count":6,"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/pages\/11803\/revisions"}],"predecessor-version":[{"id":13367,"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/pages\/11803\/revisions\/13367"}],"wp:attachment":[{"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/media?parent=11803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}