{"title":"Adding Widgets to Different Widget Areas","id":36406,"link":"https:\/\/env.averta.net\/en\/step\/adding-widgets-to-different-widget-areas\/","parent":[35059],"content":"<p>There are variety of <strong>Widgets<\/strong> available in Phlox, which can be added to the widget areas such as <strong>sidebars<\/strong>, <strong>subfooter bar<\/strong> and <strong>subfooter<\/strong>.<\/p>\n<p>Please follow below steps to see all available widgets:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-38084 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/widgets-1.gif\" alt=\"\" width=\"824\" height=\"580\" \/><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to your <strong>WordPress admin panel<\/strong><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click?<\/span><b>Appearance<\/b><span style=\"font-weight: 400;\"> on the <\/span><b>Dashboard<\/b><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Then click <\/span><b>Widgets<\/b><\/li>\n<\/ol>\n<hr style=\"clear: both;\" \/>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-36407\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/widget-areas.png\" alt=\"widget-areas\" width=\"475\" height=\"388\" \/><br \/>\nIt is possible to add widgets in different areas such as global, blog, search result, and subfooter area. Please note some widgetareas generates based on some theme options on customizer such as <strong><a href=\"https:\/\/env.averta.net\/en\/step\/customizing-phlox-post-options\/?b=35086,35086\" title=\"Customizing Phlox Post Options\">Subfooter Layout<\/a><\/strong>.<\/p>\n<p>Follow below steps to?manage widgets in these?<strong>Widget Areas<\/strong>:<\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to your <strong>WordPress Admin Panel<\/strong><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click?<\/span><b>Appearance<\/b><span style=\"font-weight: 400;\"> on the <\/span><b>Dashboard<\/b><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Then click?<\/span><b>Widgets<\/b><\/li>\n<\/ol>\n<hr style=\"clear: both;\" \/>\n<h3>Add Widgets<\/h3>\n<p>On the left side, you can see all available widgets on Phlox. While on the right, you can find the available widget areas. There are several ways to add a widget on widget area.<\/p>\n<ul>\n<li>You can add a widget by dragging to?the area that you wish to displace the widget.<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36434 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/drag-widget.jpg\" alt=\"drag-widget\" width=\"856\" height=\"413\" \/><\/li>\n<li>You can add a widget by clicking on the widget, then select a widget area and click the <code>Add Widget.<\/code><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36433 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/add-widget.png\" alt=\"add-widget\" width=\"383\" height=\"458\" \/><\/li>\n<\/ul>\n<hr \/>\n<h3>Available Areas<\/h3>\n<p>There are various areas to add widgets to them:<\/p>\n<h4>Global Primary and Secondary Widget Areas<\/h4>\n<p>Global widget areas display on all the pages which have sidebar enabled, except blog and posts pages.<\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong> You can find more info about sidebars and how to use them <a href=\"https:\/\/env.averta.net\/en\/step\/customizing-phlox-post-options\/?b=35086,35086\" title=\"Customizing Phlox Post Options\">Here<\/a>.<\/p>\n<h4>Blog Primary and Secondary Widget Areas<\/h4>\n<p>Blog widget areas display only on blog and posts pages as a sidebar, if it is enabled.<\/p>\n<p class=\"aswi-text-box box-important\"><strong>Important: <\/strong>If you choose this area, it overwrites the global one.<\/p>\n<h4>Search Result Widget Area<\/h4>\n<p>Search widget area displays only on search result page as a sidebar. And if you leave this side area empty search result page becomes full width.<\/p>\n<h4>Subfooter Bar Widget Area<\/h4>\n<p>It displays the widgets on subfooter bar, if it is enabled.<\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>You can find more info about sub footer bar <a href=\"https:\/\/env.averta.net\/en\/step\/displaying-subfooter-bar\/?b=36279,36279\" title=\"Displaying Subfooter Bar\">here<\/a>.<\/p>\n<h4>Subfooter Widget Areas<\/h4>\n<p>There are different laytou on subfooter in Phlox. And it is possible to have different subfooter widget areas based on the subfooter layout option, such as subfooter first, second and etc.<br \/>\nwhich you can choose where?to display the widgets in subfooter.<\/p>\n<p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>You can find more info about subfooter <a href=\"https:\/\/env.averta.net\/en\/step\/displaying-subfooter\/?b=36272,36272\" title=\"Displaying Subfooter\">here<\/a>.<\/p>\n<div id=\"attachment_36274\" style=\"width: 1332px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36274\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36274 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/subfooter-e1477917222719.png\" width=\"1322\" height=\"649\" \/><p id=\"caption-attachment-36274\" class=\"wp-caption-text\">A five-column subfooter with different widgets<\/p><\/div>\n<p>&nbsp;<\/p>\n","type":"solution"}