{"id":229,"date":"2023-10-23T13:32:43","date_gmt":"2023-10-23T17:32:43","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=229"},"modified":"2024-09-18T20:31:33","modified_gmt":"2024-09-19T00:31:33","slug":"module-2-content-types","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-2-content-essentials\/module-2-content-types\/","title":{"rendered":"Content Types"},"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                        Content Types\n                    <\/h1>\n                \n                                \n                                    \n\n\n<p>Module 2.1 \u2013 Getting Started: Content Essentials: Content Types<\/p>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>The term &#8220;content types&#8221; is used to describe all of the different types of content you can use to build your site. Content types available in cuTheme include:<\/p>\n\n\n\n<p>1. <strong class=\"myprefix-text-bold\">Pages<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Static content &#8211; generally makes up the structure main navigation for your site.<\/li>\n\n\n\n<li>Can hold other types of content such as news posts, events, people and videos in the form of listings.<\/li>\n<\/ul>\n\n\n\n<p>2. <strong class=\"myprefix-text-bold\">Posts<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For news and blog-type content. <\/li>\n\n\n\n<li>Can be categorized and pulled onto a page anywhere on your site.<\/li>\n\n\n\n<li>Chronological and used for timely informtion.<\/li>\n<\/ul>\n\n\n\n<p>3. <strong class=\"myprefix-text-bold\">Events<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use for upcoming events. <\/li>\n\n\n\n<li>Can be categorized and pulled onto a page anywhere on your site.<\/li>\n\n\n\n<li>Automatically get removed from a page when the event has passed.<\/li>\n<\/ul>\n\n\n\n<p>4. <strong class=\"myprefix-text-bold\">People<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For bios (faculty, staff, students). <\/li>\n\n\n\n<li>Can be categorized and pulled onto a page anywhere on your site.<\/li>\n\n\n\n<li>Typically have a photo and contact info.<\/li>\n<\/ul>\n\n\n\n<p>5. <strong class=\"myprefix-text-bold\">Videos <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use this content type to create and display video galleries. <\/li>\n\n\n\n<li>Can be categorized and pulled onto a page anywhere on your site.<\/li>\n<\/ul>\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\/gD1ki3bFoUU\" 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-content-types\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript \u2013 Content Types\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-content-types\">\n            \n\n<p>Welcome to getting started with CU theme, module 2. This video is going to explain the different types of content that you can use to build and fill out your website.<\/p>\n\n\n\n<p>Essentially, the different types of content options that you have correspond to different uses and specialized functions.<\/p>\n\n\n\n<p>We have pages, posts, events, people, and videos.<\/p>\n\n\n\n<p>This right here is a page. And pages generally make up the main website structure and navigation of your website. Pages can also contain different types of information. Have a look at the homepage \u2013 you can see that it has a banner at the top. We have this alert box, a text and image block. And then it can also contain what we call listings. This is a listing of different news posts.<\/p>\n\n\n\n<p>Next we\u2019ll move on to news posts. If you click on one of these we\u2019ll come to an individual news post. News posts usually present timely and important information in the form of a blog and they are ordered chronologically.<\/p>\n\n\n\n<p>Let\u2019s move on to events. The event post type, as the name suggests, is used to create and highlight upcoming events. They are organized chronologically and once the event has passed it will disappear off your website. You can include information such as the date, the location, contact information, and any other details that you need to. Here is what an individual event post looks like.<\/p>\n\n\n\n<p>Next up are people posts. A people post is essentially a profile. You can include lots of information in a people post, such as, some bio info, contact information, including email, a telephone number, social links, a link to a resume, and a picture.<\/p>\n\n\n\n<p>And lastly we have a video post type. Each video post contains one embedded video. You can categorize the individual posts and pull them onto a page to create a video gallery. When you click on it, it\u2019s going to start playing automatically.<\/p>\n\n\n\n<p>We\u2019re going to learn more about each of these content types in detail in the following lessons.<\/p>\n\n\n        <\/dd>\n    <\/div>\n\n\n    <\/dl>\n\n\n    <\/div>\n<\/section>\n\n\n\n<p>Each of these content types has unique characteristics, allowing content editors to create diverse and functional websites. Let&#8217;s go learn a little bit more about each type!<\/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\/cutheme-docs\/getting-started\/module-2-content-essentials\/module-2-content-essentials-pages-posts\/\">Next: Pages vs. Posts<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The term &#8220;content types&#8221; is used to describe all of the different types of content you can use to build your site. Content types available in cuTheme include: 1. Pages 2. Posts 3. Events 4. People 5. Videos Video Tutorial Each of these content types has unique characteristics, allowing content editors to create diverse and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":76,"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-229","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\/229","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=229"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/229\/revisions"}],"predecessor-version":[{"id":4318,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/229\/revisions\/4318"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/76"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=229"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}