{"id":792,"date":"2017-06-21T09:42:52","date_gmt":"2017-06-21T09:42:52","guid":{"rendered":"https:\/\/grooni.com\/docs\/crane\/?page_id=792"},"modified":"2017-06-21T10:26:18","modified_gmt":"2017-06-21T10:26:18","slug":"sidebar-and-widgets","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/crane\/sidebar-and-widgets\/","title":{"rendered":"Sidebar and widgets"},"content":{"rendered":"<h2>What a sidebar is<\/h2>\n<p>Sidebar in WordPress is the area containing widgets for display of information which is not a part of the main content. It is not always a vertical column on the side. It may be a horizontal rectangle on the left or on the right of content or in the footer. Sidebars are very important in WordPress for display of content differing from the main posts. For example, a short list of the latest articles, the latest comments, a random menu of page list or post categories can be easily displayed across the whole site or on its specific pages.<\/p>\n<h2>What widgets are<\/h2>\n<p>WordPress widget is a small block carrying out a certain function. This is basically a small program which generates and shows specific HTML code with information in a set area of the theme (this area is called a sidebar).<\/p>\n<h2>Where widgets can be applied<\/h2>\n<p>Widgets are mainly applied in sidebars and are controlled from dashboard of WordPress, in menu \u201c<code><strong>Appearance &gt; Widgets<\/strong><\/code>\u201d. Crane theme contains sidebars for Blog, Portfolio, WooCommerce pages and for each type of the site footer. Any widgets can be located in them. Various sidebars can be used depending on settings of the theme or specific pages and categories.<\/p>\n<p>Some widgets are added to Visual Composer editor and therefore can be used in the content body.<\/p>\n<h2>Widgets supplied with Crane theme<\/h2>\n<p>Crane theme offers its additional widgets with the word &#8220;Grooni&#8221; at the beginning of their name.<\/p>\n<p><a href=\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/grooni-widgets.png\" rel=\"attachment wp-att-796\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-796\" src=\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/grooni-widgets.png\" alt=\"grooni-widgets\" width=\"628\" height=\"351\" srcset=\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/grooni-widgets.png 628w, https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/grooni-widgets-300x168.png 300w\" sizes=\"(max-width: 628px) 100vw, 628px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"tile-wrapper\">\r\n\r\n\t<div class=\"tile\">\r\n\t\t<a href=\"grooni-banner-widget\/\" class=\"tile-link\">\r\n\t\t\t<span class=\"tile-icon-box\">\r\n\t\t\t<i class=\"fa fa-hand-spock-o\"><\/i>\r\n\t\t<\/span>\r\n\t\t\t<h2 class=\"tile-title\">Grooni banner widget<\/h2>\r\n\t\t<\/a>\r\n\t<\/div>\r\n\r\n\t<div class=\"tile\">\r\n\t\t<a href=\"grooni-images\/\" class=\"tile-link\">\r\n\t\t\t<span class=\"tile-icon-box\">\r\n\t\t\t<i class=\"fa fa-hand-spock-o\"><\/i>\r\n\t\t<\/span>\r\n\t\t\t<h2 class=\"tile-title\">Grooni images<\/h2>\r\n\t\t<\/a>\r\n\t<\/div>\r\n\r\n\t<div class=\"tile\">\r\n\t\t<a href=\"grooni-portfolio-categories\/\" class=\"tile-link\">\r\n\t\t\t<span class=\"tile-icon-box\">\r\n\t\t\t<i class=\"fa fa-hand-spock-o\"><\/i>\r\n\t\t<\/span>\r\n\t\t\t<h2 class=\"tile-title\">Grooni portfolio categories<\/h2>\r\n\t\t<\/a>\r\n\t<\/div>\r\n\r\n\t<div class=\"tile\">\r\n\t\t<a href=\"grooni-recent-comments\/\" class=\"tile-link\">\r\n\t\t\t<span class=\"tile-icon-box\">\r\n\t\t\t<i class=\"fa fa-hand-spock-o\"><\/i>\r\n\t\t<\/span>\r\n\t\t\t<h2 class=\"tile-title\">Grooni recent comments<\/h2>\r\n\t\t<\/a>\r\n\t<\/div>\r\n\r\n\t<div class=\"tile\">\r\n\t\t<a href=\"grooni-recent-posts\/\" class=\"tile-link\">\r\n\t\t\t<span class=\"tile-icon-box\">\r\n\t\t\t<i class=\"fa fa-hand-spock-o\"><\/i>\r\n\t\t<\/span>\r\n\t\t\t<h2 class=\"tile-title\">Grooni recent posts<\/h2>\r\n\t\t<\/a>\r\n\t<\/div>\r\n\r\n\t<div class=\"tile\">\r\n\t\t<a href=\"grooni-twitter-feeds-widget\/\" class=\"tile-link\">\r\n\t\t\t<span class=\"tile-icon-box\">\r\n\t\t\t<i class=\"fa fa-hand-spock-o\"><\/i>\r\n\t\t<\/span>\r\n\t\t\t<h2 class=\"tile-title\">Grooni Twitter Feeds widget<\/h2>\r\n\t\t<\/a>\r\n\t<\/div>\r\n\r\n\t<div class=\"tile\">\r\n\t\t<a href=\"creation-of-new-sidebars\/\" class=\"tile-link\">\r\n\t\t\t<span class=\"tile-icon-box\">\r\n\t\t\t<i class=\"fa fa-hand-spock-o\"><\/i>\r\n\t\t<\/span>\r\n\t\t\t<h2 class=\"tile-title\">Creation of new sidebars<\/h2>\r\n\t\t<\/a>\r\n\t<\/div>\r\n\r\n<\/div>\r\n\n","protected":false},"excerpt":{"rendered":"<p>What a sidebar is Sidebar in WordPress is the area containing widgets for display of information which is not a &hellip; <a href=\"https:\/\/grooni.com\/docs\/crane\/sidebar-and-widgets\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":100,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/792"}],"collection":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/comments?post=792"}],"version-history":[{"count":0,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/792\/revisions"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/media?parent=792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}