{"id":14650,"date":"2020-02-26T09:34:02","date_gmt":"2020-02-26T14:34:02","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=14650"},"modified":"2024-06-08T22:04:03","modified_gmt":"2024-06-09T02:04:03","slug":"cutheme-update-7-key-changes-for-content-editors-blocks","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2020\/cutheme-update-7-key-changes-for-content-editors-blocks\/","title":{"rendered":"CuTheme Update: 7 Key Changes for Content Editors (Blocks)"},"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                        CuTheme Update: 7 Key Changes for Content Editors (Blocks)\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<p><span style=\"font-weight: 400;\">In our latest efforts to get you pumped about our new cuTheme, we&#8217;re rolling out a seven-part blog series where we&#8217;ll be showcasing new features available with our updated theme.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">This is our first post in the series, and to kick off, we&#8217;re covering a change you&#8217;re going to love: content blocks!&nbsp;<\/span><\/p>\n\n\n\n<h2 id=\"post-1-7-content-blocks\" class=\"wp-block-heading\"><b>Post 1\/7: Content Blocks<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Content blocks are a new tool in WordPress that allows you to easily and intuitively build the content within your site.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Pretty much anywhere you add content, you use blocks. For example, you can have blocks for:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Regular text<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Tables<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Images<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Listings<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Page Banner<\/span><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">There are three ways you can create a content block. One is to click the little blue plus icon in the top left of your screen.&nbsp;<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"806\" height=\"413\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-1-e1582746882736.jpg\" alt=\"\" class=\"wp-image-14658\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-1-e1582746882736.jpg 806w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-1-e1582746882736-512x262.jpg 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-1-e1582746882736-320x164.jpg 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-1-e1582746882736-768x394.jpg 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-1-e1582746882736-360x184.jpg 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-1-e1582746882736-200x102.jpg 200w\" sizes=\"auto, (max-width: 806px) 100vw, 806px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">You can also create a content block by hovering over the place where your content block will be built and pressing the plus icon.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1183\" height=\"486\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-2-e1582746501506.jpg\" alt=\"\" class=\"wp-image-14659\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-2-e1582746501506.jpg 1183w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-2-e1582746501506-512x210.jpg 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-2-e1582746501506-1024x421.jpg 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-2-e1582746501506-320x131.jpg 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-2-e1582746501506-768x316.jpg 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-2-e1582746501506-360x148.jpg 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-2-e1582746501506-200x82.jpg 200w\" sizes=\"auto, (max-width: 1183px) 100vw, 1183px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">If you type<\/span><b> &#8220;\/&#8221;<\/b><span style=\"font-weight: 400;\"> then the name of the block, this is another easy way to add a block to your webpage.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/add-block-3-e1582746671651.jpg\" alt=\"\" class=\"wp-image-14660\"\/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">As blocks are added, they can be rearranged at any time by dragging and dropping them in the order you prefer.&nbsp;<\/span><\/p>\n\n\n\n<h2 id=\"best-practices\" class=\"wp-block-heading\"><b>Best Practices<\/b><\/h2>\n\n\n\n<p>The most common blocks you will use to create your content are: paragraphs, listings, text image, columns, and buttons.<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">When deciding what block would best display your content, hover over each block option and the description of the block will tell you what the block is best used for.&nbsp;<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"652\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/hover-e1582746778511.jpg\" alt=\"\" class=\"wp-image-14661\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/hover-e1582746778511.jpg 928w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/hover-e1582746778511-512x360.jpg 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/hover-e1582746778511-320x225.jpg 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/hover-e1582746778511-768x540.jpg 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/hover-e1582746778511-360x253.jpg 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/hover-e1582746778511-200x141.jpg 200w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><\/figure>\n\n\n\n<h3 id=\"paragraph-block\" class=\"wp-block-heading\">Paragraph Block<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">A paragraph block is a text-only block used for adding most of the general content to your site.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\"> When writing content in the paragraph block, it is important to remember:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Use appropriate headings to organize your content<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Avoid the use of italics, as they are hard to read<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Never write in all capital letters, as this is not accessible<\/span><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Following these tips will ensure your written content remains accessible and easy to read!<\/span><\/p>\n\n\n\n<h3 id=\"text-image-block\" class=\"wp-block-heading\">Text Image Block<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">The text image block is a great to use when adding visuals to your written content. The block is formatted so there is a preset place to add an image to a body of text. This eliminates the hassle of having to drag a photo around in a body of text trying to get it to look how you want.<\/span><\/p>\n\n\n\n<h3 id=\"listing-block\" class=\"wp-block-heading\">Listing Block<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">The listing block allows you to pull content onto your page in the form of a listing. This block is where you can list your upcoming events, people profiles of your faculty, important pages, posts, videos etc.! Listings are a great way to add visual, interactive content to your webpage to engage your audience.&nbsp;<\/span><\/p>\n\n\n\n<h3 id=\"column-block\" class=\"wp-block-heading\">Column Block<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">The column block easily allows you to organize your content into two or more columns. This feature is nice because it doesn\u2019t require any code and you can see exactly how the columns are going to look on the front end.<\/span><\/p>\n\n\n\n<h3 id=\"button-cta-block\" class=\"wp-block-heading\">Button CTA Block<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">The button block makes it easy to add buttons anywhere on your webpage. It&#8217;s important to include a \u201ccall to action\u201d on your pages to engage your audience and encourage them to take action on your site. It&#8217;s great to include buttons for important or popular content, like \u201ccontact us\u201d.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Here are some tips when using buttons:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Avoid using too many buttons on a webpage, this can overwhelm users<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Use intuitive, short names for the buttons<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Including one or two buttons on page banners is a great way to drive traffic to other areas of your website\u00a0<\/span><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">All of this information, along with training videos, can be found on our new&nbsp;<a href=\"https:\/\/carleton.ca\/webservices\/cutheme-help\/\"> cuTheme help center<\/a>. The help center covers all the features of cuTheme, best practices, and accessibility rules. Be sure to check it out!<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">If you want to learn more about the new cuTheme and see what it looks like, check out the <a href=\"https:\/\/carleton.ca\/webservices\/2020\/coffee-break-recap-february-2020\/\">coffee break recap<\/a>!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In our latest efforts to get you pumped about our new cuTheme, we&#8217;re rolling out a seven-part blog series where we&#8217;ll be showcasing new features available with our updated theme. This is our first post in the series, and to kick off, we&#8217;re covering a change you&#8217;re going to love: content blocks!&nbsp; Post 1\/7: Content [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[273],"tags":[],"class_list":["post-14650","post","type-post","status-publish","format-standard","hentry","category-cutheme-announcements"],"acf":{"cu_post_thumbnail":"news-1"},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/14650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=14650"}],"version-history":[{"count":0,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/14650\/revisions"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=14650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=14650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=14650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}