{"id":1051,"date":"2016-10-21T10:53:18","date_gmt":"2016-10-21T15:53:18","guid":{"rendered":"http:\/\/engage.augsburg.edu\/mannj\/?p=1051"},"modified":"2016-10-21T10:53:18","modified_gmt":"2016-10-21T15:53:18","slug":"widget-visibility","status":"publish","type":"post","link":"https:\/\/engage.augsburg.edu\/mannj\/2016\/10\/21\/widget-visibility\/","title":{"rendered":"Widget Visibility"},"content":{"rendered":"<p>Prerequisite: Your sidebar \/ widget area is managed in the Customizer. <a title=\"The Customizer\" href=\"http:\/\/engage.augsburg.edu\/mannj\/2016\/08\/04\/the-customizer\/\">Read my tutorial on the Customizer<\/a> if you haven&#8217;t used it before.<\/p>\n<p>Widgets in your sidebar appear on every page of your website by default. This is great, because it provides increased visibility for your most important calls to action. See the &#8220;Information Sessions&#8221; button on this page:<\/p>\n<div id=\"attachment_1052\" style=\"width: 510px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/information-sessions.png\"><img aria-describedby=\"caption-attachment-1052\" loading=\"lazy\" class=\"size-large wp-image-1052\" title=\"information-sessions\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/information-sessions-500x240.png\" alt=\"information-sessions\" width=\"500\" height=\"240\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/information-sessions-500x240.png 500w, https:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/information-sessions-300x144.png 300w, https:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/information-sessions.png 1326w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-1052\" class=\"wp-caption-text\">Click on the image to view the full-size version<\/p><\/div>\n<p>This button links to the Events page on the same website. But when we go to that page, the button is still there even though we don&#8217;t need it. We&#8217;re already on that page!<\/p>\n<div id=\"attachment_1053\" style=\"width: 510px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/information-sessions-2.png\"><img aria-describedby=\"caption-attachment-1053\" loading=\"lazy\" class=\"size-large wp-image-1053\" title=\"information-sessions-2\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/information-sessions-2-500x239.png\" alt=\"information-sessions-2\" width=\"500\" height=\"239\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/information-sessions-2-500x239.png 500w, https:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/information-sessions-2-300x143.png 300w, https:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/information-sessions-2.png 1341w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-1053\" class=\"wp-caption-text\">Click on the image to view the full-size version<\/p><\/div>\n<p>You may encounter situations like this, where you want a widget to appear on all pages except one, or maybe you want it on just one page and not all pages. You can make these customizations using the Visibility option on your widget:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1054\" title=\"widget-visibility\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/widget-visibility.png\" alt=\"widget-visibility\" width=\"293\" height=\"282\" \/><\/p>\n<p>Click on the Visibility button and you will see the options to Show or Hide the widget based on page:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1055\" title=\"widget-visibility-2\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/widget-visibility-2.png\" alt=\"widget-visibility-2\" width=\"286\" height=\"402\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/widget-visibility-2.png 286w, https:\/\/engage.augsburg.edu\/mannj\/files\/2016\/10\/widget-visibility-2-213x300.png 213w\" sizes=\"(max-width: 286px) 100vw, 286px\" \/><\/p>\n<p>Make sure you select a specific page.<\/p>\n<p>And that&#8217;s it! Save your changes and verify the widget is behaving the way you want it to.<\/p>\n<p>If you do not see the Visibility button on your widgets, let me know. I may need to make a change to your website in order for that button to show.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prerequisite: Your sidebar \/ widget area is managed in the Customizer. Read my tutorial on the Customizer if you haven&#8217;t used it before. Widgets in your sidebar appear on every page of your website by default. This is great, because it provides increased visibility for your most important calls to action. See the &#8220;Information Sessions&#8221; [&hellip;]<\/p>\n","protected":false},"author":112,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/1051"}],"collection":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/users\/112"}],"replies":[{"embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/comments?post=1051"}],"version-history":[{"count":1,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/1051\/revisions"}],"predecessor-version":[{"id":1056,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/1051\/revisions\/1056"}],"wp:attachment":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/media?parent=1051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/categories?post=1051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/tags?post=1051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}