{"id":5089,"date":"2026-07-02T10:18:16","date_gmt":"2026-07-02T14:18:16","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=5089"},"modified":"2026-07-17T15:21:25","modified_gmt":"2026-07-17T19:21:25","slug":"spaces","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-1-advanced-content-types\/spaces\/","title":{"rendered":"Spaces"},"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                        Spaces\n                    <\/h1>\n                \n                                \n                                    \n\n<p>Module 1.8 \u2013 Advanced: Advanced Content: Spaces<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>The <strong>Spaces<\/strong> post type allows you to create listings for physical spaces (such as classrooms, labs, or meeting rooms) on your website.<\/p>\n\n\n\n<p>Each space can include key details like location, equipment, accessibility features, and space type. Once created, you can pull and display spaces on a page using listing or card blocks, and allow users to filter and browse them. <\/p>\n\n\n\n<p>This is a great way to organize and showcase spaces in a clear, searchable format.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1454\" height=\"906\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/km-spaces-example.png\" alt=\"Example of a spaces post type - KM Theatre\" class=\"wp-image-5103\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/km-spaces-example.png 1454w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/km-spaces-example-512x319.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/km-spaces-example-1024x638.png 1024w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/km-spaces-example-320x199.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/km-spaces-example-768x479.png 768w\" sizes=\"auto, (max-width: 1454px) 100vw, 1454px\" \/><\/figure>\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-spaces-post\" class=\"font-medium hover:underline\">\n                        Add a Spaces 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=\"#add-space-details\" class=\"font-medium hover:underline\">\n                        Add Space Details\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-a-thumbnail\" class=\"font-medium hover:underline\">\n                        Add a Thumbnail\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=\"#display-spaces-on-a-page\" class=\"font-medium hover:underline\">\n                        Display Spaces on a Page\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<h2 id=\"step-by-step\" class=\"wp-block-heading\">Step-by-Step<\/h2>\n\n\n\n<h3 id=\"add-a-spaces-post\" class=\"wp-block-heading\">Add a Spaces Post<\/h3>\n\n\n\n<p>From the dashboard, go to the left side of the screen, hover over <strong>Spaces<\/strong>, and click <strong>Add New<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"668\" height=\"362\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/add-new-space.png\" alt=\"How to add a new space  post from menu\" class=\"wp-image-5097\" style=\"width:300px\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/add-new-space.png 668w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/add-new-space-512x277.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/add-new-space-320x173.png 320w\" sizes=\"auto, (max-width: 668px) 100vw, 668px\" \/><\/figure>\n\n\n\n<h3 id=\"edit-the-banner\" class=\"wp-block-heading\">Edit the Banner<\/h3>\n\n\n\n<p>Click in the banner area to add a title and description (optional) for your space.<\/p>\n\n\n\n<p>Example: <em>Richcraft Hall 2200<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"241\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/banner-spaces-1024x241.png\" alt=\"Where to add a title\" class=\"wp-image-5100\" style=\"width:400px\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/banner-spaces-1024x241.png 1024w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/banner-spaces-512x121.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/banner-spaces-320x75.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/banner-spaces-768x181.png 768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/banner-spaces.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 id=\"add-space-details\" class=\"wp-block-heading\">Add Space Details<\/h3>\n\n\n\n<p>In the content area or fields provided, enter relevant information about the space. This may include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Description of the space<\/li>\n\n\n\n<li>Building name<\/li>\n\n\n\n<li>Room number<\/li>\n\n\n\n<li>Capacity<\/li>\n\n\n\n<li>Online Orientation<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1956\" height=\"264\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-Options.png\" alt=\"Add Spaces Opti\" class=\"wp-image-5101\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-Options.png 1956w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-Options-512x69.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-Options-1024x138.png 1024w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-Options-320x43.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-Options-768x104.png 768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-Options-1536x207.png 1536w\" sizes=\"auto, (max-width: 1956px) 100vw, 1956px\" \/><\/figure>\n\n\n\n<h3 id=\"categorize\" class=\"wp-block-heading\">Categorize<\/h3>\n\n\n\n<p>Use categories or taxonomies to organize your spaces. Depending on your site setup, you may be able to categorize by:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Space Type<\/strong> (e.g., Classroom, Lab, Lecture Hall)<\/li>\n\n\n\n<li><strong>Equipment<\/strong> (e.g., Projector, Computer Stations)<\/li>\n\n\n\n<li><strong>Accessibility Features<\/strong> (e.g., Wheelchair access, Hearing loop)<\/li>\n<\/ul>\n\n\n\n<p>Categorizing your spaces allows you to <strong>filter and display specific groups<\/strong> on your pages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"566\" height=\"686\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-categories.png\" alt=\"Categorize spaces using the options at the right\" class=\"wp-image-5105\" style=\"width:200px\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-categories.png 566w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-categories-512x621.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/Spaces-categories-320x388.png 320w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><\/figure>\n\n\n\n<h3 id=\"add-a-thumbnail\" class=\"wp-block-heading\">Add a Thumbnail<\/h3>\n\n\n\n<p>Set a featured image (thumbnail) for your space:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>Set featured image<\/strong><\/li>\n\n\n\n<li>Upload or select an image from your media library (600 x 400 pixels)<\/li>\n\n\n\n<li>Choose an image that visually represents the space<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"208\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/featured-image.png\" alt=\"Set featured image for your spaces post\" class=\"wp-image-5106\" style=\"width:200px\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/featured-image.png 364w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/featured-image-320x183.png 320w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\" \/><\/figure>\n\n\n\n<p>This thumbnail will appear when spaces are displayed in card layouts.<\/p>\n\n\n\n<h2 id=\"display-spaces-on-a-page\" class=\"wp-block-heading\">Display Spaces on a Page<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Spaces can be displayed on a page using card blocks:\n<ul class=\"wp-block-list\">\n<li>Add a <strong class=\"myprefix-text-bold\">Space <strong>card<\/strong> <\/strong>block to a page<\/li>\n\n\n\n<li>Choose how many to display <\/li>\n\n\n\n<li>You can hide images and excerpts<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>You can also add a filter:\n<ul class=\"wp-block-list\">\n<li>Select &#8220;Show content filter&#8221;<\/li>\n\n\n\n<li>Users can filter by building, equipment, accessibility and space type.<\/li>\n\n\n\n<li>Create dynamic, searchable space directories!<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1149\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/spaces-post-example-scaled.png\" alt=\"Space listing page showing available classrooms and accessibility features.\" class=\"wp-image-5095\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/spaces-post-example-scaled.png 2560w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/spaces-post-example-512x230.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/spaces-post-example-1024x460.png 1024w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/spaces-post-example-320x144.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/spaces-post-example-768x345.png 768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/spaces-post-example-1536x689.png 1536w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2026\/07\/spaces-post-example-2048x919.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\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 Spaces post, try it out:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add a new space post<\/li>\n\n\n\n<li>Give it a title and description<\/li>\n\n\n\n<li>Add location and feature details<\/li>\n\n\n\n<li>Assign categories (e.g., equipment, accessibility)<\/li>\n\n\n\n<li>Add a featured image<\/li>\n\n\n\n<li>Display your space on a page using a listing block<\/li>\n<\/ul>\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\/\">Next: Module 2 &#8211; Listing Blocks<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Spaces post type allows you to create listings for physical spaces (such as classrooms, labs, or meeting rooms) on your website. Each space can include key details like location, equipment, accessibility features, and space type. Once created, you can pull and display spaces on a page using listing or card blocks, and allow users [&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":[11],"class_list":["post-5089","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/5089","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=5089"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/5089\/revisions"}],"predecessor-version":[{"id":5144,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/5089\/revisions\/5144"}],"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=5089"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=5089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}