{"id":1782,"date":"2018-11-01T06:14:47","date_gmt":"2018-11-01T06:14:47","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?p=1736"},"modified":"2025-05-06T06:13:48","modified_gmt":"2025-05-06T06:13:48","slug":"blocks-widgets","status":"publish","type":"post","link":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/blocks-widgets\/","title":{"rendered":"Block category: Widgets"},"content":{"rendered":"\n\t\n<p>The shortcode widget:<\/p>\n\n\n<div id='gallery-1' class='gallery galleryid-1782 gallery-columns-2 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/img_0767\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-content\/uploads\/sites\/10\/2008\/06\/img_0767-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"Huatulco Coastline\" aria-describedby=\"gallery-1-770\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-770'>\n\t\t\t\tCoastline in Huatulco, Oaxaca, Mexico\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/img_8399\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-content\/uploads\/sites\/10\/2008\/06\/img_8399-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"Boat Barco Texture\" aria-describedby=\"gallery-1-771\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-771'>\n\t\t\t\tBoat BW PB Barco Texture Beautiful Fishing\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n\n\n\n<p>The Archive Widget:<\/p>\n\n\n<ul class=\"wp-block-archives-list extraclass wp-block-archives\">\t<li><a href='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2025\/04\/'>April 2025<\/a>&nbsp;(2)<\/li>\n\t<li><a href='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2025\/03\/'>March 2025<\/a>&nbsp;(5)<\/li>\n\t<li><a href='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2024\/09\/'>September 2024<\/a>&nbsp;(1)<\/li>\n\t<li><a href='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2023\/01\/'>January 2023<\/a>&nbsp;(5)<\/li>\n\t<li><a href='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2018\/11\/'>November 2018<\/a>&nbsp;(5)<\/li>\n\t<li><a href='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2013\/01\/'>January 2013<\/a>&nbsp;(2)<\/li>\n<\/ul>\n\n\n<p>The same Archive widget but as a dropdown:<\/p>\n\n\n<div class=\"wp-block-archives-dropdown wp-block-archives\"><label for=\"wp-block-archives-1\" class=\"wp-block-archives__label\">Archives<\/label>\n\t\t<select id=\"wp-block-archives-1\" name=\"archive-dropdown\" onchange=\"document.location.href=this.options[this.selectedIndex].value;\">\n\t\t<option value=\"\">Select Month<\/option>\t<option value='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2025\/04\/'> April 2025 &nbsp;(2)<\/option>\n\t<option value='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2025\/03\/'> March 2025 &nbsp;(5)<\/option>\n\t<option value='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2024\/09\/'> September 2024 &nbsp;(1)<\/option>\n\t<option value='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2023\/01\/'> January 2023 &nbsp;(5)<\/option>\n\t<option value='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2018\/11\/'> November 2018 &nbsp;(5)<\/option>\n\t<option value='https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2013\/01\/'> January 2013 &nbsp;(2)<\/option>\n<\/select><\/div>\n\n<div class=\"wp-block-calendar\"><table id=\"wp-calendar\" class=\"wp-calendar-table\">\n\t<caption>April 2026<\/caption>\n\t<thead>\n\t<tr>\n\t\t<th scope=\"col\" aria-label=\"Monday\">M<\/th>\n\t\t<th scope=\"col\" aria-label=\"Tuesday\">T<\/th>\n\t\t<th scope=\"col\" aria-label=\"Wednesday\">W<\/th>\n\t\t<th scope=\"col\" aria-label=\"Thursday\">T<\/th>\n\t\t<th scope=\"col\" aria-label=\"Friday\">F<\/th>\n\t\t<th scope=\"col\" aria-label=\"Saturday\">S<\/th>\n\t\t<th scope=\"col\" aria-label=\"Sunday\">S<\/th>\n\t<\/tr>\n\t<\/thead>\n\t<tbody>\n\t<tr>\n\t\t<td colspan=\"2\" class=\"pad\">&nbsp;<\/td><td>1<\/td><td>2<\/td><td>3<\/td><td>4<\/td><td>5<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>6<\/td><td>7<\/td><td>8<\/td><td>9<\/td><td>10<\/td><td>11<\/td><td>12<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>13<\/td><td>14<\/td><td>15<\/td><td>16<\/td><td>17<\/td><td>18<\/td><td>19<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>20<\/td><td id=\"today\">21<\/td><td>22<\/td><td>23<\/td><td>24<\/td><td>25<\/td><td>26<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>27<\/td><td>28<\/td><td>29<\/td><td>30<\/td>\n\t\t<td class=\"pad\" colspan=\"3\">&nbsp;<\/td>\n\t<\/tr>\n\t<\/tbody>\n\t<\/table><nav aria-label=\"Previous and next months\" class=\"wp-calendar-nav\">\n\t\t<span class=\"wp-calendar-nav-prev\"><a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/2025\/04\/\">&laquo; Apr<\/a><\/span>\n\t\t<span class=\"pad\">&nbsp;<\/span>\n\t\t<span class=\"wp-calendar-nav-next\">&nbsp;<\/span>\n\t<\/nav><\/div>\n\n\n<p>The Category widget block has an additional option for showing category hierarchies:<\/p>\n\n\n<div class=\"wp-block-categories-dropdown wp-block-categories\"><label class=\"wp-block-categories__label\" for=\"wp-block-categories-1\">Categories<\/label><select  name='category_name' id='wp-block-categories-1' class='postform'>\n\t<option value='-1'>Select Category<\/option>\n\t<option class=\"level-0\" value=\"agency\">Agency&nbsp;&nbsp;(2)<\/option>\n\t<option class=\"level-0\" value=\"block\">Block&nbsp;&nbsp;(8)<\/option>\n\t<option class=\"level-0\" value=\"branding\">Branding&nbsp;&nbsp;(2)<\/option>\n\t<option class=\"level-0\" value=\"casual\">Casual&nbsp;&nbsp;(1)<\/option>\n\t<option class=\"level-0\" value=\"classic\">Classic&nbsp;&nbsp;(2)<\/option>\n\t<option class=\"level-0\" value=\"popular\">Popular&nbsp;&nbsp;(2)<\/option>\n\t<option class=\"level-0\" value=\"seo\">SEO&nbsp;&nbsp;(1)<\/option>\n\t<option class=\"level-0\" value=\"tech\">Tech&nbsp;&nbsp;(1)<\/option>\n\t<option class=\"level-0\" value=\"web-design\">Web Design&nbsp;&nbsp;(3)<\/option>\n<\/select><script>\n\t\n\t( function() {\n\t\tvar dropdown = document.getElementById( 'wp-block-categories-1' );\n\t\tfunction onCatChange() {\n\t\t\tif ( dropdown.options[ dropdown.selectedIndex ].value !== -1 ) {\n\t\t\t\tlocation.href = \"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/?\" + dropdown.name + '=' + dropdown.options[ dropdown.selectedIndex ].value;\n\t\t\t}\n\t\t}\n\t\tdropdown.onchange = onCatChange;\n\t})();\n\t\n\t\n<\/script>\n\n<\/div>\n\n\n<p>The Latest Comments widget can display or hide the avatars, the date, and the comment excerpt:<\/p>\n\n\n<div class=\"has-avatars has-dates has-excerpts no-comments wp-block-latest-comments\">No comments to show.<\/div>\n\n\n<p>Here is an example of the Comments widget with all the options disabled. The number of comments has been reduced to two.<\/p>\n\n\n<div class=\"no-comments wp-block-latest-comments\">No comments to show.<\/div>\n\n\n<p>And here is the Latest Posts widget in the list view, with dates:<\/p>\n\n\n<ul class=\"wp-block-latest-posts__list has-dates wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/why-consistency-beats-creativity-sometimes\/\">The Power of Minimalist Web Design in 2025<\/a><time datetime=\"2025-04-11T09:02:39+00:00\" class=\"wp-block-latest-posts__post-date\">April 11, 2025<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/remote-work-hacks-staying-productive-and-balanced-from-anywhere\/\">Why Your Brand Needs More Than Just a Logo<\/a><time datetime=\"2025-04-10T09:12:37+00:00\" class=\"wp-block-latest-posts__post-date\">April 10, 2025<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/the-art-of-slow-living-finding-joy-in-simplicity\/\">SEO Isn\u2019t Dead\u2014It\u2019s Just Smarter Now<\/a><time datetime=\"2025-03-31T06:10:15+00:00\" class=\"wp-block-latest-posts__post-date\">March 31, 2025<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/how-to-build-a-website-that-converts-not-just-looks-good\/\">How to Build a Website That Converts (Not Just Looks Good)<\/a><time datetime=\"2025-03-31T06:08:40+00:00\" class=\"wp-block-latest-posts__post-date\">March 31, 2025<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-6-1-spacing-presets\/\">From Discovery to Launch: Inside Our Website Design Process<\/a><time datetime=\"2025-03-30T06:56:53+00:00\" class=\"wp-block-latest-posts__post-date\">March 30, 2025<\/time><\/li>\n<\/ul>\n\n\n<p>Grid view, now sorted from A -Z.<\/p>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/media-category-blocks\/\">A girl is reading a newspaper<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/hello-world\/\">AI in Design: Friend, Not Foe<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/design-category-blocks\/\">AI is the latest trends for everyone<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/blocks-formatting\/\">Block category: Formatting<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/blocks-layout-elements\/\">Block category: Layout Elements<\/a><\/li>\n<\/ul>\n\n\n<p>You can also change the number of columns used to display the latest posts. The block below only displays posts from the Block category:<\/p>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-5 has-dates wp-block-latest-posts\"><\/ul>\n\n\n<p>Search widget:<\/p>\n\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/\" class=\"wp-block-search__button-outside wp-block-search__text-button wp-block-search\"    ><label class=\"wp-block-search__label\" for=\"wp-block-search__input-2\" >Search<\/label><div class=\"wp-block-search__inside-wrapper \" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-2\" placeholder=\"\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Search\" class=\"wp-block-search__button wp-element-button\" type=\"submit\" >Search<\/button><\/div><\/form>\n\n\n<p>Tag Cloud widget:<\/p>\n\n\n<p class=\"wp-block-tag-cloud\"><a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/alignment-2\/\" class=\"tag-cloud-link tag-link-70 tag-link-position-1\" style=\"font-size: 8pt;\" aria-label=\"alignment (1 item)\">alignment<\/a>\n<a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/columns\/\" class=\"tag-cloud-link tag-link-197 tag-link-position-2\" style=\"font-size: 8pt;\" aria-label=\"Columns (1 item)\">Columns<\/a>\n<a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/content-2\/\" class=\"tag-cloud-link tag-link-82 tag-link-position-3\" style=\"font-size: 22pt;\" aria-label=\"content \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf (6 items)\">content \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf<\/a>\n<a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/css\/\" class=\"tag-cloud-link tag-link-84 tag-link-position-4\" style=\"font-size: 12.581818181818pt;\" aria-label=\"css (2 items)\">css<\/a>\n<a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/formatting-2\/\" class=\"tag-cloud-link tag-link-99 tag-link-position-5\" style=\"font-size: 12.581818181818pt;\" aria-label=\"formatting (2 items)\">formatting<\/a>\n<a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/html\/\" class=\"tag-cloud-link tag-link-108 tag-link-position-6\" style=\"font-size: 8pt;\" aria-label=\"html (1 item)\">html<\/a>\n<a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/image\/\" class=\"tag-cloud-link tag-link-109 tag-link-position-7\" style=\"font-size: 8pt;\" aria-label=\"image (1 item)\">image<\/a>\n<a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/markup-2\/\" class=\"tag-cloud-link tag-link-119 tag-link-position-8\" style=\"font-size: 12.581818181818pt;\" aria-label=\"markup (2 items)\">markup<\/a>\n<a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/sample\/\" class=\"tag-cloud-link tag-link-185 tag-link-position-9\" style=\"font-size: 8pt;\" aria-label=\"Sample (1 item)\">Sample<\/a>\n<a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/tags\/\" class=\"tag-cloud-link tag-link-162 tag-link-position-10\" style=\"font-size: 8pt;\" aria-label=\"Tags (1 item)\">Tags<\/a>\n<a href=\"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/tag\/test-tag\/\" class=\"tag-cloud-link tag-link-186 tag-link-position-11\" style=\"font-size: 8pt;\" aria-label=\"test tag (1 item)\">test tag<\/a><\/p>\n\n\n<p>RSS Feed widget:<\/p>\n\n\n<ul class=\"wp-block-rss\"><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https:\/\/make.wordpress.org\/themes\/2026\/04\/08\/xpost-tt7-team\/'>X-post: Twenty Twenty-Seven: Team Announcement<\/a><\/div><\/li><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https:\/\/make.wordpress.org\/themes\/2026\/04\/03\/contribute-to-wordpress-patterns-at-wordcamp-asia-2026\/'>Contribute to WordPress Patterns at WordCamp Asia 2026<\/a><\/div><\/li><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https:\/\/make.wordpress.org\/themes\/2026\/03\/31\/wordcamp-asia-2026-themes-team-table-on-contributor-day\/'>WordCamp Asia 2026: Theme\u2019s team table on contributor day<\/a><\/div><\/li><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https:\/\/make.wordpress.org\/themes\/2026\/01\/27\/themes-team-meeting-agendas-for-january-27-2026\/'>Themes Team Meeting Agendas for January 27, 2026<\/a><\/div><\/li><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https:\/\/make.wordpress.org\/themes\/2026\/01\/07\/introducing-new-themes-team-representatives-for-the-2026\/'>Introducing new Themes Team representatives for the 2026<\/a><\/div><\/li><\/ul>\n\t","protected":false},"excerpt":{"rendered":"<p>The shortcode widget: The Archive Widget: The same Archive widget but as a dropdown: The Category widget block has an additional option for showing category<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[82],"class_list":["post-1782","post","type-post","status-publish","format-standard","hentry","category-block","tag-content-2"],"_links":{"self":[{"href":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-json\/wp\/v2\/posts\/1782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-json\/wp\/v2\/comments?post=1782"}],"version-history":[{"count":1,"href":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-json\/wp\/v2\/posts\/1782\/revisions"}],"predecessor-version":[{"id":2099,"href":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-json\/wp\/v2\/posts\/1782\/revisions\/2099"}],"wp:attachment":[{"href":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-json\/wp\/v2\/media?parent=1782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-json\/wp\/v2\/categories?post=1782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demo.candidthemes.com\/arther-pro-left-image\/wp-json\/wp\/v2\/tags?post=1782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}