{"id":1920,"date":"2018-11-01T06:14:47","date_gmt":"2018-11-01T06:14:47","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?p=1736"},"modified":"2018-11-01T06:14:47","modified_gmt":"2018-11-01T06:14:47","slug":"blocks-widgets","status":"publish","type":"post","link":"https:\/\/blog.zhdk.ch\/wordpress\/blocks-widgets\/","title":{"rendered":"Block category: Widgets"},"content":{"rendered":"\n    \n<p>The shortcode widget:<\/p>\n\n<div id='gallery-1' class='gallery galleryid-1920 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:\/\/blog.zhdk.ch\/wordpress\/img_0767\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/blog.zhdk.ch\/wordpress\/files\/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:\/\/blog.zhdk.ch\/wordpress\/img_8399\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/blog.zhdk.ch\/wordpress\/files\/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<p>The Archive Widget:<\/p>\n\n<ul class=\"wp-block-archives-list extraclass wp-block-archives\">\t<li><a href='https:\/\/blog.zhdk.ch\/wordpress\/2026\/02\/'>Februar 2026<\/a>&nbsp;(1)<\/li>\n\t<li><a href='https:\/\/blog.zhdk.ch\/wordpress\/2024\/02\/'>Februar 2024<\/a>&nbsp;(1)<\/li>\n\t<li><a href='https:\/\/blog.zhdk.ch\/wordpress\/2023\/05\/'>Mai 2023<\/a>&nbsp;(1)<\/li>\n\t<li><a href='https:\/\/blog.zhdk.ch\/wordpress\/2022\/11\/'>November 2022<\/a>&nbsp;(3)<\/li>\n\t<li><a href='https:\/\/blog.zhdk.ch\/wordpress\/2019\/10\/'>Oktober 2019<\/a>&nbsp;(2)<\/li>\n\t<li><a href='https:\/\/blog.zhdk.ch\/wordpress\/2019\/05\/'>Mai 2019<\/a>&nbsp;(2)<\/li>\n\t<li><a href='https:\/\/blog.zhdk.ch\/wordpress\/2018\/11\/'>November 2018<\/a>&nbsp;(11)<\/li>\n\t<li><a href='https:\/\/blog.zhdk.ch\/wordpress\/2018\/10\/'>Oktober 2018<\/a>&nbsp;(9)<\/li>\n<\/ul>\n\n<p>The same Archive widget but as a dropdown:<\/p>\n\n<div class=\"wp-block-archives-dropdown wp-block-archives\"><label for=\"wp-block-archives-1\" class=\"wp-block-archives__label\">Archiv<\/label>\n\t\t<select id=\"wp-block-archives-1\" name=\"archive-dropdown\">\n\t\t<option value=\"\">Monat ausw\u00e4hlen<\/option>\t<option value='https:\/\/blog.zhdk.ch\/wordpress\/2026\/02\/'> Februar 2026 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.zhdk.ch\/wordpress\/2024\/02\/'> Februar 2024 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.zhdk.ch\/wordpress\/2023\/05\/'> Mai 2023 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.zhdk.ch\/wordpress\/2022\/11\/'> November 2022 &nbsp;(3)<\/option>\n\t<option value='https:\/\/blog.zhdk.ch\/wordpress\/2019\/10\/'> Oktober 2019 &nbsp;(2)<\/option>\n\t<option value='https:\/\/blog.zhdk.ch\/wordpress\/2019\/05\/'> Mai 2019 &nbsp;(2)<\/option>\n\t<option value='https:\/\/blog.zhdk.ch\/wordpress\/2018\/11\/'> November 2018 &nbsp;(11)<\/option>\n\t<option value='https:\/\/blog.zhdk.ch\/wordpress\/2018\/10\/'> Oktober 2018 &nbsp;(9)<\/option>\n<\/select><script>\n( ( [ dropdownId, homeUrl ] ) => {\n\t\tconst dropdown = document.getElementById( dropdownId );\n\t\tfunction onSelectChange() {\n\t\t\tsetTimeout( () => {\n\t\t\t\tif ( 'escape' === dropdown.dataset.lastkey ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( dropdown.value ) {\n\t\t\t\t\tlocation.href = dropdown.value;\n\t\t\t\t}\n\t\t\t}, 250 );\n\t\t}\n\t\tfunction onKeyUp( event ) {\n\t\t\tif ( 'Escape' === event.key ) {\n\t\t\t\tdropdown.dataset.lastkey = 'escape';\n\t\t\t} else {\n\t\t\t\tdelete dropdown.dataset.lastkey;\n\t\t\t}\n\t\t}\n\t\tfunction onClick() {\n\t\t\tdelete dropdown.dataset.lastkey;\n\t\t}\n\t\tdropdown.addEventListener( 'keyup', onKeyUp );\n\t\tdropdown.addEventListener( 'click', onClick );\n\t\tdropdown.addEventListener( 'change', onSelectChange );\n\t} )( [\"wp-block-archives-1\",\"https:\/\/blog.zhdk.ch\/wordpress\"] );\n\/\/# sourceURL=block_core_archives_build_dropdown_script\n<\/script>\n<\/div>\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=\"Montag\">M<\/th>\n\t\t<th scope=\"col\" aria-label=\"Dienstag\">D<\/th>\n\t\t<th scope=\"col\" aria-label=\"Mittwoch\">M<\/th>\n\t\t<th scope=\"col\" aria-label=\"Donnerstag\">D<\/th>\n\t\t<th scope=\"col\" aria-label=\"Freitag\">F<\/th>\n\t\t<th scope=\"col\" aria-label=\"Samstag\">S<\/th>\n\t\t<th scope=\"col\" aria-label=\"Sonntag\">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 id=\"today\">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>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=\"Vorherige und n\u00e4chste Monate\" class=\"wp-calendar-nav\">\n\t\t<span class=\"wp-calendar-nav-prev\"><a href=\"https:\/\/blog.zhdk.ch\/wordpress\/2026\/02\/\">&laquo; Feb.<\/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<p>The Category widget block has an additional option for showing category hierarchies:<\/p>\n\n<div class=\"wp-block-categories-dropdown wp-block-categories\"><label class=\"wp-block-categories__label\" for=\"wp-block-categories-1\">Kategorien<\/label><select  name='category_name' id='wp-block-categories-1' class='postform'>\n\t<option value='-1'>Kategorie ausw\u00e4hlen<\/option>\n\t<option class=\"level-0\" value=\"analyse\">Analyse&nbsp;&nbsp;(1)<\/option>\n\t<option class=\"level-0\" value=\"bilder\">Bilder&nbsp;&nbsp;(5)<\/option>\n\t<option class=\"level-0\" value=\"block\">Block&nbsp;&nbsp;(11)<\/option>\n\t<option class=\"level-0\" value=\"css\">CSS&nbsp;&nbsp;(1)<\/option>\n\t<option class=\"level-0\" value=\"css-aenderungen\">CSS \u00e4nderungen&nbsp;&nbsp;(4)<\/option>\n\t<option class=\"level-0\" value=\"google\">Google&nbsp;&nbsp;(1)<\/option>\n\t<option class=\"level-0\" value=\"media-2\">Media&nbsp;&nbsp;(1)<\/option>\n\t<option class=\"level-0\" value=\"modern-events-calendar\">Modern Events Calendar&nbsp;&nbsp;(2)<\/option>\n\t<option class=\"level-0\" value=\"seo\">SEO&nbsp;&nbsp;(2)<\/option>\n\t<option class=\"level-0\" value=\"sonstiges\">Sonstiges&nbsp;&nbsp;(5)<\/option>\n\t<option class=\"level-0\" value=\"the-events-calender\">The Events Calender&nbsp;&nbsp;(2)<\/option>\n\t<option class=\"level-0\" value=\"uncategorized\">Uncategorized&nbsp;&nbsp;(3)<\/option>\n<\/select><script>\n( ( [ dropdownId, homeUrl ] ) => {\n\t\tconst dropdown = document.getElementById( dropdownId );\n\t\tfunction onSelectChange() {\n\t\t\tsetTimeout( () => {\n\t\t\t\tif ( 'escape' === dropdown.dataset.lastkey ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( dropdown.value && dropdown instanceof HTMLSelectElement ) {\n\t\t\t\t\tconst url = new URL( homeUrl );\n\t\t\t\t\turl.searchParams.set( dropdown.name, dropdown.value );\n\t\t\t\t\tlocation.href = url.href;\n\t\t\t\t}\n\t\t\t}, 250 );\n\t\t}\n\t\tfunction onKeyUp( event ) {\n\t\t\tif ( 'Escape' === event.key ) {\n\t\t\t\tdropdown.dataset.lastkey = 'escape';\n\t\t\t} else {\n\t\t\t\tdelete dropdown.dataset.lastkey;\n\t\t\t}\n\t\t}\n\t\tfunction onClick() {\n\t\t\tdelete dropdown.dataset.lastkey;\n\t\t}\n\t\tdropdown.addEventListener( 'keyup', onKeyUp );\n\t\tdropdown.addEventListener( 'click', onClick );\n\t\tdropdown.addEventListener( 'change', onSelectChange );\n\t} )( [\"wp-block-categories-1\",\"https:\/\/blog.zhdk.ch\/wordpress\"] );\n\/\/# sourceURL=build_dropdown_script_block_core_categories\n<\/script>\n\n<\/div>\n\n<p>The Latest Comments widget can display or hide the avatars, the date, and the comment excerpt:<\/p>\n\n<div class=\"has-avatars has-dates has-excerpts no-comments wp-block-latest-comments\">Es sind keine Kommentare vorhanden.<\/div>\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<div class=\"no-comments wp-block-latest-comments\">Es sind keine Kommentare vorhanden.<\/div>\n\n<p>And here is the Latest Posts widget in the list view, with dates:<\/p>\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:\/\/blog.zhdk.ch\/wordpress\/the-events-kalender-kleinere-bilder\/\">The events Kalender &#8211; Kleinere Bilder<\/a><time datetime=\"2026-02-28T14:19:54+01:00\" class=\"wp-block-latest-posts__post-date\">28. Februar 2026<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.zhdk.ch\/wordpress\/the-events-kalender-einzelnansicht-breiter\/\">The Events Kalender &#8211; Einzelnansicht &#8211; Breiter<\/a><time datetime=\"2024-02-22T15:49:56+01:00\" class=\"wp-block-latest-posts__post-date\">22. Februar 2024<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.zhdk.ch\/wordpress\/mec-events-css-black-footer-anpassungen\/\">MEC Events &#8211; CSS Black Footer anpassungen<\/a><time datetime=\"2023-05-08T13:59:09+02:00\" class=\"wp-block-latest-posts__post-date\">8. Mai 2023<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.zhdk.ch\/wordpress\/the-events-calender-schwarze-footer-anpassungen\/\">The Events Calender &#8211; Schwarze Footer anpassungen<\/a><time datetime=\"2022-11-18T15:31:08+01:00\" class=\"wp-block-latest-posts__post-date\">18. November 2022<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.zhdk.ch\/wordpress\/the-events-kalender-schwarze-hintergrund-anpassungen\/\">The Events Kalender &#8211; Schwarze Hintergrund anpassungen<\/a><time datetime=\"2022-11-18T15:29:31+01:00\" class=\"wp-block-latest-posts__post-date\">18. November 2022<\/time><\/li>\n<\/ul>\n\n<p>Grid view, now sorted from A -Z.<\/p>\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:\/\/blog.zhdk.ch\/wordpress\/bilder-optimierung\/\">Bilder optimierung<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.zhdk.ch\/wordpress\/bilder-sammlungen\/\">Bilder Sammlungen<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.zhdk.ch\/wordpress\/bilder-social-media\/\">Bilder Social Media<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.zhdk.ch\/wordpress\/block-category-common\/\">Block category: Common<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.zhdk.ch\/wordpress\/blocks-embeds\/\">Block category: Embeds<\/a><\/li>\n<\/ul>\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<ul class=\"wp-block-latest-posts__list is-grid columns-5 has-dates wp-block-latest-posts\"><\/ul>\n\n<p>Search widget:<\/p>\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/blog.zhdk.ch\/wordpress\/\" 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\" >Suchen<\/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=\"Suchen\" class=\"wp-block-search__button wp-element-button\" type=\"submit\" >Suchen<\/button><\/div><\/form>\n\n<p>Tag Cloud widget:<\/p>\n\n<p class=\"wp-block-tag-cloud\"><a href=\"https:\/\/blog.zhdk.ch\/wordpress\/tag\/codex\/\" class=\"tag-cloud-link tag-link-582402 tag-link-position-1\" style=\"font-size: 8pt;\" aria-label=\"Codex (1\u00a0Eintrag)\">Codex<\/a>\n<a href=\"https:\/\/blog.zhdk.ch\/wordpress\/tag\/columns\/\" class=\"tag-cloud-link tag-link-582630 tag-link-position-2\" style=\"font-size: 11.405405405405pt;\" aria-label=\"Columns (2\u00a0Eintr\u00e4ge)\">Columns<\/a>\n<a href=\"https:\/\/blog.zhdk.ch\/wordpress\/tag\/content-2\/\" class=\"tag-cloud-link tag-link-582406 tag-link-position-3\" style=\"font-size: 22pt;\" aria-label=\"content (10\u00a0Eintr\u00e4ge)\">content<\/a>\n<a href=\"https:\/\/blog.zhdk.ch\/wordpress\/tag\/embeds-2\/\" class=\"tag-cloud-link tag-link-582422 tag-link-position-4\" style=\"font-size: 11.405405405405pt;\" aria-label=\"embeds (2\u00a0Eintr\u00e4ge)\">embeds<\/a>\n<a href=\"https:\/\/blog.zhdk.ch\/wordpress\/tag\/formatting-2\/\" class=\"tag-cloud-link tag-link-582440 tag-link-position-5\" style=\"font-size: 8pt;\" aria-label=\"formatting (1\u00a0Eintrag)\">formatting<\/a>\n<a href=\"https:\/\/blog.zhdk.ch\/wordpress\/tag\/gallery\/\" class=\"tag-cloud-link tag-link-582446 tag-link-position-6\" style=\"font-size: 11.405405405405pt;\" aria-label=\"gallery (2\u00a0Eintr\u00e4ge)\">gallery<\/a>\n<a href=\"https:\/\/blog.zhdk.ch\/wordpress\/tag\/image\/\" class=\"tag-cloud-link tag-link-582460 tag-link-position-7\" style=\"font-size: 15.567567567568pt;\" aria-label=\"image (4\u00a0Eintr\u00e4ge)\">image<\/a>\n<a href=\"https:\/\/blog.zhdk.ch\/wordpress\/tag\/video\/\" class=\"tag-cloud-link tag-link-582588 tag-link-position-8\" style=\"font-size: 8pt;\" aria-label=\"video (1\u00a0Eintrag)\">video<\/a><\/p>\n\n<p>RSS Feed widget:<\/p>\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\/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><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https:\/\/make.wordpress.org\/themes\/2025\/12\/18\/xpost-proposal-2026-major-release-schedule\/'>X-post: Proposal: 2026 Major Release Schedule<\/a><\/div><\/li><\/ul>\n    ","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 hierarchies: The Latest Comments widget can display or hide the avatars, the date, and the comment excerpt: Here is an example of the Comments widget with all the options disabled. &hellip; <a href=\"https:\/\/blog.zhdk.ch\/wordpress\/blocks-widgets\/\" class=\"more-link\"><span class=\"screen-reader-text\">Block category: Widgets<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":4030,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[582256],"tags":[582406],"class_list":["post-1920","post","type-post","status-publish","format-standard","hentry","category-block","tag-content-2"],"_links":{"self":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/posts\/1920","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/users\/4030"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/comments?post=1920"}],"version-history":[{"count":0,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/posts\/1920\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/media?parent=1920"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/categories?post=1920"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/tags?post=1920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}