  {"id":708,"date":"2023-10-31T10:40:06","date_gmt":"2023-10-31T14:40:06","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=708"},"modified":"2024-09-18T20:31:30","modified_gmt":"2024-09-19T00:31:30","slug":"categories","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/categories\/","title":{"rendered":"Categories"},"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                        Categories\n                    <\/h1>\n                \n                                \n                                    \n\n\n<p>Module 2.1 \u2013 Advanced: Listing Blocks: Categories<\/p>\n\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=\"#1-create-a-new-category\" class=\"font-medium hover:underline\">\n                        1. Create a new category\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=\"#2-categorize-a-post\" class=\"font-medium hover:underline\">\n                        2. Categorize a Post\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>Categories are used to group similar content together on your site. They offer a powerful way to organize content.  Categorizing your content allows you to easily display content of the same category anywhere on your site.<\/p>\n\n\n\n<p>For example, if you had a \u201cResearch\u201d category with multiple items categorized as \u201cResearch\u201d, you could pull that entire category into a broader page highlighting your research activities.<\/p>\n\n\n\n<p>Categories help identify, to both the user and search engines, what your site is all about. In cuTheme, you can categorize posts, events, people, and videos.<\/p>\n\n\n\n<h2 id=\"step-by-step\" class=\"wp-block-heading\">Step-By-Step<\/h2>\n\n\n\n<h3 id=\"1-create-a-new-category\" class=\"wp-block-heading\">1. Create a new category <\/h3>\n\n\n\n<p>On the right-hand of your post, 1) click the <strong class=\"myprefix-text-bold\">Categories<\/strong> drop-down and then click 2) the <strong class=\"myprefix-text-bold\">Add New Category<\/strong> link, 3) give the category a name and 4) click the <strong class=\"myprefix-text-bold\">Add New Category<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"359\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-31-at-13.29.34.png\" alt=\"How to add a new category\" class=\"wp-image-713\" style=\"aspect-ratio:0.7827298050139275;width:259px;height:auto\"\/><\/figure>\n\n\n\n<h3 id=\"2-categorize-a-post\" class=\"wp-block-heading\">2. Categorize a Post<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"156\" height=\"111\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-31-at-13.35.18.png\" alt=\"Choose a category\" class=\"wp-image-715\" style=\"aspect-ratio:1.4054054054054055;width:142px;height:auto\"\/><\/figure>\n\n\n\n<p> Once you have created a new category for a post, event, people, or video, it will be available to select for all future posts. Just click the appropriate checkbox.<\/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\/rF5vdsL_bKo\" 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-categories\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript &#8211; Categories\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-categories\">\n            \n\n<p>Hello and Welcome to cuTheme Module 2. In this video, we will cover categories.<\/p>\n\n\n\n<p>Categories are a way to group similar content across your site. these can be posts, events, people, and videos.<\/p>\n\n\n\n<p>Categories can be very helpful for both you and site visitors, as it allows similar content to be easy to be grouped together, and easy to navigate in between.<\/p>\n\n\n\n<p>There are no limits to the number of categories a site can have, though it is a good idea to plan out your site\u2019s categories, to maintain its organization.<\/p>\n\n\n\n<p>So, to create a new category, go to the content you want to have a category for. In this case, we\u2019re doing it for a post. On the right-hand side of the edit menu, there is a categories drop-down, so I\u2019m going to click on that. Then, you\u2019ll see we have a list of categories here. I\u2019m going to click \u201cNews\u201d here, take \u201cUncategorized\u201d off, and now this post will have the \u201cNews\u201d category associated with it.<\/p>\n\n\n\n<p>If you go down to \u201cAdd New Category\u201d, you can add another category. Let\u2019s add \u201cEducation\u201d as a category.<\/p>\n\n\n\n<p>You can choose a parent category for the new category, so if you want it to be a subcategory of something, you can choose that. I\u2019ll have this as a subcategory of \u201cResearch\u201d. So now \u201cResearch\u201d is a parent category of \u201cEducation\u201d. Click on \u201cAdd New Category\u201d, and our new category has been added.<\/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 have learned how to create and apply categories, time to try it out!<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a new post and categorize it,<\/li>\n\n\n\n<li>Apply the new category to an existing post.<\/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\/advanced\/module-2-cards-listing-blocks\/listing-block\/\">Next: Stacked Listing Blocks<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Categories are used to group similar content together on your site. They offer a powerful way to organize content. Categorizing your content allows you to easily display content of the same category anywhere on your site. For example, if you had a \u201cResearch\u201d category with multiple items categorized as \u201cResearch\u201d, you could pull that entire [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":528,"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-708","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\/708","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=708"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/708\/revisions"}],"predecessor-version":[{"id":4299,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/708\/revisions\/4299"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/528"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=708"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}