{"id":3100,"date":"2020-07-15T20:12:41","date_gmt":"2020-07-15T20:12:41","guid":{"rendered":"http:\/\/sites.rutgers.edu\/documentation\/?page_id=3100"},"modified":"2024-01-02T19:15:30","modified_gmt":"2024-01-02T19:15:30","slug":"sidebars-footers","status":"publish","type":"page","link":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/","title":{"rendered":"Sidebars & Footer Columns"},"content":{"rendered":"

Sidebars<\/strong> and footer columns<\/strong> are special areas of your site to which you can add content using Widgets<\/a>. These areas are also known as Widget Areas<\/strong>.<\/p>\n

Sidebars<\/h2>\n

A sidebar is a section to the side of a page marked by a separately colored box that might contain related links, navigation menus, or other important information on your site.<\/p>\n

Sidebars are completely optional, and can contain either default content to be shared among all pages, or content unique to just one.<\/p>\n

\"Page
A page with a sidebar on the right, utilizing it for Upcoming Events.<\/figcaption><\/figure>\n

Assigning Sidebars<\/h3>\n

To the side of (or below, depending on your display settings) every page editor, there is a Sidebar Module with a dropdown menu that allows you to assign your selected sidebar to that page.<\/p>\n

By default, pages will have the Default Sidebar selected. You can change this by selecting another sidebar from the dropdown.<\/p>\n

Clicking the “Update” button will immediately update the page’s sidebar on the live site.<\/p>\n

Your selection in this module will only<\/strong> affect the individual page that you are currently editing.<\/p>\n

\"\"
Sidebar settings can be found to the side of the page editor<\/figcaption><\/figure>\n

You can also create a new sidebar directly from the Sidebar module by clicking “Enter New”, which allows you to name and create a new sidebar without navigating away from the page editor.<\/p>\n

\"\"
Creating a new sidebar via the Sidebar Module<\/figcaption><\/figure>\n

Keep in mind, however, that any sidebar created this way will be empty (and therefore will not display on the live site) until any Widgets are added.<\/p>\n

To learn how to add Widgets to sidebars, see the Adding Widgets sections below, or the Widgets documentation<\/a>.<\/p>\n

Sidebar Position<\/h3>\n

You can choose to display your sidebar on either side of the page by selecting Left or Right from the dropdown in the Sidebar Position option under the Sidebar Controls module on the page editor.<\/p>\n

\"\"<\/p>\n

All sidebars will be displayed to the right by default.<\/p>\n

Your selection in this module will\u00a0affect only <\/strong>the individual page that you are currently editing.<\/p>\n

Removing Sidebars<\/h3>\n

You can remove the sidebar by selecting No for the Include Sidebar? Option under the Sidebar Controls module on the page editor.<\/p>\n

\"\"<\/p>\n

Selecting this option will remove the sidebar from only<\/strong> the page that you are currently editing.<\/p>\n

Footers<\/h2>\n

The footer is a differently-colored section at the bottom of every page on your site that can contain helpful links, contact information, or other supplementary content on your site.<\/p>\n

\"Footer\"<\/p>\n

Footer columns are added, edited, and removed from your site in a very similar way to sidebars. However, unlike sidebars, your site’s footer is shared universally across every page, and you cannot assign different footers to each page as you can sidebars.<\/p>\n

Footer Columns<\/h3>\n

Your site’s footer consists of four columns. Three of these columns are fully customizable using Widgets<\/a>, much like sidebars.<\/p>\n

\"Footer
Footer with Columns Highlighted<\/figcaption><\/figure>\n

The fourth column at the right-hand side, however, is meant to display contact information only and is edited through the Contact Information<\/a> screen of the Customizer.<\/p>\n

The editable footer column Widget Areas are automatically titled “Footer Column 1”, “Footer Column 2” and “Footer Column 3”, and the Widgets you add to each column will display in that order from left to right as shown in the graphic above. These titles cannot be changed.<\/p>\n

Unlike sidebars, you cannot add or remove footer columns.<\/p>\n

To learn how to add Widgets to footer columns, see the Adding Widgets sections below, or the Widgets documentation<\/a>.<\/p>\n

Adding Widgets to Widget Areas<\/h2>\n

You can customize the content of any Widget Area on your site by using a feature called Widgets.<\/p>\n

Widgets are editable snippets of content – essentially the building blocks of a sidebar or footer column. You can learn more about the kinds of Widgets available to you and how to use them on the Widgets<\/a> documentation page.<\/p>\n

Through the Dashboard<\/h3>\n

You can add, edit, or remove Widgets from a Widget Area through the dashboard by selecting the Widgets tab under Appearance.<\/p>\n

\"\"
Selecting the Widgets tab through the Dashboard sidebar<\/figcaption><\/figure>\n

On the Widgets page, you will see a listing of all available Widgets on Sites@Rutgers, as well as a listing of all the Widget Areas currently on your site.<\/p>\n

\"\"
Some of the available Widgets on Sites@Rutgers<\/figcaption><\/figure>\n
\"\"
Listing of a site’s sidebars and footer columns<\/figcaption><\/figure>\n

If you select any of the Widgets on this page, it will expand to show a list of all of your site’s Widget Areas.<\/p>\n

\"\"
Expanded list of a site’s Widget Areas below a Widget<\/figcaption><\/figure>\n

To assign this Widget to a Widget Area, select the name of that sidebar or footer column in the list, and then click the “Add Widget” button.<\/p>\n

You can also assign a Widget by dragging and dropping it onto your Widget Area of choice.<\/p>\n

The title of each Widget Area (when expanded) will show all the Widgets with which it is currently associated. You may then configure these Widgets to your liking.<\/p>\n

You can reorder Widgets simply by clicking and dragging each Widget to your preferred position in the Widget Area.<\/p>\n

\"\"
A Widget added to the Content Builder sidebar<\/figcaption><\/figure>\n

You can remove a Widget from a Widget Area by selecting the “Delete” option, or by dragging it back towards the “Available Widgets” section.<\/p>\n

Keep in mind that removing a Widget from a Widget Area will also delete any settings you’ve configured for it.<\/p>\n

\"\"
Drag widgets here to remove them from a sidebar or footer, but keep their settings<\/figcaption><\/figure>\n

To remove a Widget from a Widget Area while still retaining its settings for future use, click and drag it into the “Inactive Widgets” section.<\/p>\n

A deactivated Widget will not display under any Widget Areas, but its settings will be preserved unless it is deleted or all inactive Widgets are cleared using the “Clear Inactive Widgets” button.<\/p>\n

The “Inactive Widgets” section is only available through the Dashboard Widgets screen.<\/p>\n

Through the Customizer<\/h3>\n

You can also add, edit, or remove Widgets from a Widget Area by selecting the Widgets tab in your site’s Customizer<\/a>.<\/p>\n

\"\"
Widgets tab of Customizer highlighted<\/figcaption><\/figure>\n

In the Widgets tab, you will see a list of Widget Areas on your site.<\/p>\n

\"widgets
List of currently visible Widget Areas in Customizer view<\/figcaption><\/figure>\n

Please note that this list will only <\/strong>include the Widget Areas that are displayed on the page you are currently viewing through the Customizer. Since your site’s footer is universal, this only affects which sidebars are shown.<\/p>\n

For example, if you are viewing your site’s homepage through the Customizer, the only sidebar displayed on this list will be the one that is associated with the homepage.<\/p>\n

To edit a sidebar that is not listed on the Widgets page, simply navigate in the Customizer to a page that displays that sidebar.<\/p>\n

\"sidebar
List of Widgets associated with the Primary sidebar<\/figcaption><\/figure>\n

Once you’ve selected a Widget Area, you will see a list of all the Widgets with which it is currently associated.<\/p>\n

\"widget
Events List Widget options expanded in Customizer<\/figcaption><\/figure>\n

The Widgets in this list can be expanded to display details and editing options.<\/p>\n

\"list
A selection of available Widgets on Sites@Rutgers<\/figcaption><\/figure>\n

Selecting the Add a Widget button will bring up a list of each available Widget on your site, followed by a brief description of what it does.<\/p>\n

If you are looking for a specific Widget, you can also type its name into the search bar up top.<\/p>\n

To add any of these Widgets to a Widget Area, simply select its entry on the list and it will be automatically added.<\/p>\n

\"new
A new Widget added to a Widget Area in the Customizer<\/figcaption><\/figure>\n

It should now be displayed under the Widget Area’s list of Widgets, and can be edited as needed.<\/p>\n

To reorder the Widgets in a Widget Area, select its “Reorder” option, which expands the Widget to show up and down arrows that shift the Widget in the corresponding direction when clicked.<\/p>\n

\"\"
Expanded Widget reorder menu, displaying reorder arrows and a dropdown of Widget Areas<\/figcaption><\/figure>\n

The Reorder menu also lets you move individual Widgets to other Widget areas by selecting a different area from the dropdown and selecting “Move”.<\/p>\n

You can also reorder Widgets simply by clicking and dragging each Widget to your preferred position in the Widget Area.<\/p>\n","protected":false},"excerpt":{"rendered":"

Sidebars and footer columns are special areas of your site to which you can add content using Widgets. These areas are also known as Widget Areas. Sidebars A sidebar is … Read More<\/a><\/p>\n","protected":false},"author":33,"featured_media":0,"parent":974,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3100","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nSidebars & Footer Columns - Sites@Rutgers Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sidebars & Footer Columns - Sites@Rutgers Documentation\" \/>\n<meta property=\"og:description\" content=\"Sidebars and footer columns are special areas of your site to which you can add content using Widgets. These areas are also known as Widget Areas. Sidebars A sidebar is … Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/\" \/>\n<meta property=\"og:site_name\" content=\"Sites@Rutgers Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-02T19:15:30+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/03\/Screen-Shot-2018-03-13-at-11.51.48-AM-e1593202246835.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/\",\"url\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/\",\"name\":\"Sidebars & Footer Columns - Sites@Rutgers Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/03\/Screen-Shot-2018-03-13-at-11.51.48-AM-e1593202246835.png\",\"datePublished\":\"2020-07-15T20:12:41+00:00\",\"dateModified\":\"2024-01-02T19:15:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/#primaryimage\",\"url\":\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/03\/Screen-Shot-2018-03-13-at-11.51.48-AM-e1593202246835.png\",\"contentUrl\":\"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/03\/Screen-Shot-2018-03-13-at-11.51.48-AM-e1593202246835.png\",\"width\":1229,\"height\":558},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sites.rutgers.edu\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Site Configuration\",\"item\":\"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sidebars & Footer Columns\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sites.rutgers.edu\/documentation\/#website\",\"url\":\"https:\/\/sites.rutgers.edu\/documentation\/\",\"name\":\"Sites@Rutgers Documentation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sites.rutgers.edu\/documentation\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sidebars & Footer Columns - Sites@Rutgers Documentation","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:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/","og_locale":"en_US","og_type":"article","og_title":"Sidebars & Footer Columns - Sites@Rutgers Documentation","og_description":"Sidebars and footer columns are special areas of your site to which you can add content using Widgets. These areas are also known as Widget Areas. Sidebars A sidebar is … Read More","og_url":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/","og_site_name":"Sites@Rutgers Documentation","article_modified_time":"2024-01-02T19:15:30+00:00","og_image":[{"url":"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/03\/Screen-Shot-2018-03-13-at-11.51.48-AM-e1593202246835.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/","url":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/","name":"Sidebars & Footer Columns - Sites@Rutgers Documentation","isPartOf":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/#primaryimage"},"image":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/#primaryimage"},"thumbnailUrl":"http:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/03\/Screen-Shot-2018-03-13-at-11.51.48-AM-e1593202246835.png","datePublished":"2020-07-15T20:12:41+00:00","dateModified":"2024-01-02T19:15:30+00:00","breadcrumb":{"@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/#primaryimage","url":"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/03\/Screen-Shot-2018-03-13-at-11.51.48-AM-e1593202246835.png","contentUrl":"https:\/\/sites.rutgers.edu\/documentation\/wp-content\/uploads\/sites\/14\/2018\/03\/Screen-Shot-2018-03-13-at-11.51.48-AM-e1593202246835.png","width":1229,"height":558},{"@type":"BreadcrumbList","@id":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/sidebars-footers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sites.rutgers.edu\/documentation\/"},{"@type":"ListItem","position":2,"name":"Site Configuration","item":"https:\/\/sites.rutgers.edu\/documentation\/site-configuration\/"},{"@type":"ListItem","position":3,"name":"Sidebars & Footer Columns"}]},{"@type":"WebSite","@id":"https:\/\/sites.rutgers.edu\/documentation\/#website","url":"https:\/\/sites.rutgers.edu\/documentation\/","name":"Sites@Rutgers Documentation","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sites.rutgers.edu\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/3100"}],"collection":[{"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/comments?post=3100"}],"version-history":[{"count":42,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/3100\/revisions"}],"predecessor-version":[{"id":3881,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/3100\/revisions\/3881"}],"up":[{"embeddable":true,"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/pages\/974"}],"wp:attachment":[{"href":"https:\/\/sites.rutgers.edu\/documentation\/wp-json\/wp\/v2\/media?parent=3100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}