{"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":"2026-08-10T21:07:41","modified_gmt":"2026-08-11T01:07:41","slug":"footer-options","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-4-site-organization\/footer-options\/","title":{"rendered":"Footer Options"},"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<p class=\"wp-block-paragraph\">Intermediate Training Module 4: Site Organization<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\">The website footer appears at the bottom of every page on your site and provides visitors with important information such as contact details, office locations, and links to commonly accessed resources.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Because the footer is displayed site-wide, updating it in one place automatically updates it across the entire website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The footer is often one of the last places visitors look when searching for information, making it an important part of your site&#8217;s overall navigation and user experience.<\/p>\n\n\n\n<h2 id=\"what-can-be-managed-in-the-footer\" class=\"wp-block-heading\">What Can Be Managed in the Footer?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Depending on your site&#8217;s configuration, footer settings may include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Department or unit name<\/li>\n\n\n\n<li>Mailing address<\/li>\n\n\n\n<li>Building location<\/li>\n\n\n\n<li>Phone number<\/li>\n\n\n\n<li>Email address<\/li>\n\n\n\n<li>Website links<\/li>\n\n\n\n<li>Call-to-action buttons<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Because this information appears throughout the site, it should be reviewed regularly to ensure accuracy.<\/p>\n\n\n\n<h2 id=\"accessing-site-options\" class=\"wp-block-heading\">Accessing Site Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Footer content is managed through <strong>Site Options<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To access Site Options:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the Dashboard, select <strong>Appearance<\/strong> \u2192 <strong>Site Options<\/strong>.<\/li>\n\n\n\n<li>Review the available fields.<\/li>\n\n\n\n<li>Update the information as needed.<\/li>\n\n\n\n<li>Save your changes.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The updated information will automatically appear throughout your website.<\/p>\n\n\n\n<h2 id=\"contact-information\" class=\"wp-block-heading\">Contact Information<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The footer is typically used to display key contact information for your department or unit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Department name<\/li>\n\n\n\n<li>Office location<\/li>\n\n\n\n<li>Phone number<\/li>\n\n\n\n<li>Email address<\/li>\n\n\n\n<li>Website URL<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This information helps visitors quickly find ways to contact your team.<\/p>\n\n\n\n<h2 id=\"footer-buttons\" class=\"wp-block-heading\">Footer Buttons<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Many sites can also display one or more call-to-action buttons in the footer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These buttons can link to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Important internal pages<\/li>\n\n\n\n<li>Forms and applications<\/li>\n\n\n\n<li>Service requests<\/li>\n\n\n\n<li>External websites<\/li>\n\n\n\n<li>Department resources<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Examples include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Contact Us<\/li>\n\n\n\n<li>Apply Now<\/li>\n\n\n\n<li>Request Support<\/li>\n\n\n\n<li>Visit Our Department<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Buttons should be used for actions that are important to a broad audience across the entire website.<\/p>\n\n\n\n<h2 id=\"choosing-effective-footer-links\" class=\"wp-block-heading\">Choosing Effective Footer Links<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Footer buttons should support tasks visitors commonly perform.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Good examples:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Contact Us<\/li>\n\n\n\n<li>Request Support<\/li>\n\n\n\n<li>Make a Donation<\/li>\n\n\n\n<li>Visit Our Programs<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Less effective examples:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Links to rarely visited content<\/li>\n\n\n\n<li>Temporary campaign pages<\/li>\n\n\n\n<li>Content relevant to only a small audience<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Remember that footer links appear on every page of the site.<\/p>\n\n\n\n<h2 id=\"best-practices\" class=\"wp-block-heading\">Best Practices<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Keep Contact Information Current<\/strong><br>Review contact information regularly and update it whenever staff locations, phone numbers, or email addresses change.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Use Clear Button Labels<\/strong><br>Visitors should immediately understand where a button will take them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Good Examples:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Contact Us<\/li>\n\n\n\n<li>Apply Now<\/li>\n\n\n\n<li>Visit Our Programs<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Avoid:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click Here<\/li>\n\n\n\n<li>More Information<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Include Only Important Links<\/strong><br>Because footer content appears on every page, focus on the information visitors are most likely to need.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong class=\"myprefix-text-bold\">Review Changes on the Front End<\/strong><br>After updating Site Options, visit your website and confirm that the footer displays correctly.<\/p>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio w-screen ml-offset-center cu-max-w-child-7xl px-4 md:px-6 lg:px-12\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"cutheme Advanced Training - Footer\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/uxMokkaO7nE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\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\n<p class=\"wp-block-paragraph\">Hello and welcome to module 3 of our Advanced cutheme training series. This video is about your website\u2019s footer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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\n<p class=\"wp-block-paragraph\">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\n<p class=\"wp-block-paragraph\">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\n<p class=\"wp-block-paragraph\">Under&nbsp;<strong>C<\/strong><strong>ontact&nbsp;<\/strong>information, enter your telephone number and your email address.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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\n<p class=\"wp-block-paragraph\">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\n<p class=\"wp-block-paragraph\">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\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 class=\"wp-block-paragraph\">Practice updating your website footer.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open <strong>Appearance \u2192 Site Options<\/strong>.<\/li>\n\n\n\n<li>Review the current footer information.<\/li>\n\n\n\n<li>Update the department name or contact details.<\/li>\n\n\n\n<li>Add a red button and a white button.<\/li>\n\n\n\n<li>Save your changes.<\/li>\n\n\n\n<li>Visit your website and review the updated footer.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Manage site-wide contact information, footer links, and call-to-action buttons through Site Options.<\/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":[66],"class_list":["post-881","page","type-page","status-publish","hentry","cu_page_type-intermediate-training-module-4"],"acf":{"cu_post_thumbnail":""},"_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}]}}