{"id":550,"date":"2015-09-22T16:11:18","date_gmt":"2015-09-22T16:11:18","guid":{"rendered":"http:\/\/artsci.case.edu\/documentation\/?page_id=550"},"modified":"2015-09-28T16:21:40","modified_gmt":"2015-09-28T16:21:40","slug":"addingmanaging-widgets","status":"publish","type":"page","link":"https:\/\/artsci.case.edu\/documentation\/addingmanaging-widgets\/","title":{"rendered":"Adding\/Managing Widgets"},"content":{"rendered":"<div class=\"row column-group-1\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>Widgets provide a simple and easy-to-use way of giving design and structure control to a user. They appear on the righthand-side of the homepage and can be used to provide additional information concerning the site.<\/p>\n<p>There are two different widgets that can be added to a website: the <em>CAS Highlight Widget<\/em> and the <em>CAS Event Widget<\/em>.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001103\/AddingWidgets11.png\"><img loading=\"lazy\" class=\"alignleft wp-image-564 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001103\/AddingWidgets11-600x479.png\" alt=\"AddingWidgets1\" width=\"600\" height=\"479\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001103\/AddingWidgets11-600x479.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001103\/AddingWidgets11-1024x818.png 1024w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001103\/AddingWidgets11-500x399.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001103\/AddingWidgets11.png 1301w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-2\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>1. <em>Widgets<\/em> can be found under the <em>Appearance<\/em> section in the backend menu.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001102\/AddingWidgets2.png\"><img loading=\"lazy\" class=\"alignleft wp-image-565 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001102\/AddingWidgets2-600x361.png\" alt=\"AddingWidgets2\" width=\"600\" height=\"361\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001102\/AddingWidgets2-600x361.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001102\/AddingWidgets2-500x301.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001102\/AddingWidgets2.png 1006w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-3\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>2. To add a widget, simply drag it over to the sidebar on the right\u00a0or click it and select the <em>Add Widget<\/em> button.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets4.png\"><br \/><\/a><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets4.png\"><img loading=\"lazy\" class=\"alignleft wp-image-566 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets4-600x349.png\" alt=\"AddingWidgets4\" width=\"600\" height=\"349\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets4-600x349.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets4-1024x596.png 1024w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets4-500x291.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets4.png 1140w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><img loading=\"lazy\" class=\"alignleft wp-image-567 size-full\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets3.png\" alt=\"AddingWidgets3\" width=\"522\" height=\"205\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets3.png 522w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets3-520x205.png 520w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001100\/AddingWidgets3-500x196.png 500w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/p>\n<\/div>\n<p><\/div>\n<hr \/>\n<p>&nbsp;<\/p>\n<div class=\"row column-group-4\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>3. After adding a widget, WordPress will ask for the widget&#8217;s title which will be displayed above it on the frontend. Enter the desired title\u00a0and remember to <em>Save<\/em>\u00a0before exiting the page.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001059\/AddingWidgets5.png\"><img loading=\"lazy\" class=\"alignleft wp-image-568 size-full\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001059\/AddingWidgets5.png\" alt=\"AddingWidgets5\" width=\"474\" height=\"448\" \/><\/a><\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<h3>Deleting Widgets<\/h3>\n<div class=\"row column-group-5\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>Removing\u00a0widgets is as simple as adding them. Just click on the desired widget and select the underlined <em>Delete<\/em> text.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001059\/AddingWidgets6.png\"><img loading=\"lazy\" class=\"alignleft wp-image-569 size-full\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001059\/AddingWidgets6.png\" alt=\"AddingWidgets6\" width=\"474\" height=\"448\" \/><\/a><\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<p>&nbsp;<\/p>\n<h3>Events<\/h3>\n<div class=\"row column-group-6\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>The\u00a0<em>CAS Event Widget\u00a0<\/em>will only work if there are events for it to display. The widget can pull events from either a Google Calendar that is linked to the website or the <em>Events<\/em> area (if it has been activated).<\/p>\n<p><a href=\"http:\/\/artsci.case.edu\/documentation\/using-the-calendar-with-google-calendars\/\">Click here<\/a> to learn how to integrate Google Calendars.<\/p>\n<p>Contact Sarah Bailey at scb89@case.edu to activate the <em>Events<\/em> area.<\/p>\n<p>If the widget can not find any events to pull from, it will display an error message in its place on the frontend.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001057\/EventsWidget2.png\"><img loading=\"lazy\" class=\"alignleft wp-image-582 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001057\/EventsWidget2-600x270.png\" alt=\"EventsWidget2\" width=\"600\" height=\"270\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001057\/EventsWidget2-600x270.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001057\/EventsWidget2-500x225.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001057\/EventsWidget2.png 999w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001058\/EventsWidget11.png\"><img loading=\"lazy\" class=\"alignleft wp-image-579 size-full\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001058\/EventsWidget11.png\" alt=\"\" width=\"392\" height=\"137\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<p>&nbsp;<\/p>\n<h3>Highlights<\/h3>\n<div class=\"row column-group-7\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>Like the <em>CAS Event Widget<\/em>, the <em>CAS Highlight Widget<\/em> will work only if it can find highlights to display.<\/p>\n<p>To add highlights, go to the Highlights section in the backend.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001056\/HighlightsWidget1.png\"><img loading=\"lazy\" class=\"alignleft size-medium wp-image-594\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001056\/HighlightsWidget1-600x274.png\" alt=\"HighlightsWidget1\" width=\"600\" height=\"274\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001056\/HighlightsWidget1-600x274.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001056\/HighlightsWidget1-1024x468.png 1024w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001056\/HighlightsWidget1-500x228.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/09\/15001056\/HighlightsWidget1.png 1141w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>\n<\/div>\n<p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;<\/p>\n<p>Deleting Widgets<\/p>\n<p>&nbsp;<\/p>\n<p>Events<\/p>\n<p>&nbsp;<\/p>\n<p>Highlights<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/artsci.case.edu\/documentation\/addingmanaging-widgets\/\" class=\"more-link\">Continue reading&#8230; <span class=\"screen-reader-text\">Adding\/Managing Widgets<\/span><\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"spay_email":""},"_links":{"self":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/550"}],"collection":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/comments?post=550"}],"version-history":[{"count":10,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/550\/revisions"}],"predecessor-version":[{"id":600,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/550\/revisions\/600"}],"wp:attachment":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/media?parent=550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}