  {"id":14710,"date":"2020-03-25T10:07:33","date_gmt":"2020-03-25T14:07:33","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=14710"},"modified":"2024-06-08T22:04:02","modified_gmt":"2024-06-09T02:04:02","slug":"cutheme-update-7-key-changes-for-content-editors-accordions","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2020\/cutheme-update-7-key-changes-for-content-editors-accordions\/","title":{"rendered":"CuTheme Update: 7 Key Changes for Content Editors (Accordions)\u00a0"},"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 (Accordions)\u00a0\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;\">There are seven new features that you\u2019ll be able to use in the new cuTheme, and we\u2019re rolling out a seven-series blog post to keep you informed about the changes you should keep on your radar.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Today, we\u2019re covering number five out of seven: Accordions.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">You are all probably wondering what an Accordion is.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">This is the new name for the Slideme\u2019s feature!<\/span><\/p>\n\n\n\n<h2 id=\"post-5-7-accordions\" class=\"wp-block-heading\"><b>Post 5\/7: Accordions<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Accordions <\/span><span style=\"font-weight: 400;\">show and hide content on your site. Users collapse and expand the accordion by clicking on a heading.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"862\" height=\"603\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-02-28-at-7.51.46-AM-e1582894500432.png\" alt=\"\" class=\"wp-image-14720\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-02-28-at-7.51.46-AM-e1582894500432.png 862w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-02-28-at-7.51.46-AM-e1582894500432-512x358.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-02-28-at-7.51.46-AM-e1582894500432-320x224.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-02-28-at-7.51.46-AM-e1582894500432-768x537.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-02-28-at-7.51.46-AM-e1582894500432-360x252.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-02-28-at-7.51.46-AM-e1582894500432-200x140.png 200w\" sizes=\"auto, (max-width: 862px) 100vw, 862px\" \/><\/figure>\n\n\n\n<h2 id=\"whats-changed\" class=\"wp-block-heading\"><b>What&#8217;s changed?<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">One of the biggest changes you\u2019re going to notice with accordions is that you no longer need to use shortcode to insert them!<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">cuTheme has made it so easy to create accordions and pull them onto pages. Just like posts, you can find accordions in the left side dashboard nav.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Here is what the new accordion interface looks like:<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1376\" height=\"847\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Accordion.jpg\" alt=\"\" class=\"wp-image-14711\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Accordion.jpg 1376w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Accordion-512x315.jpg 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Accordion-1024x630.jpg 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Accordion-320x197.jpg 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Accordion-768x473.jpg 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Accordion-360x222.jpg 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Accordion-200x123.jpg 200w\" sizes=\"auto, (max-width: 1376px) 100vw, 1376px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">You need to create an accordion for each individual topic you want to include.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Add the title of your accordion in the text box at the top. Next, add your content in the text box below titled <\/span><b>Description<\/b><span style=\"font-weight: 400;\">. Make sure to add your accordion to an accordion category!<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">To pull your accordions onto a page, use a listing block.<\/span><\/p>\n\n\n\n<h2 id=\"best-practices\" class=\"wp-block-heading\"><b>Best Practices<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">It&#8217;s best to use accordions if you have a lot of content on your pages or have a FAQ page. Accordions help organize and shrink the amount of the content on a page. This is great because users don\u2019t want to be scrollin<\/span><span style=\"font-weight: 400;\">g for ages!<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">When using accordions, keep in mind to:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Avoid putting really important information in an accordion since its hidden at first glance and may be missed by users<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Do not place a significant amount of text within your accordion<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Use intuitive, and short titles for your accordions<\/span><\/li>\n<\/ul>\n\n\n\n<h2 id=\"want-to-give-your-input-on-the-cutheme\" class=\"wp-block-heading\"><b>Want to give your input on the cuTheme?&nbsp;<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">If you have suggestions or want to learn more, consider being a focus group participant, or join our web advisory committee. You can find more info<\/span><a href=\"https:\/\/carleton.ca\/webservices\/2020\/get-involved\/\"> <span style=\"font-weight: 400;\">here<\/span><\/a><span style=\"font-weight: 400;\">.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Stay tuned to find out about the other new features you\u2019ll be able to access in the new cuTheme.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">We have four more awesome blog posts coming your way!<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Questions?&nbsp;<\/span><\/p>\n\n\n\n<p><a href=\"mailto:charlotte.bradley@carleton.ca\">Contact us!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are seven new features that you\u2019ll be able to use in the new cuTheme, and we\u2019re rolling out a seven-series blog post to keep you informed about the changes you should keep on your radar. Today, we\u2019re covering number five out of seven: Accordions. You are all probably wondering what an Accordion is. This [&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-14710","post","type-post","status-publish","format-standard","hentry","category-cutheme-announcements"],"acf":{"cu_post_thumbnail":"news-3"},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/14710","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=14710"}],"version-history":[{"count":0,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/14710\/revisions"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=14710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=14710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=14710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}