{"id":7698,"date":"2019-09-27T16:11:00","date_gmt":"2019-09-27T20:11:00","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/?page_id=7698"},"modified":"2025-12-03T10:12:06","modified_gmt":"2025-12-03T15:12:06","slug":"widgets","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/userguide\/widgets\/","title":{"rendered":"Widgets &#038; Site Footer"},"content":{"rendered":"<p>Some of the training links listed on this page go to the UNC LinkedIn Learning training site. \u00a0LinkedIn Learning is a UNC Chapel Hill licensed online video-training library that is available for FREE to UNC Faculty, Staff and Students. To access LinkedIn Learning, you must first log in with your Onyen through the <a href=\"https:\/\/lnkd.in\/enFQCu3\">UNC LinkedIn Learning Sign-In<\/a>.<\/p>\n<ol>\n<li><a href=\"https:\/\/www.linkedin.com\/learning\/wordpress-4-essential-training\/using-widgets\">Using Widgets<\/a><\/li>\n<li><a href=\"https:\/\/www.linkedin.com\/learning\/wordpress-4-essential-training\/combining-custom-menus-and-widgets\">Combining Custom Menus and Widgets<\/a><\/li>\n<\/ol>\n<p class=\"p2\">Widgets in WordPress are implemented in the headers, footers, and sidebars of your webpages. Some examples include the navigation widget (showing the location of other pages on the site), calendar widget (displaying a schedule of events), and recent posts widget. There is no experience with coding necessary to add, move, or remove widgets, as this can all be done via the administrator screens for the webpage.<\/p>\n<p>For detailed explanations for specific widgets, select below:<\/p>\n<ol>\n<li><a href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/sidebars\/widgets-explained\/navigation-widget-section\">Navigation Widget (Section)<\/a><\/li>\n<li>More coming soon.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p class=\"p2\">To edit your widgets, open your webpage administrator dashboard and hover over the \u201cAppearance\u201d tab on the left. Select \u201cWidgets\u201d, and you will be brought to the following screen:<\/p>\n<p class=\"p2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-7720 size-large\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Widget-Page-1024x489.png\" alt=\"Widget Page Screenshot\" width=\"1024\" height=\"489\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Widget-Page-1024x489.png 1024w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Widget-Page-300x143.png 300w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Widget-Page-768x366.png 768w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Widget-Page-1536x733.png 1536w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Widget-Page-2048x977.png 2048w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Widget-Page-600x286.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-7719 alignright\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Sidebars-628x1024.png\" alt=\"Widget Sidebars Screenshot\" width=\"233\" height=\"380\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Sidebars-628x1024.png 628w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Sidebars-184x300.png 184w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Sidebars-768x1252.png 768w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Sidebars-600x978.png 600w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Sidebars.png 800w\" sizes=\"auto, (max-width: 233px) 100vw, 233px\" \/><br \/>\nThis page consists of several sections. On the left-hand side, underneath \u201cAvailable Widgets\u201d, is a list of all of the widgets that can possibly be added to the webpage, along with a brief description of what the widget does. Some widgets have additional options, which will become visible for editing when placed within a sidebar. On the right-hand side, underneath \u201cSidebars\u201d, there is a list of all sidebars for the website. Clicking on the name of each sidebar, such as \u201cFront Page\u201d or \u201cSecondary\u201d, will expand the sidebar to show any widgets currently within the sidebar.\u00a0 For example, here you can see that the &#8220;Primary&#8221; sidebar has a navigation widget, the &#8220;Secondary&#8221; sidebar has a navigation menu, and the &#8220;Footer&#8221; has a text widget with a link, a text widget, and a search widget with a link.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\">Adding, removing, or rearranging widgets in any given sidebar is quite easy. To add a widget, drag your selection from \u201cAvailable Widgets\u201d into the sidebar. To remove a widget, drag the widget out of the sidebar back into the \u201cAvailable Widgets\u201d section, where it will be deactivated. Finally, to rearrange the order of widgets as displayed on your site, simply rearrange the order in the sidebar section.<\/p>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<tbody>\n<tr>\n<td style=\"width: 33.3333%;\">\n<figure id=\"attachment_7721\" class=\"thumbnail wp-caption alignnone\" style=\"width: 260px\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7721\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Adding-Widget-300x188.png\" alt=\"Adding a Widget\" width=\"250\" height=\"157\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Adding-Widget-300x188.png 300w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Adding-Widget-768x482.png 768w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Adding-Widget-600x376.png 600w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Adding-Widget.png 859w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><figcaption class=\"caption wp-caption-text\">Adding the Image widget to the Footer<\/figcaption><\/figure><\/td>\n<td style=\"width: 33.3333%;\">\n<figure id=\"attachment_7723\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 260px\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7723\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Removing-Widget-300x119.png\" alt=\"Removing a Widget\" width=\"250\" height=\"99\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Removing-Widget-300x119.png 300w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Removing-Widget-1024x405.png 1024w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Removing-Widget-768x303.png 768w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Removing-Widget-600x237.png 600w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Removing-Widget.png 1167w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><figcaption class=\"caption wp-caption-text\">Removing the Text widget from the Footer<\/figcaption><\/figure><\/td>\n<td style=\"width: 33.3333%;\">\n<figure id=\"attachment_7722\" class=\"thumbnail wp-caption alignright\" style=\"width: 260px\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7722\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Rearranging-Widget-300x179.png\" alt=\"Rearranging Widgets\" width=\"250\" height=\"149\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Rearranging-Widget-300x179.png 300w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Rearranging-Widget-600x358.png 600w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Rearranging-Widget.png 749w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><figcaption class=\"caption wp-caption-text\">Arranging the Text widget below the Search widget<\/figcaption><\/figure><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p class=\"p2\">To see what sidebars, and therefore what widgets, are visible on any specific page, you must first navigate to that page\u2019s edit screen. To do so, first navigate to that page&#8217;s edit screen:<\/p>\n<p class=\"p2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7716 size-large\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Edit-Page-1024x320.png\" alt=\"Widget Edit Page Screenshot\" width=\"1024\" height=\"320\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Edit-Page-1024x320.png 1024w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Edit-Page-300x94.png 300w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Edit-Page-768x240.png 768w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Edit-Page-1536x481.png 1536w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Edit-Page-2048x641.png 2048w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Edit-Page-600x188.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p class=\"p2\">Then, scroll down to the \u201cPage Options\u201d section and the sidebars you wish to display on the left and right can be chosen from the respective dropdowns \u00a0.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7718 size-large\" src=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Page-Options-1024x585.png\" alt=\"Page Options Screenshot\" width=\"1024\" height=\"585\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Page-Options-1024x585.png 1024w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Page-Options-300x171.png 300w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Page-Options-768x439.png 768w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Page-Options-1536x878.png 1536w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Page-Options-600x343.png 600w, https:\/\/www.med.unc.edu\/webguide\/wp-content\/uploads\/sites\/419\/2019\/09\/Widget-Guide-Page-Options.png 1904w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Some of the training links listed on this page go to the UNC LinkedIn Learning training site. \u00a0LinkedIn Learning is a UNC Chapel Hill licensed online video-training library that is available for FREE to UNC Faculty, Staff and Students. To access LinkedIn Learning, you must first log in with your Onyen through the UNC LinkedIn &hellip; <a href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/widgets\/\" aria-label=\"Read more about Widgets &#038; Site Footer\">Read more<\/a><\/p>\n","protected":false},"author":72183,"featured_media":0,"parent":2168,"menu_order":19,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-7698","page","type-page","status-publish","hentry","odd"],"acf":[],"_links_to":[],"_links_to_target":[],"_links":{"self":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/7698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/users\/72183"}],"replies":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/comments?post=7698"}],"version-history":[{"count":1,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/7698\/revisions"}],"predecessor-version":[{"id":14940,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/7698\/revisions\/14940"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/2168"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/media?parent=7698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}