{"id":4394,"date":"2016-10-11T08:40:10","date_gmt":"2016-10-11T12:40:10","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=4394"},"modified":"2023-06-14T13:21:10","modified_gmt":"2023-06-14T17:21:10","slug":"how-to-edit-widgets-from-the-customizer","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-themes\/how-to-edit-widgets-from-the-customizer\/","title":{"rendered":"How to Use Widgets in the WordPress Customizer"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4788\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/1-5209796269_3b538042c8_o.png\" width=\"750\" height=\"250\" alt=\"Social media and WordPress icons\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/1-5209796269_3b538042c8_o.png 750w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/1-5209796269_3b538042c8_o-300x100.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/1-5209796269_3b538042c8_o-250x83.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/1-5209796269_3b538042c8_o-550x183.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/1-5209796269_3b538042c8_o-540x180.png 540w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Widgets are small blocks that perform a specific function, and they are a significant component in web design. For example, if your business has a Twitter feed, various social media accounts, or a calendar of upcoming events, you can add these as widgets to display on all the pages of your site.<\/p>\n<p>This allows your visitors to engage more actively with the content of your site and share your content with others.<\/p>\n<p>You will be able to see a list of widgets and what they do when you are ready to use them. From within the <strong>WordPress Customizer<\/strong>, you can easily add and edit widgets. <a href=\"https:\/\/www.boldgrid.com\/get-it-now\/\">BoldGrid<\/a> makes these modifications easy to apply.<\/p>\n<ol>\n<li><!-- \/home\/christopher\/Pictures\/4394_Selection_01.png --><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_01.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-4396 size-medium\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_01-300x240.png\" alt=\"Click Customize\" width=\"300\" height=\"240\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_01-300x240.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_01-250x200.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_01-225x180.png 225w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_01-375x300.png 375w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_01.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Click the <strong>Customize<\/strong> button.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li>Click on the <strong>Widgets<\/strong> Tab.&nbsp;<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widgets-tab.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-6307\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widgets-tab.png\" alt=\"widgets panel in Customizer\" width=\"300\" height=\"511\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widgets-tab.png 338w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widgets-tab-176x300.png 176w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widgets-tab-250x426.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widgets-tab-106x180.png 106w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widgets-tab-293x500.png 293w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li>Hover over a widget area and you will see on the screen where the widgets would be placed if added: <a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-6121\" alt=\"Widget location shows in live preview\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area-1024x514.png\" width=\"300\" height=\"151\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area-1024x514.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area-300x151.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area-768x385.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area-250x125.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area-550x276.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area-800x402.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area-359x180.png 359w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area-598x300.png 598w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area-996x500.png 996w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-hover-over-widget-area.png 1594w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widget-area.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-5967\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widget-area.png\" alt=\"Select Widget location\" width=\"300\" height=\"435\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widget-area.png 325w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widget-area-207x300.png 207w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widget-area-250x362.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/10\/4394-click-widget-area-124x180.png 124w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Select a widget area to add more areas to hold widgets.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_06.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-4401 size-medium\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_06-300x240.png\" alt=\"Click add a widget button\" width=\"300\" height=\"240\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_06-300x240.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_06-250x200.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_06-225x180.png 225w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_06-375x300.png 375w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_06.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Click <strong>Add a Widget<\/strong> to choose from a selection of available widgets.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<\/ol>\n<h2 id=\"how-to-add-more-widget-areas-to-the-header-andor-footer\">How to Add More Widget Areas to the Header and\/or Footer<\/h2>\n<ol>\n<li><!-- \/home\/christopher\/Pictures\/4394_Selection_08.png -->&nbsp;<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-4402 size-medium\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_08-300x240.png\" alt=\"Choose Header Widgets or Footer Widgets\" width=\"300\" height=\"240\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_08-300x240.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_08-250x200.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_08-225x180.png 225w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_08-375x300.png 375w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_08.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>While you are in the Customizer, you can also add more widget areas.&nbsp; Click <strong>Header Widgets<\/strong> or <strong>Footer Widgets<\/strong> under the widget areas.&nbsp;\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><!-- \/home\/christopher\/Pictures\/4394_Selection_09.png --><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_09.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-4403 size-medium\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_09-300x240.png\" alt=\"Choose how many widget areas you would like to display\" width=\"300\" height=\"240\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_09-300x240.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_09-250x200.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_09-225x180.png 225w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_09-375x300.png 375w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/09\/4394_Selection_09.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Choose a number for how many widgets areas you would like to display.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<\/ol>\n<p>When you go back to your <strong>Widgets<\/strong> menu, you will see the new Header or Footer widget area available to hold more widgets.<\/p>\n<p>Well done on completing this tutorial about using widgets in the WordPress Customizer. Now you should proceed on to the <a href=\"https:\/\/www.boldgrid.com\/support\/?p=4406\">Advanced section of the Customizer<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Widgets are small blocks that perform a specific function, and they are a significant component in web design. For example, if your business has a Twitter feed, various social media accounts, or a calendar of upcoming events, you can add these as widgets to display on all the pages of your site. This allows your [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to Use Widgets in the WordPress Customizer | BoldGrid","bgseo_description":"You can easily add or edit widgets within the WordPress customizer. BoldGrid is a fast, easy WordPress site builder you can use for any project.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[764],"tags":[29,92],"class_list":["post-4394","post","type-post","status-publish","format-standard","hentry","category-boldgrid-themes","tag-customizer","tag-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/4394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=4394"}],"version-history":[{"count":20,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/4394\/revisions"}],"predecessor-version":[{"id":92136,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/4394\/revisions\/92136"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=4394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=4394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=4394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}