{"id":1137,"date":"2016-12-14T12:17:06","date_gmt":"2016-12-14T12:17:06","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=1137"},"modified":"2017-06-13T09:26:10","modified_gmt":"2017-06-13T09:26:10","slug":"widgets","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/widgets-menus\/widgets","title":{"rendered":"Widgets"},"content":{"rendered":"<p>Widgets are useful for creating the\u00a0<strong>sidebar<\/strong> for the pages. In sidebars, you can add any additional information always available for your visitors.<\/p>\n<p>The widgets are also necessary for creating <strong>Side Area<\/strong>,<strong> footer section<\/strong> on your site.<\/p>\n<h3>Widgets<\/h3>\n<h4>With widgets on the page, you can navigate the site easily\u00a0and find the information faster.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12880\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/widgets.png\" alt=\"\" width=\"978\" height=\"855\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/widgets.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/widgets-300x262.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/widgets-768x671.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<p>There are <strong>default<\/strong> WordPress widgets available for you as well as the widgets created for\u00a0<strong>Ronneby theme<\/strong>.<\/p>\n<p>You can find the ones that will match the styling of your site and help you to promote recent posts, best-selling products or add extra categories navigation aimed at facilitating the information search.<\/p>\n<p>We also recommend you to check the WordPress Codex regarding <a href=\"https:\/\/codex.wordpress.org\/WordPress_Widgets\">Widgets<\/a>.<\/p>\n<p>Navigate to <del class=\"support-arrow-right\">Appearance<\/del> <del>Widgets<\/del> section to check the whole list of available widgets and add them to the necessary\u00a0locations.<\/p>\n<p>Click on the Widget you&#8217;d like to display on the site and select the needed location to add it to.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1149 size-full\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/add-widget.jpg\" alt=\"add-widget\" width=\"978\" height=\"641\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/add-widget.jpg 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/add-widget-300x197.jpg 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/add-widget-768x503.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<p>You can also<strong> drag-n-drop<\/strong> the needed widget to the location and place it among the other widgets.<\/p>\n<p>After you add the Widget, you&#8217;ll be able to check\u00a0the options to customize it (when it&#8217;s possible).<\/p>\n<p>The settings, may differ depending on the widget you are customizing,\u00a0however, there are some general ones.<\/p>\n<ul>\n<li><strong>Title<\/strong> &#8211; enter the title for the widget. It&#8217;ll inherit the styles of the Widget title typography from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Cutom Typography<\/del> Widget title Typography.<\/li>\n<\/ul>\n<p>Pay attention to the <strong>Latest Tweets widget<\/strong> &#8211; make sure you&#8217;ve also entered all the needed information in the <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del>Twitter section options<\/del>.<\/p>\n<p>Make also sure that the <strong>ID\/Username<\/strong> to the corresponding sections Flickr photos widgets are added &#8211; don&#8217;t use the whole profile URL.<\/p>\n<p>There&#8217;s also the option to set the <strong>rounded corners<\/strong> for the thumbnails. Simply type the needed value to the Border radius field (without px).<\/p>\n<p><strong>You may also use <\/strong>Text<strong> widget to add VC shortcodes to it.<\/strong><\/p>\n<p>In order to get the shortcode of the necessary element, firstly, create a test page and add the needed module to it. Switch to the <strong>Classic mode<\/strong> and copy the shortcode. Then just paste it into the Text widget and save it.<\/p>\n<p>Also, there is a\u00a0wide range of the <strong>Woocommerce widgets<\/strong> to diversify the shop section of your page.<\/p>\n<p>For Mail <strong>Counter widget<\/strong> it is enter\u00a0Facebook App ID &amp; Secret Key, find more details on generating the\u00a0Facebook App ID &amp; Secret Key in <a href=\"http:\/\/rnbtheme.com\/documentation\/knowledge-base\/how-to-get-facebook-app-id-secret-key\" target=\"_blank\" rel=\"noopener\">this post<\/a>.<\/p>\n<h3>Sidebars<\/h3>\n<h4>Useful site section to display extra information on the site.<\/h4>\n<p>Sidebars are most frequently used on the\u00a0blog, portfolio and shop pages.<\/p>\n<p>You may find the Sidebars and Widgets in <del class=\"support-arrow-right\">Appearance<\/del> <del>Widgets<\/del> section.<\/p>\n<p>The theme has the following sidebars by default:<\/p>\n<ul>\n<li><strong>Left Sidebar<\/strong><\/li>\n<li><strong>Right Sidebar<\/strong><\/li>\n<li><strong>Footer Columns (four columns)<\/strong><\/li>\n<li><strong>Side Area<\/strong><\/li>\n<li><strong>404 Page Columns\u00a0<\/strong><\/li>\n<li><strong>Sidebars for shop page (left and right)<\/strong><\/li>\n<li><strong>Sidebar for single product pages (left and right).<\/strong><\/li>\n<\/ul>\n<p>However, you are able to create custom sidebars for your site.<\/p>\n<p>It can be done using <strong>SMK Sidebar Generator plugin<\/strong> included to the theme pack.<\/p>\n<p>Below you can find the short instruction on custom sidebar creation.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1160 size-full\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/new-sidebar.jpg\" alt=\"new-sidebar\" width=\"978\" height=\"589\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/new-sidebar.jpg 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/new-sidebar-300x181.jpg 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/new-sidebar-768x463.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<p>Navigate to <del class=\"support-arrow-right\">Appearance<\/del> <del>Sidebar Generator<\/del> section.<\/p>\n<p>You may also edit the existing sidebars there.<\/p>\n<p>Click <strong>Add New\u00a0<\/strong>button and the new sidebar will be created at the bottom of the list.<\/p>\n<p>Enter the <strong>Name<\/strong> and <strong>Description<\/strong> for better understanding and distinguishing the sidebar (description will be visible only for you).<\/p>\n<p>Select whether you needed to replace an existing sidebar with your custom one in a corresponding section.<\/p>\n<p>You may also enable conditions to set where exactly to replace the sidebar.<\/p>\n<p>Simply select on what post types (Posts, Pages, Products, etc.) to replace the sidebar. There&#8217;s also an option to replace it only on certain posts &#8211; you may select them in the and is equal to section. Note, multiple select also works for this section.<\/p>\n<p>Add as many conditions as you need.<\/p>\n<p>You may also use the Shortcode to add a\u00a0sidebar on the site.<\/p>\n<p>However, we&#8217;d recommend you to use <strong>Widgetized Sidebar module<\/strong> or add sidebar directly to the page template in the <del>Sidebar<\/del> meta box.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Widgets are useful for creating the\u00a0sidebar for the pages. In sidebars, you can add any additional information always available for your visitors. The widgets are also necessary for creating Side<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[40,20],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1137"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1137"}],"version-history":[{"count":22,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1137\/revisions"}],"predecessor-version":[{"id":12884,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1137\/revisions\/12884"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=1137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=1137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}