{"id":245,"date":"2024-03-24T12:34:13","date_gmt":"2024-03-24T12:34:13","guid":{"rendered":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/?p=245"},"modified":"2024-03-24T12:34:13","modified_gmt":"2024-03-24T12:34:13","slug":"add-widgets-to-your-site","status":"publish","type":"post","link":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/add-widgets-to-your-site\/","title":{"rendered":"Add widgets to your site"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Add widgets to your site<\/h2>\n\n\n\n<p>A widget is a tool that adds different functions to your site. Most sites come with certain widgets already installed, but you can add to and remove them by following the steps below.<\/p>\n\n\n\n<p>1. Go to your site\u00a0<strong>Dashboard<\/strong>\u00a0and click\u00a0<strong>Appearance<\/strong>\u00a0&gt;\u00a0<strong>Widgets<\/strong>\u00a0in the left-hand menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"435\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets1.png?resize=1024%2C435&#038;ssl=1\" alt=\"\" class=\"wp-image-247\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets1.png?resize=1024%2C435&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets1.png?resize=300%2C127&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets1.png?resize=768%2C326&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets1.png?w=1058&amp;ssl=1 1058w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>2. Click on the widget to select it, select the correct sidebar (if your theme has more than one), and click the\u00a0<strong>Add Widget<\/strong>\u00a0button. Alternatively, you can drag it to the sidebar location where you want it to appear.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"578\" height=\"654\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets3.png?resize=578%2C654&#038;ssl=1\" alt=\"\" class=\"wp-image-249\" style=\"width:493px;height:auto\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets3.png?w=578&amp;ssl=1 578w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets3.png?resize=265%2C300&amp;ssl=1 265w\" sizes=\"auto, (max-width: 578px) 100vw, 578px\" \/><figcaption class=\"wp-element-caption\">Select widget, choose sidebar, and click Add Widget button<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"894\" height=\"539\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets2.png?resize=894%2C539&#038;ssl=1\" alt=\"\" class=\"wp-image-248\" style=\"width:752px;height:auto\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets2.png?w=894&amp;ssl=1 894w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets2.png?resize=300%2C181&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets2.png?resize=768%2C463&amp;ssl=1 768w\" sizes=\"auto, (max-width: 894px) 100vw, 894px\" \/><figcaption class=\"wp-element-caption\">Drag widget from Available Widgets list to the sidebar where it should appear<\/figcaption><\/figure>\n\n\n\n<p>3. To customize a widget\u2019s settings, click the down arrow in the upper right corner to expand the widget\u2019s interface. Different widgets will have different settings or customizations. To save the customizations you made, click\u00a0<strong>Save<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"501\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets4.png?resize=888%2C501&#038;ssl=1\" alt=\"\" class=\"wp-image-251\" style=\"width:765px;height:auto\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets4.png?w=888&amp;ssl=1 888w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets4.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets4.png?resize=768%2C433&amp;ssl=1 768w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<p>4. To arrange the order of your widgets, click and drag them into the position you want.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"330\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets5.png?resize=364%2C330&#038;ssl=1\" alt=\"\" class=\"wp-image-252\" style=\"width:318px;height:auto\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets5.png?w=364&amp;ssl=1 364w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets5.png?resize=300%2C272&amp;ssl=1 300w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\" \/><\/figure>\n\n\n\n<p>5. To remove a widget, click\u00a0<strong>Delete<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"507\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets6.png?resize=370%2C507&#038;ssl=1\" alt=\"\" class=\"wp-image-253\" style=\"width:310px;height:auto\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets6.png?w=370&amp;ssl=1 370w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/AddWidgets6.png?resize=219%2C300&amp;ssl=1 219w\" sizes=\"auto, (max-width: 370px) 100vw, 370px\" \/><\/figure>\n\n\n\n<p>Please note: If you change themes, the widgets may be reset, depending on the theme. You may need to add them again and rearrangement depending upon the theme\u2019s ability to preserve other themes\u2019 widgets.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>This article is adapted from\u00a0<a href=\"https:\/\/openlab.citytech.cuny.edu\/blog\/help\/openlab-help\/\">City Tech OpenLab Help<\/a>, under a\u00a0<a href=\"http:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">CC BY-NC-SA license<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add widgets to your site A widget is a tool that adds different functions to your site. Most sites come with certain widgets already installed, but you can add to and remove them by following the steps below. 1. Go to your site\u00a0Dashboard\u00a0and click\u00a0Appearance\u00a0&gt;\u00a0Widgets\u00a0in the left-hand menu. 2. Click on the widget to select it, [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[30],"tags":[],"class_list":["post-245","post","type-post","status-publish","format-standard","hentry","category-build-a-site"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":3,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/245\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/245\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/media?parent=245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/categories?post=245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/tags?post=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}