  {"id":52,"date":"2023-10-17T10:06:40","date_gmt":"2023-10-17T14:06:40","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=52"},"modified":"2024-09-18T20:31:36","modified_gmt":"2024-09-19T00:31:36","slug":"changes-cutheme","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/introduction\/changes-cutheme\/","title":{"rendered":"New in cuTheme"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        New in cuTheme\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"ccms-vs-cutheme\" class=\"wp-block-heading\">CCMS vs cuTheme<\/h2>\n\n\n\n<p>With the update to cuTheme you can expect changes to the look, feel, and functionality of your sites. Here is a look at the major differences and tips to help you transition from CCMS to cuTheme..<\/p>\n\n\n\n<h3 id=\"1-content-blocks\" class=\"wp-block-heading\">1. Content Blocks<\/h3>\n\n\n\n<p>Likely the biggest change that you will notice is content blocks. <\/p>\n\n\n\n<p>Whereas ccms had one area where you pul all of your content, cuTheme uses multiple content blocks to build a page. There are paragraph blocks, image blocks, banner blocks, listing blocks, and much more. There is basically a \u201cblock\u201d for each kind of content you want to display on your web pages.<\/p>\n\n\n\n<p>As a whole, the blocks provide a lot more flexibility. It is a change in how you think about building your pages but we think you will love the new options. We will be going into great detail about blocks and how to use them in training.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/introduction\/introduction-to-blocks\/\">Learn more about blocks<\/a><\/div>\n<\/div>\n\n\n\n<h3 id=\"2-flexible-home-pages\" class=\"wp-block-heading\">2. Flexible Home Pages<\/h3>\n\n\n\n<p>cuTheme gives you a ton more flexibility when it comes to the design of your home page. You can build your homepages using any combination of blocks &#8211; the sky is the limit!  Use page banners, headings, columns, images, and more.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/webservices\/2023\/back-to-school-ensuring-a-happy-healthy-homepage\/\">Home Page Tips<\/a><\/div>\n<\/div>\n\n\n\n<h3 id=\"3-top-menu\" class=\"wp-block-heading\">3. Top Menu <\/h3>\n\n\n\n<p>With cuTheme, we have moved to a top-of-page navigation menu.<\/p>\n\n\n\n<p>Here are some of the benefits:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Creates consistent user experience across the ÐÓ°ÉÔ­´´ domain.<\/li>\n\n\n\n<li>Allows the use of the entire width of the screen for content (more real estate)<\/li>\n\n\n\n<li>Makes for a better mobile experience (simplified, limited number of top items)<\/li>\n\n\n\n<li>Becoming industry standard across the web<\/li>\n\n\n\n<li>Simplifies our template. This streamlines development and creates more capacity to work on community-requested features (cool things for you!)<\/li>\n<\/ul>\n\n\n\n<p>We know this may be a big change and we are happy to help you work on your menu structure to fit this format. Have a look at the following for tips:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/carleton.ca\/webservices\/2023\/menu-magic-create-a-great-user-experience\/\">Menu Magic: Create a Great User Experience<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/carleton.ca\/webservices\/2022\/whats-on-the-menu-tips-for-building-effective-website-navigation\/\">What\u2019s on the Menu? Tips for Building Effective Website Navigation<\/a><\/li>\n<\/ul>\n\n\n\n<h2 id=\"video-tutorial\" class=\"wp-block-heading\">Video Tutorial<\/h2>\n\n\n\n<div class=\"cu-section cu-section-5xl not-contained  cu-prose cu-prose-dark\"><figure class=\"cu-embed cu-component not-contained mx-auto max-w-5xl\"><div class=\"relative w-full pb-[56.25%] overflow-hidden border border-cu-black-100\"><iframe title=\"Videos Embed\" src=\"https:\/\/www.youtube.com\/embed\/x3OjKNaSbbw\" class=\"cu-embed-iframe\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div><\/figure><\/div>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    \n    <dl class=\"cu-description cu-component-updated\">\n        \n    <div class=\"grid pt-4 pb-3 border-b accordion border-cu-black-100 md:pt-6 md:pb-5 first:border-t\">\n        <dt class=\"font-semibold not-prose\">\n            <button class=\"flex items-center justify-between w-full text-left accordion__button\" aria-expanded=\"false\" aria-controls=\"accordion-transcript-new-in-cutheme\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript &#8211; New in cuTheme\n                <\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" class=\"w-5 h-5 ml-auto transition-transform rotate-0 accordion__icon text-cu-black-500\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\"><\/path>\n                <\/svg>\n            <\/button>\n        <\/dt>\n        <dd class=\"p-0 mt-0 cu-prose cu-prose-first-last accordion__content md:p-0 md:mt-0\" hidden=\"\" id=\"accordion-transcript-new-in-cutheme\">\n            \n\n<p>Hello and welcome to our introductory module in cuTheme. In this video I\u2019m going to go over some of the main differences between our older themes such as CCMS and Framework, and this latest version called cuTheme.<\/p>\n\n\n\n<p>The three biggest changes that you will notice are the use of content blocks, flexible homepages, and the move to a top navigation. I\u2019ll go over each of these at a high level in this video and throughout the training we\u2019re going to go into them in great detail.<\/p>\n\n\n\n<p>First up is content blocks. This is probably the biggest change that you\u2019ll notice. In our older templates you have just one content area to work in.<\/p>\n\n\n\n<p>For example, here\u2019s a page on our CCMS website and in here you\u2019ll notice that there\u2019s just one content area. You put your headings, your paragraph text, images, and everything all in one area.<\/p>\n\n\n\n<p>Whereas cuTheme is a block-based system where you use a variety of blocks to build a page. If we look in the backend of this page in cuTheme, you\u2019ll note that each area is a different block.<\/p>\n\n\n\n<p>For example, this is an image and text block, or text and image block. Underneath we have a heading block and then here, this is called a list block. It\u2019s a big change from the way we\u2019re used to adding content in WordPress but once you get used to it we think you\u2019ll find that blocks provide you with a lot more flexibility in designing your pages.<\/p>\n\n\n\n<p>Which brings me to our next point and that\u2019s the flexibility that you now have on your homepage. In cuTheme so you can build your pages using a combination of any blocks. Whereas before in CCMS you were limited to the blocks that we designated for the homepage, in cuTheme you can basically use any type of block to build your homepage.<\/p>\n\n\n\n<p>You can use combinations of blocks \u2013 page banners, headings, columns, images and more. Really the sky the limit. But there are a few common elements and things to keep in mind.<\/p>\n\n\n\n<p>For example, you want to make sure that you have a little bit of an introductory paragraph so that both Google and your visitors know what your site is all about. We also recommend that you have some kind of call to action so your visitors know what to do on your home page.<\/p>\n\n\n\n<p>It\u2019s a good idea to sort of organize your information in a hierarchy \u2013 use headings use subheadings, images and white space to guide your reader through the content on your homepage. And in the same vein make sure to refresh these images once in a while so that it\u2019s current and it keeps your site from looking stale and dated.<\/p>\n\n\n\n<p>And the final big change that you\u2019ll notice in cuTheme is the move to the top navigation menu. Before, in CCMS, we had a side navigation menu and framework had a top navigation menu. But in cuTheme everyone will be using a top navigation menu.<\/p>\n\n\n\n<p>This has become standard across the internet and the aim is to make for a more consistent user experience across all of ÐÓ°ÉÔ­´´ websites. The top nav lets you use the entire width for formatting so you\u2019ll notice you have a lot more real estate to add your content.<\/p>\n\n\n\n<p>And you can see that the menu goes three levels deep. Here we have the top level \u2013 getting started, then editing essentials and logging in.<\/p>\n\n\n\n<p>This change May mean that you have to rethink your top-level navigation if it\u2019s particularly long. We\u2019re happy to help out with that. If you need help reorganizing your menu, please feel free to get in touch with us in Web Services.<\/p>\n\n\n        <\/dd>\n    <\/div>\n\n\n    <\/dl>\n\n\n    <\/div>\n<\/section>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/introduction\/introduction-to-blocks\/\">Next: Intro to Blocks<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CCMS vs cuTheme With the update to cuTheme you can expect changes to the look, feel, and functionality of your sites. Here is a look at the major differences and tips to help you transition from CCMS to cuTheme.. 1. Content Blocks Likely the biggest change that you will notice is content blocks. Whereas ccms [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":19,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-52","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":4332,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/52\/revisions\/4332"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/19"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}