{"id":132,"date":"2016-06-03T16:34:16","date_gmt":"2016-06-03T20:34:16","guid":{"rendered":"http:\/\/carleton.ca\/cms-help\/?page_id=132"},"modified":"2022-05-12T14:32:34","modified_gmt":"2022-05-12T18:32:34","slug":"pages","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/","title":{"rendered":"Pages"},"content":{"rendered":"<p>Pages display static information, meaning that they do not change frequently. Pages make up your site navigation. You are currently on a page, and if you were to click on any of the items in the menu, you will be taken to a new page.<\/p>\n<h2>Step by Steps<\/h2>\n<h3>Creating a new page<\/h3>\n<ol>\n<li>Add a new page\u00a0<a href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-1-getting-started\/managing-content-part-1\/\">using the side or top menu<\/a>.<\/li>\n<li>Give your page a title by typing into the\u00a0<strong>Add Title<\/strong><\/li>\n<li>By default, the title of the page will also be the end of the page\u2019s URL, with hyphens replacing spaces. To change the page\u2019s URL, click edit and type in the new slug.<\/li>\n<li>Add content to the text editor box.<\/li>\n<li><a href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-1-getting-started\/managing-content-part-1\/\">Save, schedule, or publish<\/a> your page.<\/li>\n<\/ol>\n<h3>Editing page banner<\/h3>\n<p>You may not have permissions enabled to change the page banner. If you want to gain access to this option, please <a href=\"https:\/\/carleton.ca\/webservices\/support\/\">contact Web Services<\/a>. If you just want to test out these options, you should have permission to do so on the <a href=\"https:\/\/staging.carleton.ca\/ccms-playground\/\">CCMS Playground<\/a><\/p>\n<ol>\n<li>Scroll to the <strong>Page Options<\/strong> menu<\/li>\n<li>Under <strong>Banner Image Type<\/strong>, select <strong>Hosted<\/strong> or <strong>Upload<\/strong><strong><br \/>\n<\/strong><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1324\" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.01-PM-240x81.png\" alt=\"\" width=\"300\" height=\"102\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.01-PM-240x81.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.01-PM-400x135.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.01-PM-160x54.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.01-PM-360x122.png 360w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.01-PM.png 626w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<ol>\n<li>To use a hosted banner, insert the name of the hosted image in the <strong>Banner Hosted Image<\/strong> field. Learn about hosted banners in <a href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-2-media\/hosted-images\/\">Advanced Training Module 2: Hosted Images<\/a>.<\/li>\n<li>To upload a banner, click the <strong>Add Image<\/strong> button under <strong>Banner Uploaded Image<\/strong>.<\/li>\n<\/ol>\n<\/li>\n<li>Select your desired <strong>Banner Opacity<\/strong>.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1323 size-large\" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.11-PM-400x95.png\" alt=\"\" width=\"400\" height=\"95\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.11-PM-400x95.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.11-PM-240x57.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.11-PM-160x38.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.11-PM-768x183.png 768w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.11-PM-360x86.png 360w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-07-at-12.09.11-PM.png 898w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/li>\n<\/ol>\n<h3>Parent page<\/h3>\n<p>You can make one page appear as the \u201cchild\u201d of another page by giving it a \u201cParent\u201d in the \u201cPage Attributes\u201d menu. This will change the child page\u2019s URL to the following: https:\/\/carleton.ca\/yoursite\/parent-page\/child-page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-1814 aligncenter\" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Parent-child-pages.png\" alt=\"\" width=\"587\" height=\"73\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Parent-child-pages.png 1171w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Parent-child-pages-240x30.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Parent-child-pages-400x50.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Parent-child-pages-160x20.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Parent-child-pages-768x95.png 768w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Parent-child-pages-360x45.png 360w\" sizes=\"(max-width: 587px) 100vw, 587px\" \/><\/p>\n<p>A parent page is a way to group pages. For example, a parent page could be &#8220;Fruit&#8221; and its child pages could be &#8220;Banana&#8221;, &#8220;Orange&#8221;, and &#8220;Pear&#8221;. Parent pages are not required but do change the URL and help you stay organized.<\/p>\n<p>To give a page a parent:<img decoding=\"async\" loading=\"lazy\" class=\" wp-image-1815 alignright\" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/page-attributes-240x206.png\" alt=\"\" width=\"220\" height=\"189\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/page-attributes-240x206.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/page-attributes-400x344.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/page-attributes-160x138.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/page-attributes-360x309.png 360w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/page-attributes.png 448w\" sizes=\"(max-width: 220px) 100vw, 220px\" \/><\/p>\n<ol>\n<li>Navigate to the <strong>Page Attributes<\/strong> menu<\/li>\n<li>Select a page from the drop-down list under <strong>Parent<\/strong><\/li>\n<li>Under <strong>Order<\/strong>, insert an order number. If the parent page has many child pages, child pages will be arranged by order number.<\/li>\n<\/ol>\n<h3>Table of contents<\/h3>\n<p>A table of contents is displayed at the top of a page. It allows users to easily navigate your page and quickly jump to the content they are looking for. An example of a table of contents can be found at the top of this page.<\/p>\n<p>To enable table of contents:<\/p>\n<ol>\n<li><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-1148 size-medium alignright\" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-02-at-3.20.06-PM-240x66.png\" alt=\"\" width=\"240\" height=\"66\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-02-at-3.20.06-PM-240x66.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-02-at-3.20.06-PM-400x110.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-02-at-3.20.06-PM-160x44.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-02-at-3.20.06-PM-360x99.png 360w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-02-at-3.20.06-PM.png 562w\" sizes=\"(max-width: 240px) 100vw, 240px\" \/>From the content editor screen, navigate to the<strong>\u00a0Enable Table of Contents<\/strong> menu.<\/li>\n<li>Check the box next to <strong>Show Table of Contents for this page<\/strong>.<\/li>\n<li>The table of contents is automatically generated based on your current headings.<\/li>\n<\/ol>\n<h2>Video Tutorial<\/h2>\n<div class=\"content__video\"><iframe loading=\"lazy\" title=\"Module 2: Pages\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WdxWV7qrJ7o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<h3>Transcript<\/h3>\n<div class=\"slideme\"><dl class=\"slideme__list\"><dt class=\"slideme__term\"><a href=\"#slideme-module-2-pages\" aria-expanded=\"false\" aria-controls=\"slideme-module-2-pages\" class=\"slideme__heading slideme__trigger\">Module 2: Pages<\/a><\/dt><dd class=\"slideme__description\" id=\"slideme-module-2-pages\" aria-hidden=\"true\"><p><\/p>\n<p>Hello, and welcome to Module 2 of the Basic CMS Training. In this video we will go over pages.<\/p>\n<p>Pages are the most basic and commonly seen content on a website. Pages display static information, meaning the content of a page doesn\u2019t change frequently. Pages make up the site navigation.<\/p>\n<p>This is an example of a page. All the items that you see on the navigation menu here are also pages.<\/p>\n<p>Now I\u2019ll walk you through the page editor. I\u2019ll start by adding a new page.<\/p>\n<p>Like the content editors for all other types of content, the page editor has fields for you to add a title and page content, as well as a Publish menu and a Categories menu. When you add a page title, CMS will automatically generate the page\u2019s URL with the site title being the slug. To change the page\u2019s URL, click \u201cedit\u201d and type in your new slug.<\/p>\n<p>You also have the option to add a banner image to your page. Your banner image will look something like this.<\/p>\n<p>To add a banner to your page, scroll down to \u201cPage Options\u201d, and under \u201cBanner Image Type\u201d, select \u201cHosted\u201d to use a hosted image or \u201cUpload\u201d to upload your own image. We will talk more about hosted images in the Advanced Training Module 2.<\/p>\n<p>Now, I will upload a banner image by selecting \u201cUpload\u201d and clicking the \u201cAdd Image\u201d button here. I will select an image from the media library. You can darken the banner image to improve text readability. Here I will select 50%.<\/p>\n<p>One feature unique of pages is creating a parent-child page hierarchy. You can make one page the \u201cchild\u201d of another page by giving it a \u201cParent\u201d in the \u201cPage Attributes\u201d menu. Under \u201cOrder\u201d, you can insert an order number. If the parent page has many children, the children pages will be arranged by order numbers. This will change the slug of the child into \u201cparent-page\/child-page\u201d.<\/p>\n<p>Another unique feature of pages is the table of contents. A table of contents is automatically generated based on your current headings, and is displayed at the top of a page. It allows users to easily navigate your page and quickly jump to the content they are looking for. To enable the table of contents, from the page editor screen, scroll down to the \u201cEnable Table of Contents\u201d menu and check the box.<\/p>\n<p><\/p><\/dd><dl><\/div>\n<h2>Try It Out!<\/h2>\n<p>Now that you have learned about pages, time to try it out!<\/p>\n<ol>\n<li>Create a new page.<\/li>\n<li>Give the page a title. Change the page URL.<\/li>\n<li>Add a banner image to your page.<\/li>\n<li>Give the page a parent page.<\/li>\n<li>Add some headings to the page, and generate a table of contents.<\/li>\n<\/ol>\n\n<div class=\"u-center-text\">\n\t<p>\n\t\t<a class=\"button__red button__red--solid\" href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/posts\/\"  rel=\"noopener noreferrer\">Next: Posts<\/a>\n\t<\/p>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Pages display static information, meaning that they do not change frequently. Pages make up your site navigation. You are currently on a page, and if you were to click on any of the items in the menu, you will be taken to a new page. Step by Steps Creating a new page Add a new [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":846,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pages - Carleton CMS Help Centre<\/title>\n<meta name=\"description\" content=\"Pages display static information, meaning that they do not change frequently. Pages make up your site navigation. You are currently on a page, and if you\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/\",\"url\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/\",\"name\":\"Pages - Carleton CMS Help Centre\",\"isPartOf\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\"},\"datePublished\":\"2016-06-03T20:34:16+00:00\",\"dateModified\":\"2022-05-12T18:32:34+00:00\",\"description\":\"Pages display static information, meaning that they do not change frequently. Pages make up your site navigation. You are currently on a page, and if you\",\"breadcrumb\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carleton.ca\/cms-help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Basic Training\",\"item\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Module 2: Types of Content\",\"item\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\",\"url\":\"https:\/\/carleton.ca\/cms-help\/\",\"name\":\"Carleton CMS Help Centre\",\"description\":\"Web Services - Carleton university\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pages - Carleton CMS Help Centre","description":"Pages display static information, meaning that they do not change frequently. Pages make up your site navigation. You are currently on a page, and if you","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/","url":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/","name":"Pages - Carleton CMS Help Centre","isPartOf":{"@id":"https:\/\/carleton.ca\/cms-help\/#website"},"datePublished":"2016-06-03T20:34:16+00:00","dateModified":"2022-05-12T18:32:34+00:00","description":"Pages display static information, meaning that they do not change frequently. Pages make up your site navigation. You are currently on a page, and if you","breadcrumb":{"@id":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carleton.ca\/cms-help\/"},{"@type":"ListItem","position":2,"name":"Basic Training","item":"https:\/\/carleton.ca\/cms-help\/basic-training\/"},{"@type":"ListItem","position":3,"name":"Module 2: Types of Content","item":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-2-types-of-content\/"},{"@type":"ListItem","position":4,"name":"Pages"}]},{"@type":"WebSite","@id":"https:\/\/carleton.ca\/cms-help\/#website","url":"https:\/\/carleton.ca\/cms-help\/","name":"Carleton CMS Help Centre","description":"Web Services - Carleton university","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":{"banner_image_type":null,"banner_uploaded_image":null,"banner_hosted_image":null,"banner_opacity":null,"banner_button":null,"banner_buttons":null},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/132"}],"collection":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/comments?post=132"}],"version-history":[{"count":4,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/132\/revisions"}],"predecessor-version":[{"id":1817,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/132\/revisions\/1817"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/846"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/media?parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}