  {"id":3672,"date":"2024-04-24T14:57:19","date_gmt":"2024-04-24T18:57:19","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=3672"},"modified":"2025-01-16T14:34:07","modified_gmt":"2025-01-16T19:34:07","slug":"descriptions","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-1-advanced-content-types\/descriptions\/","title":{"rendered":"Descriptions Posts"},"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                        Descriptions Posts\n                    <\/h1>\n                \n                                \n                                    \n\n<p>Module 1.5 \u2013 Advanced: Advanced Content: Descriptions&nbsp;<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n\n<div class=\"w-full max-w-xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component not-contained not-prose\">\n    <h2 class=\"px-6 py-4 text-base font-semibold border-b rounded-t-lg md:text-xl bg-gray-50 text-cu-black-800\">\n        Table of Contents\n    <\/h2>\n    <div class=\"grid cu-scrollto cu-stackedlist--toc cu-stackedlist--1 md:grid-cols-1\">\n            <div class=\"space-y-1\">\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.\n                    <\/span>\n\n                    <a href=\"#step-by-step\" class=\"font-medium hover:underline\">\n                        Step-By-Step\n                    <\/a>\n                <\/div>\n\n                                        <div class=\"space-y-1\">\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.1\n                    <\/span>\n\n                    <a href=\"#add-a-descriptions-post\" class=\"font-medium hover:underline\">\n                        Add a Descriptions Post\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.2\n                    <\/span>\n\n                    <a href=\"#add-a-title\" class=\"font-medium hover:underline\">\n                        Add a Title\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.3\n                    <\/span>\n\n                    <a href=\"#add-content\" class=\"font-medium hover:underline\">\n                        Add Content\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.4\n                    <\/span>\n\n                    <a href=\"#categorize\" class=\"font-medium hover:underline\">\n                        Categorize\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.5\n                    <\/span>\n\n                    <a href=\"#add-custom-descriptions-to-a-page-on-the-fly\" class=\"font-medium hover:underline\">\n                        Add Custom Descriptions to a page &#8211; on the fly\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.\n                    <\/span>\n\n                    <a href=\"#video-tutorial\" class=\"font-medium hover:underline\">\n                        Video Tutorial\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        3.\n                    <\/span>\n\n                    <a href=\"#try-it-out\" class=\"font-medium hover:underline\">\n                        Try it Out!\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<p>Description posts allow you to format information in a <strong class=\"myprefix-text-bold\">question-and-answer style.<\/strong> <em class=\"myprefix-text-italic\">(In previous themes, these have been called FAQs, Accordions, and Slidemes)<\/em><\/p>\n\n\n\n<p>You can categorize and pull groups of similar descriptions (for example, to create FAQs) onto a page <a href=\"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/listing-block\/\">with a listing block<\/a>.<\/p>\n\n\n\n<h2 id=\"step-by-step\" class=\"wp-block-heading\">Step-By-Step<\/h2>\n\n\n\n<h3 id=\"add-a-descriptions-post\" class=\"wp-block-heading\">Add a Descriptions Post<\/h3>\n\n\n\n<p><strong>1.&nbsp;<\/strong>From the dashboard, go over to the left side of the screen, hover over&nbsp;<strong>Files,<\/strong>&nbsp;and click&nbsp;<strong>Add New<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"652\" height=\"224\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.23.13@2x.png\" alt=\"Add a descriptions block\" class=\"wp-image-3681\" style=\"width:349px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.23.13@2x.png 652w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.23.13@2x-320x110.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.23.13@2x-512x176.png 512w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><\/figure>\n\n\n\n<h3 id=\"add-a-title\" class=\"wp-block-heading\">Add a Title<\/h3>\n\n\n\n<p><strong class=\"myprefix-text-bold\">2.<\/strong> Click in the banner area to add a title for your description. For example, this could be the question part of an FAQ.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.18@2x-1024x300.png\" alt=\"Add a title\" class=\"wp-image-3685\" style=\"width:358px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.18@2x-1024x300.png 1024w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.18@2x-320x94.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.18@2x-512x150.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.18@2x-768x225.png 768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.18@2x.png 1452w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 id=\"add-content\" class=\"wp-block-heading\">Add Content<\/h3>\n\n\n\n<p><strong class=\"myprefix-text-bold\">3. <\/strong>Click the content area to add a sentence or two. This could be the answer to your FAQ.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"373\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.47@2x-1024x373.png\" alt=\"Add content\" class=\"wp-image-3686\" style=\"width:329px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.47@2x-1024x373.png 1024w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.47@2x-320x117.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.47@2x-512x187.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.47@2x-768x280.png 768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-24-at-15.25.47@2x.png 1098w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Add a paragraph, heading, list, or buttons block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"674\" height=\"488\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/10\/CleanShot-2024-10-08-at-10.40.53@2x.png\" alt=\"Blocks you can add to a description post\" class=\"wp-image-4403\" style=\"width:326px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/10\/CleanShot-2024-10-08-at-10.40.53@2x.png 674w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/10\/CleanShot-2024-10-08-at-10.40.53@2x-512x371.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/10\/CleanShot-2024-10-08-at-10.40.53@2x-320x232.png 320w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/figure>\n\n\n\n<h3 id=\"categorize\" class=\"wp-block-heading\">Categorize<\/h3>\n\n\n\n<p><strong class=\"myprefix-text-bold\">4.<\/strong> Optionally, choose a category for your Description. This allows you to group similar items and list them together on any page on your website.<\/p>\n\n\n\n<p><strong class=\"myprefix-text-bold\">5.<\/strong> You can create listings by pulling descriptions onto a page using a listing or block. <a href=\"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/listing-block\/\">View this lesson<\/a> for details.<\/p>\n\n\n\n<h3 id=\"add-custom-descriptions-to-a-page-on-the-fly\" class=\"wp-block-heading\">Add Custom Descriptions to a page &#8211; on the fly<\/h3>\n\n\n\n<p>You can add descriptions to a particular page, rather than creating posts. (For those of you familiar with ccms, this is similar to how slidemes worked)<\/p>\n\n\n\n<p>For more information, <a href=\"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/custom-listings\/#step-by-step-file-cards-custom\">view this tutorial on the custom descriptions block.<\/a><\/p>\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\/Mbk0vtfbXzA\" 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-descriptions\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript &#8211; Descriptions\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-descriptions\">\n            \n\n<p>Hello, and Welcome to cuTheme advanced training, Module 1. In this video, we will be covering Descriptions.<\/p>\n\n\n\n<p>Descriptions are a special type of post that let you create content in question-and-answer format.<\/p>\n\n\n\n<p>You can categorize descriptions, and list them on pages via the description listing block.<\/p>\n\n\n\n<p>To add a descriptions post, go to the left sidebar, hover over Descriptions, and click Add new. You will be redirected to your new description, where you will be able to edit it.<\/p>\n\n\n\n<p>The interface for a description is very similar to creating a new page or post, but descriptions only have simple text blocks. You can add a title, generally in question format, at the top, and below you can write the answer to the question. You can also add lists and buttons if necessary.<\/p>\n\n\n\n<p>Once finished, you can add a category to your description, allowing it to be easily grouped with similar ones.<\/p>\n\n\n        <\/dd>\n    <\/div>\n\n\n    <\/dl>\n\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"try-it-out\" class=\"wp-block-heading\">Try it Out!<\/h2>\n\n\n\n<p>Now that you know how to create a file post type, try it out!<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add a new descriptions post.<\/li>\n\n\n\n<li>Give it a title and some content.<\/li>\n\n\n\n<li>Save!<\/li>\n\n\n\n<li>Go to the next lesson to learn how to pull descriptions onto a page.<\/li>\n<\/ol>\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\/getting-started\/module-2-content-essentials\/stories\/\">Next: Module 1.6 &#8211; Stories<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Description posts allow you to format information in a question-and-answer style. (In previous themes, these have been called FAQs, Accordions, and Slidemes) You can categorize and pull groups of similar descriptions (for example, to create FAQs) onto a page with a listing block. Step-By-Step Add a Descriptions Post 1.&nbsp;From the dashboard, go over to the [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":525,"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":[41,11],"class_list":["post-3672","page","type-page","status-publish","hentry","cu_page_type-advanced-content-types","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3672","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=3672"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3672\/revisions"}],"predecessor-version":[{"id":4660,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3672\/revisions\/4660"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/525"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=3672"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=3672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}