{"id":19699,"date":"2023-08-02T13:35:10","date_gmt":"2023-08-02T17:35:10","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=19699"},"modified":"2024-08-30T20:56:30","modified_gmt":"2024-08-31T00:56:30","slug":"web-wednesday-recap-cutheme-demo-and-update","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2023\/web-wednesday-recap-cutheme-demo-and-update\/","title":{"rendered":"Web Wednesday Recap &#8211; cuTheme Demo and Update"},"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                        Web Wednesday Recap &#8211; cuTheme Demo and Update\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>If you were unable to attend the recent Web Wednesday event, no worries we have got you covered &#8230;<\/p>\n\n\n\n<p>For this Web Wednesday, Troy took everyone through cuTheme. He started out with a demo of the various blocks and then dug into the backend to show us how things worked from a web content manager&#8217;s perspective.<\/p>\n\n\n\n<p>Please take a few minutes to peruse the highlights below. Watch the video for all the juicy details!<\/p>\n\n\n\n<p>(To view examples of the blocks currently in our development environment, click on the links below. *<em><strong>Please note, you will need to be on VPN)<\/strong><\/em><\/p>\n\n\n\n<h2 id=\"cutheme-blocks\" class=\"wp-block-heading\">cuTheme Blocks<\/h2>\n\n\n\n<h3 id=\"core-blocks\" class=\"wp-block-heading\">Core Blocks<\/h3>\n\n\n\n<p><a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/core-blocks\/\">Core blocks<\/a> are content blocks provided by WordPress. These include headers, tables, buttons, quotes, and images.<\/p>\n\n\n\n<h3 id=\"card-grids\" class=\"wp-block-heading\">Card Grids<\/h3>\n\n\n\n<p><a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/card-grids\/\">Card grids<\/a> are blocks that allow you to display content in a card format. There are currently 5 types of card grids in cutheme: <a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/card-grids\/news-cards\">news<\/a>, <a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/card-grids\/people-cards\">people<\/a>, events, videos, and <a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/card-grids\/stat-cards\/\">statistics<\/a>.<\/p>\n\n\n\n<h3 id=\"stacked-listings\" class=\"wp-block-heading\">Stacked Listings<\/h3>\n\n\n\n<p><a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/stacked-listings\/\">Stacked listings<\/a> are blocks that allow you to display content in a horizontal listing format. <a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/stacked-listings\/news-listing\/\">News<\/a>, <a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/stacked-listings\/people-listing\/\">people<\/a> and <a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/stacked-listings\/event-listing\/\">events<\/a> can be displayed this way.<\/p>\n\n\n\n<h3 id=\"custom-blocks\" class=\"wp-block-heading\">Custom Blocks<\/h3>\n\n\n\n<p><a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/custom-blocks\/\">Custom blocks<\/a> are blocks that we have created specifically to meet the needs of our clients&#8217; Carleton websites. These include <a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/custom-blocks\/columns\/\">column blocks<\/a> and <a href=\"https:\/\/dweb2.carleton.ca\/cutheme\/custom-blocks\/description-list\/\">description list<\/a>.<\/p>\n\n\n\n<h2 id=\"cutheme-backend-demo\" class=\"wp-block-heading\">cuTheme Backend Demo<\/h2>\n\n\n\n<p>Next up was a tour of the backend, and how to build pages in cuTheme. Some of the features that Troy reviewed include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The ability to review as you build<\/li>\n\n\n\n<li>SEO tools<\/li>\n\n\n\n<li>Modes of working (distraction-free writing, spotlight, fullscreen)<\/li>\n\n\n\n<li>Different ways to add blocks<\/li>\n\n\n\n<li>Cropping images within the theme<\/li>\n\n\n\n<li>Prepublishing checks for accessibility<\/li>\n\n\n\n<li>Embed (Kaltura, Power BI)<\/li>\n\n\n\n<li>Features of: Description List block, Stat card block<\/li>\n\n\n\n<li>Hero banner<\/li>\n\n\n\n<li>Features of listing blocks<\/li>\n<\/ul>\n\n\n\n<h2 id=\"video-replay\" class=\"wp-block-heading\">Video Replay<\/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\/aJcUsxFcHc0\" 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<h3 id=\"video-contents\" class=\"wp-block-heading\">Video Contents<\/h3>\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    <div class=\"grid gap-6 mx-auto my-6 cu-column md:gap-10 md:grid-cols-2 md:my-10 first:mt-0\">\n        \n<div class=\"cu-column-content\">\n    \n<ul class=\"wp-block-list\">\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=0s\">0:00<\/a> \u2013 Intro<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=78s\">1:18<\/a> \u2013 Sample homepage<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=113s\">1:53<\/a> \u2013 Core blocks<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=200s\">3:20<\/a> \u2013 Card grids<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=218s\">3:38<\/a> \u2013 News cards<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=324s\">5:24<\/a> \u2013 People cards<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=410s\">6:50<\/a> \u2013 Event cards<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=462s\">7:42<\/a> \u2013 Stat cards<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=525s\">8:45<\/a> \u2013 Stacked listings<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=649s\">10:49<\/a> \u2013 Column block<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=691s\">11:31<\/a> \u2013 Description list<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=853s\">14:13<\/a> \u2013 Building content demo<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=910s\">15:10<\/a> \u2013 SEO Tools<\/li>\n\n<\/ul>\n\n<\/div>\n\n\n<div class=\"cu-column-content\">\n    \n<ul class=\"wp-block-list\">\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=942s\">15:42<\/a> \u2013 Distraction-free writing<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=973s\">16:13<\/a> \u2013 Spotlight mode<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=985s\">16:25<\/a> \u2013 Full screen mode<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=998s\">16:38<\/a> \u2013 How to add blocks<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=1072s\">17:52<\/a> \u2013 Cropping images<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=1401s\">23:21<\/a> \u2013 Prepublishing checks for accessibility<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=1485s\">24:45<\/a> \u2013 Embed Kaltura videos<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=1580s\">26:20<\/a> \u2013 Add Power BI<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=1620s\">27:00<\/a> \u2013 Description List block features<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=1680s\">28:00<\/a> \u2013 Stat card features<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=1735s\">28:55<\/a> \u2013 Hero Banner<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=1862s\">31:02<\/a> \u2013 Features of listing blocks<\/li>\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=aJcUsxFcHc0&amp;t=1998s\">33:18<\/a> \u2013 Questions and conclusion<\/li>\n\n<\/ul>\n\n<\/div>\n\n\n    <\/div>\n\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"next-steps\" class=\"wp-block-heading\">Next Steps<\/h2>\n\n\n\n<p>We will be sharing more details about the rollout and migration plan in the near future. Stay tuned for an event invite!<\/p>\n\n\n\n<p>In the meantime, we encourage you to <a href=\"https:\/\/carleton.ca\/webworkshops\/website-review-training\/\">do a site review<\/a>. This will help you get ready for the new theme.<\/p>\n\n\n\n<p>If you attended the workshop, we&#8217;d love to hear your thoughts. Please share your feedback and ideas for future Web Wednesday topics using the form below!<\/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\/talks-and-workshops\/web-wednesday-feedback\/\">Workshop Feedback<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>If you were unable to attend the recent Web Wednesday event, no worries we have got you covered &#8230; For this Web Wednesday, Troy took everyone through cuTheme. He started out with a demo of the various blocks and then dug into the backend to show us how things worked from a web content manager&#8217;s [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":19379,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[273,346],"tags":[],"class_list":["post-19699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cutheme-announcements","category-workshops-conferences"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/19699","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=19699"}],"version-history":[{"count":2,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/19699\/revisions"}],"predecessor-version":[{"id":20716,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/19699\/revisions\/20716"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media\/19379"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=19699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=19699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=19699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}