{"id":881,"date":"2023-11-01T15:39:48","date_gmt":"2023-11-01T19:39:48","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=881"},"modified":"2024-09-18T20:31:28","modified_gmt":"2024-09-19T00:31:28","slug":"footer-options","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-3-organizing-your-website\/footer-options\/","title":{"rendered":"Footer"},"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                        Footer\n                    <\/h1>\n                \n                                \n                                    \n\n\n<p>Module 3.3 \u2013 Advanced: Site Organization: Footer<\/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>\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>Use the site options to customize the footer and add your departmental information. <\/p>\n\n\n\n<h2 id=\"step-by-step\" class=\"wp-block-heading\">Step-By-Step<\/h2>\n\n\n\n<p><strong class=\"myprefix-text-bold\">1.<\/strong> From the Main Navigation Panel, hover over&nbsp;<strong>Appearance<\/strong>&nbsp;and click&nbsp;<strong class=\"myprefix-text-bold\">Site Options.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"92\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/CleanShot-2023-11-03-at-10.14.52.png\" alt=\"Site Options\" class=\"wp-image-918\" style=\"aspect-ratio:3.032608695652174;width:337px;height:auto\"\/><\/figure>\n\n\n\n<p><strong class=\"myprefix-text-bold\">2.<\/strong> Fill in the site options, including departmental name, location, and contact information. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"715\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/CleanShot-2023-11-03-at-10.18.35.png\" alt=\"\" class=\"wp-image-923\" style=\"aspect-ratio:1.1608391608391608;width:711px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/CleanShot-2023-11-03-at-10.18.35.png 830w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/CleanShot-2023-11-03-at-10.18.35-320x276.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/CleanShot-2023-11-03-at-10.18.35-512x441.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/CleanShot-2023-11-03-at-10.18.35-768x662.png 768w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><\/figure>\n\n\n\n<p><strong class=\"myprefix-text-bold\">3. <\/strong>Optionally, add red and white buttons to link to important information such as a related site. You can link to internal pages or to external sites.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"443\" height=\"232\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/CleanShot-2023-11-03-at-10.17.20.png\" alt=\"\" class=\"wp-image-921\" style=\"aspect-ratio:1.9094827586206897;width:375px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/CleanShot-2023-11-03-at-10.17.20.png 443w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/CleanShot-2023-11-03-at-10.17.20-320x168.png 320w\" sizes=\"auto, (max-width: 443px) 100vw, 443px\" \/><\/figure>\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\/uxMokkaO7nE\" 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-footer\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript &#8211; Footer\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-footer\">\n            \n<div class=\"accordion grid border-b border-cu-black-100 pt-4 pb-3 md:pt-6 md:pb-5 first:border-t\"><dt class=\"font-semibold mt-0 md:mt-0 mb-0\"><button class=\"flex items-center w-full accordion__button\" aria-expanded=\"false\" aria-controls=\"accordion-transcript---footer\">Transcript &#8211; Footer<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\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\"><\/path><\/svg><\/button><\/dt><dd class=\"accordion__content p-0 md:p-0 mt-0 md:mt-0\" hidden id=\"accordion-transcript---footer\">\n\n<p>Hello and welcome to module 3 of our Advanced cuTheme training series. This video is about your website\u2019s footer.<\/p>\n\n\n<p>The footer is the bar of content that appears throughout your website near the bottom just above the menu. It usually contains your department\u2019s contact information. Here\u2019s an example on our documentation site.<\/p>\n\n\n<p>To customize your footer, go to the back end and then from the navigation go to&nbsp;<strong>Appearance<\/strong>&nbsp;and&nbsp;<strong>Site Options.<\/strong>&nbsp;Here you will see options for location, contact, and buttons.<\/p>\n\n\n<p>Under&nbsp;<strong>L<\/strong><strong>ocation<\/strong>, select your department. Choose your building and optionally you can enter the room number.<\/p>\n\n\n<p>Under&nbsp;<strong>C<\/strong><strong>ontact&nbsp;<\/strong>information, enter your telephone number and your email address.<\/p>\n\n\n<p>Under&nbsp;<strong>B<\/strong><strong>uttons<\/strong>, you have the option to add two buttons \u2013 a red and a white. You just click&nbsp;<strong>Select Link<\/strong>&nbsp;and you paste your URL in there. You can change the text here and also you have the option of opening that link in a new tab.<\/p>\n\n\n<p>From the front end, here are the two buttons that we have on our site \u2013 one that links out to resources and the white button that links to our main website for Web Services.<\/p>\n\n\n<p>Once you have filled out all the information in the back end just make sure to click&nbsp;<strong>Update&nbsp;<\/strong>to save your changes.<\/p>\n\n<\/dd><\/div>\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 work with site options, time to try it out!<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong class=\"myprefix-text-bold\">Site Options <\/strong>and edit your footer information.<\/li>\n\n\n\n<li>Add a red button and a white button.<\/li>\n\n\n\n<li>Save your info and check out how it looks on the front end of your website.<\/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-4-homepage\/\">Next: Module 4 &#8211; Homepage<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Use the site options to customize the footer and add your departmental information. Step-By-Step 1. From the Main Navigation Panel, hover over&nbsp;Appearance&nbsp;and click&nbsp;Site Options. 2. Fill in the site options, including departmental name, location, and contact information. 3. Optionally, add red and white buttons to link to important information such as a related site. You [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":530,"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-881","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\/881","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=881"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/881\/revisions"}],"predecessor-version":[{"id":4292,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/881\/revisions\/4292"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/530"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=881"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}