  {"id":2951,"date":"2024-02-27T12:08:18","date_gmt":"2024-02-27T17:08:18","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=2951"},"modified":"2024-11-11T10:49:48","modified_gmt":"2024-11-11T15:49:48","slug":"file-post","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-1-advanced-content-types\/file-post\/","title":{"rendered":"Files Post"},"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                        Files Post\n                    <\/h1>\n                \n                                \n                                    \n\n<p>Module 1.4 \u2013 Advanced: Advanced Content: Files Post&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-files-post\" class=\"font-medium hover:underline\">\n                        Add a Files 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=\"#edit-the-banner\" class=\"font-medium hover:underline\">\n                        Edit the Banner\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=\"#upload-a-file\" class=\"font-medium hover:underline\">\n                        Upload a File\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>The Files tool is a good way to organize files (like pdfs) on your website. Files can easily be replaced and the URL will not change or break.&nbsp;<\/p>\n\n\n\n<p>You can categorize and pull groups of files onto a page <a href=\"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/card-blocks\/\">using a card 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-files-post\" class=\"wp-block-heading\">Add a Files 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=\"644\" height=\"210\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-27-at-11.56.44@2x.png\" alt=\"Create a files post\" class=\"wp-image-2954\" style=\"width:345px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-27-at-11.56.44@2x.png 644w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-27-at-11.56.44@2x-320x104.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-27-at-11.56.44@2x-512x167.png 512w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/figure>\n\n\n\n<h3 id=\"edit-the-banner\" class=\"wp-block-heading\">Edit the Banner<\/h3>\n\n\n\n<p><strong class=\"myprefix-text-bold\">2.<\/strong> Click in the banner area to add a title and description. <\/p>\n\n\n\n<h3 id=\"upload-a-file\" class=\"wp-block-heading\">Upload a File<\/h3>\n\n\n\n<p><strong class=\"myprefix-text-bold\">3. <\/strong>Click the button to select a video from your media library or to upload from your computer. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"418\" height=\"132\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-27-at-12.01.07@2x.png\" alt=\"Upload file button\" class=\"wp-image-2957\" style=\"width:224px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-27-at-12.01.07@2x.png 418w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-27-at-12.01.07@2x-320x101.png 320w\" sizes=\"auto, (max-width: 418px) 100vw, 418px\" \/><\/figure>\n\n\n\n<p>Accepted file type are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PDF (pdf)<\/li>\n\n\n\n<li>Word documents (doc, docx)<\/li>\n\n\n\n<li>PowerPoint (ppt, pptx)<\/li>\n\n\n\n<li>Excel (xls, xlsx)<\/li>\n<\/ul>\n\n\n\n<p><strong class=\"myprefix-text-bold\">4.<\/strong> Files can be categorized which is useful for organizing and pulling specific files onto a part of your site.  Learn <a href=\"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/categories\/\">how to create categories<\/a>.<\/p>\n\n\n\n<p><strong class=\"myprefix-text-bold\">5.<\/strong> You can create file listings by pulling files onto a page using a listing or card block. <a href=\"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/\">View this lesson<\/a> for details.<\/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\/m0mkJB7XxAE\" 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-file-posts\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript &#8211; File Posts\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-file-posts\">\n            \n\n<p>In this video we are going to show you how to use the files post.<\/p>\n\n\n\n<p>The files post is good way to organize files like documents or pdf files on your website<\/p>\n\n\n\n<p>Files can be easily modified, and the URLs will stay persistent, meaning they will not change after modification or replacement.<\/p>\n\n\n\n<p>To insert a files post to your website, first navigate to the left side menu of your dashboard.<\/p>\n\n\n\n<p>From there hover to&nbsp;<strong>F<\/strong><strong>iles<\/strong>, then click&nbsp;<strong>Add New<\/strong><\/p>\n\n\n\n<p>A new page should appear and click in the banner area to add a title or description of the page.<\/p>\n\n\n\n<p>Then click the&nbsp;<strong>Select\/Upload File<\/strong>&nbsp;button to select a file from your media library, or from your computer.<\/p>\n\n\n\n<p>Accepted file types for the files post block is shown in the screen.<\/p>\n\n\n\n<p>These files can be categorized for better organization and wayfinding for specific files. can be also be pulled into a listing or card block.<\/p>\n\n\n\n<p>To replace a file, simply click on the<strong>&nbsp;Replace File<\/strong>&nbsp;button that replaced the previous button. From there you can choose another file.<\/p>\n\n\n\n<p>By completing those steps, we have now successfully created a files post to your website.<\/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 file post.<\/li>\n\n\n\n<li>Give it a title and description.<\/li>\n\n\n\n<li>Upload a file and save.<\/li>\n\n\n\n<li>Go to the next lesson to learn how to pull files 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\/advanced\/module-1-advanced-content-types\/descriptions\/\">Next: Descriptions (aka FAQs \/ Accordions)<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Files tool is a good way to organize files (like pdfs) on your website. Files can easily be replaced and the URL will not change or break.&nbsp; You can categorize and pull groups of files onto a page using a card block. Step-By-Step Add a Files 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-2951","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\/2951","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=2951"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2951\/revisions"}],"predecessor-version":[{"id":4442,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2951\/revisions\/4442"}],"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=2951"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=2951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}