{"id":2010,"date":"2024-11-12T18:27:43","date_gmt":"2024-11-12T18:27:43","guid":{"rendered":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/?p=2010"},"modified":"2026-01-29T17:26:30","modified_gmt":"2026-01-29T17:26:30","slug":"designing-a-basic-content-page-using-the-designplus-sidebar","status":"publish","type":"post","link":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/designing-a-basic-content-page-using-the-designplus-sidebar\/","title":{"rendered":"Designing a Basic Content Page Using the DesignPLUS Sidebar"},"content":{"rendered":"\n<p>You can create a content page in Canvas from scratch using the DesignPLUS sidebar. In this Guide, we will design a basic themed content page that includes a banner and a content block to keep your page organized. An example of a basic page created with DesignPLUS might look something like this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"967\" height=\"419\" src=\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_SimplePage.png\" alt=\"A screenshot of a Canvas LMS content page designed using DesignPLUS tools. At the top, a styled banner features a dark purple pill-shaped element containing the white text &quot;SE Automotive Design (PCS-115-A)&quot;, situated directly above the main page title &quot;Hybrid Vehicles&quot;. Below this banner, a content block is introduced by a header containing a dark purple circular icon with a white car symbol inside, alongside the heading text &quot;Overview&quot;. A thick dark purple horizontal line underlines this header section. The main body of the page below consists of a paragraph of &quot;Lorem ipsum&quot; placeholder text.\" class=\"wp-image-2030\" srcset=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_SimplePage.png 967w, https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_SimplePage-300x130.png 300w, https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_SimplePage-768x333.png 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#add-theme-with-banner-title\" data-type=\"internal\" data-id=\"#add-banner-title\">Add a Theme with a Banner Title<\/a><\/li>\n\n\n\n<li><a href=\"#add-content-block\" data-type=\"internal\" data-id=\"#add-content-block\">Add a Content Block<\/a><\/li>\n\n\n\n<li><a href=\"#additional-resources\" data-type=\"internal\" data-id=\"#additional-resources\">Additional Resources<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-theme-with-banner-title\">Add a Theme with a Banner Title<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a brand new page in your Canvas course.\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/community.instructure.com\/en\/kb\/articles\/660947-how-do-i-create-a-new-page-in-a-course\" data-type=\"link\" data-id=\"https:\/\/community.canvaslms.com\/t5\/Instructor-Guide\/How-do-I-create-a-new-page-in-a-course\/ta-p\/1031\" target=\"_blank\" rel=\"noreferrer noopener\">How do I create a new page in a course?<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>While editing the page, click on the \ud83d\ude80 rocket ship icon at the top right-hand corner of the screen to open the DesignPLUS sidebar.\n<ul class=\"wp-block-list\">\n<li>Alternatively, use the keyboard shortcut <strong>Alt\/Option<\/strong> + <strong>Shift<\/strong> + <strong>D<\/strong>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>On the top blue toolbar of the DesignPLUS sidebar, click on the \u2795 <strong>Add New Elements<\/strong> tab.<\/li>\n\n\n\n<li>Under the heading <strong>Getting Started<\/strong>, click on the <strong>Theme<\/strong> button. This will add a banner in the Rich Content Editor (RCE) that you can apply a theme to.\n<ul class=\"wp-block-list\">\n<li>The <strong>Theme<\/strong> button may also show up under the heading <strong>Recently Used Tools<\/strong> if you have recently used this tool to build content. If this is your first time using the DesignPLUS sidebar, the <strong>Recently Used Tools<\/strong> heading most likely will not display on your screen until you have used one or more tools from the sidebar.<\/li>\n\n\n\n<li>You can also use the <strong>Search<\/strong> text box to type in the word <strong>Theme<\/strong>. This will allow you to quickly find the button in the DesignPLUS sidebar.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"402\" height=\"887\" src=\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2025\/10\/DesignPLUS_Theme2.png\" alt=\"Screenshot of the DesignPLUS sidebar interface. The &quot;Add New Elements&quot; tab, indicated by a plus sign icon and marked with a yellow circle labeled &quot;3&quot;, is selected. Below the search bar, tools are organized into categories. The &quot;Theme&quot; button, marked with a yellow circle labeled &quot;4&quot;, is present in both the &quot;Recently Used Tools&quot; and &quot;Getting Started&quot; sections. Other visible categories include &quot;Featured Tools&quot; showing &quot;Columns&quot;, and &quot;Favorite Tools&quot; with options like &quot;Action Item: Instructions&quot;, &quot;Callout&quot;, &quot;Content Block&quot;, and &quot;Embed&quot;.\" class=\"wp-image-4225\" srcset=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2025\/10\/DesignPLUS_Theme2.png 402w, https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2025\/10\/DesignPLUS_Theme2-136x300.png 136w\" sizes=\"auto, (max-width: 402px) 85vw, 402px\" \/><\/figure>\n<\/div>\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Below the <strong>Content<\/strong> panel, click on the <strong>Style<\/strong> panel to open it.<\/li>\n\n\n\n<li>Expand any of the categories available to you by clicking on the \u2795 icon to expand the panel. Hover over any style to get a preview of what it would look like on your page. When you find one that you like, click on it to apply the style to your banner. If you don&#8217;t like the way that style looks on the page, select another one.\n<ul class=\"wp-block-list\">\n<li><strong>2024 Themes<\/strong> and <strong>2025 Themes<\/strong> contain themes designed by fellow DesignPLUS users from around the world.<\/li>\n\n\n\n<li><strong>CCS [Color] Themes<\/strong> contain themes designed by members of the CCS ET+I team, organized by dominant color within the theme.<\/li>\n\n\n\n<li><strong>Legacy Themes<\/strong> contain themes designed by Cidi Labs when their Design Tools (now DesignPLUS) product was first developed.<\/li>\n\n\n\n<li><strong>My Custom Themes<\/strong> contain themes that you have developed in your own course. (This panel may or may not show in your view.)<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"451\" src=\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_BannerTitle_StylePanel.png\" alt=\"A screenshot of the DesignPLUS sidebar theme selection panel. The interface displays a vertical list of theme categories. The &quot;CCS Purple Themes&quot; category is expanded, indicated by a minus sign, and lists specific options including &quot;Purple Dawn,&quot; &quot;Purple Radiance,&quot; &quot;Regal Beam,&quot; &quot;Royal Stripes,&quot; &quot;Stormy Plum,&quot; &quot;Violet Honey Dream,&quot; and &quot;Violet Mirage.&quot; Surrounding this expanded section are collapsed categories marked with plus signs, such as &quot;2024 Themes,&quot; &quot;2025 Themes,&quot; &quot;CCS Gray Themes,&quot; &quot;CCS Yellow Themes,&quot; &quot;Legacy Themes,&quot; and &quot;My Custom Themes.&quot;\" class=\"wp-image-2019\" srcset=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_BannerTitle_StylePanel.png 375w, https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_BannerTitle_StylePanel-249x300.png 249w\" sizes=\"auto, (max-width: 375px) 85vw, 375px\" \/><figcaption class=\"wp-element-caption\"><strong>NOTE:<\/strong> The styles you see in this screenshot may not be the same as what are available to you in your Canvas course(s).<\/figcaption><\/figure>\n<\/div>\n\n\n<ol start=\"7\" class=\"wp-block-list\">\n<li>Once you have chosen a style for your Theme, the banner for that theme appears in the RCE. For the banner, it is recommended that you edit the text directly in the DesignPLUS sidebar. In the <strong>Content<\/strong> panel that appears in the DesignPLUS sidebar, fill in the information about your page. Any information you add to these text fields will automatically populate on your page within the RCE. For example:\n<ul class=\"wp-block-list\">\n<li><strong>Prefix 1<\/strong>: Your course name<\/li>\n\n\n\n<li><strong>Prefix 2<\/strong>: Your course number<\/li>\n\n\n\n<li><strong>Title<\/strong>: The title of your page<\/li>\n\n\n\n<li><strong>Subtitle<\/strong> and <strong>Description<\/strong>: Both of these are optional<\/li>\n\n\n\n<li>The <strong>Show Canvas Title<\/strong> checkbox would display the native page title at the top of your page when you save it. If you include the title of your page in the <strong>Title<\/strong> field shown below, it is not necessary to check this box.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"404\" height=\"351\" src=\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_BannerTitle_ContentPanel.png\" alt=\"A screenshot of the &quot;Content&quot; editing panel for the Banner Title tool within the DesignPLUS sidebar interface. A row of heading level buttons indicates that &quot;H2&quot; is currently selected. Below this are several text input fields with associated labels and clear icons: &quot;Prefix 1&quot; populated with &quot;Name&quot;, &quot;Prefix 2&quot; populated with &quot;##&quot;, &quot;Title&quot; populated with &quot;Title&quot;, an empty &quot;Subtitle&quot; field, and an empty multi-line &quot;Description&quot; text area. At the bottom, an unchecked checkbox is labeled &quot;Show Canvas Title (Applies when viewing saved content)&quot;.\" class=\"wp-image-2017\" srcset=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_BannerTitle_ContentPanel.png 404w, https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_BannerTitle_ContentPanel-300x261.png 300w\" sizes=\"auto, (max-width: 404px) 85vw, 404px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"add-content-block\">Add a Content Block<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the Rich Content Editor (RCE), place your cursor underneath the banner you&#8217;ve created.<\/li>\n\n\n\n<li>On the top blue toolbar of the DesignPLUS sidebar, click on the \u2795 <strong>Add New Elements<\/strong> icon.<\/li>\n\n\n\n<li>Under the heading <strong>Getting Started<\/strong>, click on the <strong>Content Block<\/strong> button. This will add a content block element to your new page.\n<ul class=\"wp-block-list\">\n<li>The <strong>Content Block<\/strong> button may also show up under the heading <strong>Recently Used Tools<\/strong> if you have recently used this tool to build content. If this is your first time using the DesignPLUS sidebar, the <strong>Recently Used Tools<\/strong> heading most likely will not display on your screen until you have used one or more tools from the sidebar.<\/li>\n\n\n\n<li>You can also use the <strong>Search<\/strong> text box to type in the words <strong>Content Block<\/strong>. This will allow you to quickly find the button in the DesignPLUS sidebar.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"401\" height=\"890\" src=\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_ContentBlock.png\" alt=\"A screenshot of the DesignPLUS sidebar interface within the Canvas LMS. The &quot;Add New Elements&quot; tab, represented by a plus sign icon, is selected and marked with a yellow circle labeled &quot;2&quot;. Below the tab row, a purple arrow points to the &quot;Search&quot; text box, which allows for quick searching of tools. The &quot;Content Block&quot; button is located in three separate categories: under &quot;Recently Used Tools&quot;, where it is marked with a yellow circle labeled &quot;3&quot;; under &quot;Favorite Tools&quot;; and under &quot;Getting Started&quot;, where it is also marked with a yellow circle labeled &quot;3&quot;.\" class=\"wp-image-2023\" srcset=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_ContentBlock.png 401w, https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_ContentBlock-135x300.png 135w\" sizes=\"auto, (max-width: 401px) 85vw, 401px\" \/><\/figure>\n<\/div>\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Once you have added a Content Block to your page, it is recommended that you edit the heading for that Content Block directly in the DesignPLUS sidebar. In the <strong>Content<\/strong> panel that appears in the DesignPLUS sidebar, fill in the <strong>Block Heading<\/strong> textbox. Any information you add to this text field will automatically populate on your page within the RCE. For example, your heading might be the word &#8220;Overview&#8221; where you will provide an overview of the page you are designing. Or, your heading might be the words &#8220;Helpful Websites&#8221; where you will list several websites about a topic for your students to access. The possibilities are endless.<\/li>\n\n\n\n<li>Click on the <strong>Icon Picker<\/strong> button to select an icon you&#8217;d like to use with your Content Block.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"388\" height=\"252\" src=\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_Content_ContentPanel.png\" alt=\"A screenshot of the &quot;Content&quot; configuration panel in DesignPLUS. It shows an input field labeled &quot;Block Heading&quot; with &quot;Content Block Heading&quot; as the current text. Below this, heading level buttons H2 through H6 are visible, with H3 selected. An &quot;Icon Picker&quot; button is also present. At the top of the panel are buttons for arranging content blocks.\" class=\"wp-image-2025\" srcset=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_Content_ContentPanel.png 388w, https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_Content_ContentPanel-300x195.png 300w\" sizes=\"auto, (max-width: 388px) 85vw, 388px\" \/><\/figure>\n<\/div>\n\n\n<p>At this point, your Content Block still looks pretty plain, so let&#8217;s add some style to it.<\/p>\n\n\n\n<ol start=\"6\" class=\"wp-block-list\">\n<li>In the RCE, place your cursor within the Content Block.<\/li>\n\n\n\n<li>On the top blue toolbar of the DesignPLUS sidebar, click on the \ud83c\udfaf <strong>Edit Current Element<\/strong> tab.<\/li>\n\n\n\n<li>Click on the <strong>Text<\/strong> button below the \ud83c\udfaf <strong>Edit Current Element<\/strong> tab.<\/li>\n\n\n\n<li>Click on the <strong>Style<\/strong> panel to open it.<\/li>\n\n\n\n<li>Expand any of the categories available to you by clicking on the \u2795 icon to expand the panel. Hover over any style to get a preview of what it would look like on your page. When you find one that you like, click on it to apply the style to your banner. If you don&#8217;t like the way that style looks on the page, select another one.\n<ul class=\"wp-block-list\">\n<li><strong>2024 Headings<\/strong> contain themes designed by fellow DesignPLUS users from around the world.<\/li>\n\n\n\n<li><strong>CCS [Color] Styles<\/strong> contain themes designed by members of the CCS ET+I team, organized by dominant color within the theme.<\/li>\n\n\n\n<li><strong>Legacy Themes<\/strong> contain themes designed by Cidi Labs when their Design Tools (now DesignPLUS) product was first developed.<\/li>\n\n\n\n<li><strong>Miscellaneous Headings<\/strong> contain styles that don&#8217;t really fit any of the other categories. (This panel may or may not show in your view.)<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"371\" height=\"373\" src=\"http:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_Content_StylePanel.png\" alt=\"A screenshot from the DesignPLUS sidebar showing the &quot;Style&quot; panel. It displays a list of collapsible categories. The &quot;CCS Purple Styles&quot; category is expanded, revealing three style options: &quot;Luminous Polygon 1,&quot; &quot;Luminous Polygon 2,&quot; and &quot;Royal Radiance.&quot; Other categories, such as &quot;2024 Headings,&quot; &quot;CCS Gray Styles,&quot; and &quot;Legacy Styles,&quot; are collapsed.\" class=\"wp-image-2028\" srcset=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_Content_StylePanel.png 371w, https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_Content_StylePanel-298x300.png 298w, https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-content\/uploads\/sites\/53\/2024\/11\/DesignPLUS_Content_StylePanel-150x150.png 150w\" sizes=\"auto, (max-width: 371px) 85vw, 371px\" \/><figcaption class=\"wp-element-caption\"><strong>NOTE:<\/strong> The styles you see in this screenshot may not be the same as what are available to you in your Canvas course(s).<\/figcaption><\/figure>\n<\/div>\n\n\n<ol start=\"11\" class=\"wp-block-list\">\n<li>In the RCE, fill in the contents of your page with information that your students will need (text, website links, videos, documents, etc.)<\/li>\n\n\n\n<li>Be sure to <strong>Save<\/strong> your content page.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"additional-resources\">Additional Resources<\/h2>\n\n\n\n<div class=\"wp-block-advgb-adv-tabs advgb-tabs-wrapper advgb-tab-vert-desktop advgb-tab-vert-tablet advgb-tab-stack-mobile advgb-tabs-420695bb-b359-4810-928a-56395012dbce\" data-tab-active=\"0\"><ul class=\"advgb-tabs-panel\" role=\"tablist\"><li class=\"advgb-tab advgb-tab-active\" role=\"presentation\" style=\"background-color:#e9e9e9;border-style:solid;border-width:1px;border-radius:10px\"><button class=\"advgb-tab-button\" id=\"advgb-tab-_43b64a-46-0\" aria-controls=\"advgb-tab-panel-_43b64a-46-0\" role=\"tab\" aria-selected=\"true\" tabindex=\"0\" style=\"color:#242424;background:none;border:none;width:100%;text-align:inherit;cursor:pointer;padding:8px 16px;font:inherit\"><span>DesignPLUS: Create a Basic Page<\/span><\/button><\/li><li class=\"advgb-tab \" role=\"presentation\" style=\"background-color:#e9e9e9;border-style:solid;border-width:1px;border-radius:10px\"><button class=\"advgb-tab-button\" id=\"advgb-tab-_43b64a-46-1\" aria-controls=\"advgb-tab-panel-_43b64a-46-1\" role=\"tab\" aria-selected=\"false\" tabindex=\"0\" style=\"color:#242424;background:none;border:none;width:100%;text-align:inherit;cursor:pointer;padding:8px 16px;font:inherit\"><span>DesignPLUS: Themes<\/span><\/button><\/li><li class=\"advgb-tab \" role=\"presentation\" style=\"background-color:#e9e9e9;border-style:solid;border-width:1px;border-radius:10px\"><button class=\"advgb-tab-button\" id=\"advgb-tab-_43b64a-46-2\" aria-controls=\"advgb-tab-panel-_43b64a-46-2\" role=\"tab\" aria-selected=\"false\" tabindex=\"0\" style=\"color:#242424;background:none;border:none;width:100%;text-align:inherit;cursor:pointer;padding:8px 16px;font:inherit\"><span>DesignPLUS: Content Blocks<\/span><\/button><\/li><li class=\"advgb-tab \" role=\"presentation\" style=\"background-color:#e9e9e9;border-style:solid;border-width:1px;border-radius:10px\"><button class=\"advgb-tab-button\" id=\"advgb-tab-_43b64a-46-3\" aria-controls=\"advgb-tab-panel-_43b64a-46-3\" role=\"tab\" aria-selected=\"false\" tabindex=\"0\" style=\"color:#242424;background:none;border:none;width:100%;text-align:inherit;cursor:pointer;padding:8px 16px;font:inherit\"><span>Create a New Page in a Course<\/span><\/button><\/li><\/ul><div class=\"advgb-tab-body-wrapper\" style=\"border-style:solid;border-width:1px;border-radius:10px\">\n<div class=\"wp-block-advgb-tab advgb-tab-body-container\"><div class=\"advgb-tab-body-header advgb-tab-class- \" id=\"advgb-tab-panel-_43b64a-46-0\" role=\"tabpanel\" aria-labelledby=\"advgb-tab-_43b64a-46-0\" tabindex=\"0\"><span>DesignPLUS: Create a Basic Page<\/span><\/div><div class=\"advgb-tab-_43b64a-46 advgb-tab-body\" aria-labelledby=\"advgb-tab-panel-_43b64a-46-0\" style=\"display:none\">\n<p>This video tutorial from Cidi Labs guides you through another way to create a basic page in your Canvas course using the DesignPLUS sidebar.<\/p>\n\n\n\n<p style=\"text-align: center;\"><iframe loading=\"lazy\" class=\"vidyard_iframe\" title=\"DesignPLUS Sidebar: Creating a Basic Page\" src=\"\/\/play.vidyard.com\/K9cMxGQWMB7ULyGqyqeRiR.html?\" width=\"640\" height=\"360\" scrolling=\"no\" frameborder=\"0\" allowtransparency=\"true\" allowfullscreen><\/iframe>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-advgb-tab advgb-tab-body-container\"><div class=\"advgb-tab-body-header advgb-tab-class- \" id=\"advgb-tab-panel-_43b64a-46-1\" role=\"tabpanel\" aria-labelledby=\"advgb-tab-_43b64a-46-1\" tabindex=\"0\"><span>DesignPLUS: Themes<\/span><\/div><div class=\"advgb-tab-_43b64a-46 advgb-tab-body\" aria-labelledby=\"advgb-tab-panel-_43b64a-46-1\" style=\"display:none\">\n<p><a href=\"https:\/\/cidilabs.instructure.com\/courses\/6630\/pages\/themes\" target=\"_blank\" rel=\"noreferrer noopener\">Themes: [New] DesignPLUS User Guide<\/a><\/p>\n\n\n\n<p style=\"text-align: center;\">\n<iframe class=\"vidyard_iframe\" title=\"DesignPLUS: Themes (8.5 min)\" src=\"\/\/play.vidyard.com\/EShHKmEmFb4DtJfsLMyZcE.html?\" width=640 height=360 scrolling=\"no\" frameborder=\"0\" allowtransparency=\"true\" allowfullscreen referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-advgb-tab advgb-tab-body-container\"><div class=\"advgb-tab-body-header advgb-tab-class- \" id=\"advgb-tab-panel-_43b64a-46-2\" role=\"tabpanel\" aria-labelledby=\"advgb-tab-_43b64a-46-2\" tabindex=\"0\"><span>DesignPLUS: Content Blocks<\/span><\/div><div class=\"advgb-tab-_43b64a-46 advgb-tab-body\" aria-labelledby=\"advgb-tab-panel-_43b64a-46-2\" style=\"display:none\">\n<p><a href=\"https:\/\/cidilabs.instructure.com\/courses\/6630\/pages\/content-blocks\" target=\"_blank\" rel=\"noreferrer noopener\">Content Blocks: [New] DesignPLUS User Guide<\/a><\/p>\n\n\n\n<p style=\"text-align: center;\">\r\n<iframe class=\"vidyard_iframe\" title=\"DesignPLUS: Content Blocks (14.5 min)\" src=\"\/\/play.vidyard.com\/q44YsuYWdG3Lw5yCjPZL7E.html?\" width=640 height=360 scrolling=\"no\" frameborder=\"0\" allowtransparency=\"true\" allowfullscreen referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-advgb-tab advgb-tab-body-container\"><div class=\"advgb-tab-body-header advgb-tab-class- header-active\" id=\"advgb-tab-panel-_43b64a-46-3\" role=\"tabpanel\" aria-labelledby=\"advgb-tab-_43b64a-46-3\" tabindex=\"0\"><span>Create a New Page in a Course<\/span><\/div><div class=\"advgb-tab-_43b64a-46 advgb-tab-body\" aria-labelledby=\"advgb-tab-panel-_43b64a-46-3\" style=\"display:block\">\n<p><a href=\"https:\/\/community.instructure.com\/en\/kb\/articles\/660947-how-do-i-create-a-new-page-in-a-course\" target=\"_blank\" rel=\"noreferrer noopener\">How do I create a new page in a course?<\/a><\/p>\n\n\n\n<p style=\"text-align: center;\">\n  <div style=\"position:relative;width:100%;max-width:900px;margin:8px 0;padding-top:56.25%;overflow:hidden;\"><iframe src=\"https:\/\/embed.app.guidde.com\/playbooks\/mHBAaiRWjcgdQofzkU7nXs\" title=\"How do I create a new page in a course?\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" sandbox=\"allow-same-origin allow-scripts allow-forms\" loading=\"lazy\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:#000;\"><\/iframe><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/6630\/pages\/banner-titles\" data-type=\"link\" data-id=\"https:\/\/cidilabs.instructure.com\/courses\/6630\/pages\/banner-titles\" target=\"_blank\" rel=\"noreferrer noopener\">Banner Titles: [New] DesignPLUS User Guide<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/cidilabs.instructure.com\/courses\/6630\/pages\/text\" data-type=\"link\" data-id=\"https:\/\/cidilabs.instructure.com\/courses\/6630\/pages\/text\" target=\"_blank\" rel=\"noreferrer noopener\">Text: [New] DesignPLUS UserGuide<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n<style class=\"advgb-styles-renderer\">.advgb-tabs-420695bb-b359-4810-928a-56395012dbce ul.advgb-tabs-panel li.advgb-tab.advgb-tab-active {background-color:#251c5c !important;color:#fff !important;}#advgb-tabs-420695bb-b359-4810-928a-56395012dbce .advgb-tab-body-header.header-active, .advgb-tabs-420695bb-b359-4810-928a-56395012dbce .advgb-tab-body-header.header-active{background-color:#251c5c !important;color:#fff !important;}<\/style>","protected":false},"excerpt":{"rendered":"<p>You can create a content page in Canvas from scratch using the DesignPLUS sidebar. In this Guide, we will design a basic themed content page that includes a banner and a content block to keep your page organized. An example of a basic page created with DesignPLUS might look something like this: Add a Theme &hellip; <a href=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/designing-a-basic-content-page-using-the-designplus-sidebar\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Designing a Basic Content Page Using the DesignPLUS Sidebar&#8221;<\/span><\/a><\/p>\n","protected":false},"author":4255,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[4,244],"tags":[303,305,24,302,121,298,304],"class_list":["post-2010","post","type-post","status-publish","format-standard","hentry","category-canvas","category-cidi-labs","tag-banner","tag-block","tag-content","tag-design","tag-designplus","tag-page","tag-title"],"author_meta":{"display_name":"Chris Hofer","author_link":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/author\/chofer\/"},"featured_img":null,"coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/category\/canvas\/\" class=\"advgb-post-tax-term\">Canvas<\/a>","<a href=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/category\/cidi-labs\/\" class=\"advgb-post-tax-term\">Cidi Labs<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Canvas<\/span>","<span class=\"advgb-post-tax-term\">Cidi Labs<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/category\/cidi-labs\/\" class=\"advgb-post-tax-term\">Banner<\/a>","<a href=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/category\/cidi-labs\/\" class=\"advgb-post-tax-term\">Block<\/a>","<a href=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/category\/cidi-labs\/\" class=\"advgb-post-tax-term\">Content<\/a>","<a href=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/category\/cidi-labs\/\" class=\"advgb-post-tax-term\">Design<\/a>","<a href=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/category\/cidi-labs\/\" class=\"advgb-post-tax-term\">DesignPLUS<\/a>","<a href=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/category\/cidi-labs\/\" class=\"advgb-post-tax-term\">Page<\/a>","<a href=\"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/category\/cidi-labs\/\" class=\"advgb-post-tax-term\">Title<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Banner<\/span>","<span class=\"advgb-post-tax-term\">Block<\/span>","<span class=\"advgb-post-tax-term\">Content<\/span>","<span class=\"advgb-post-tax-term\">Design<\/span>","<span class=\"advgb-post-tax-term\">DesignPLUS<\/span>","<span class=\"advgb-post-tax-term\">Page<\/span>","<span class=\"advgb-post-tax-term\">Title<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 1 year ago","modified":"Updated 3 months ago"},"absolute_dates":{"created":"Posted on November 12, 2024","modified":"Updated on January 29, 2026"},"absolute_dates_time":{"created":"Posted on November 12, 2024 6:27 pm","modified":"Updated on January 29, 2026 5:26 pm"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/2010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/users\/4255"}],"replies":[{"embeddable":true,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/comments?post=2010"}],"version-history":[{"count":64,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/2010\/revisions"}],"predecessor-version":[{"id":6079,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/2010\/revisions\/6079"}],"wp:attachment":[{"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/media?parent=2010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/categories?post=2010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/campus.collegeforcreativestudies.edu\/ed-tech\/wp-json\/wp\/v2\/tags?post=2010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}