{"id":1782,"date":"2018-11-01T06:14:47","date_gmt":"2018-11-01T06:14:47","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?p=1736"},"modified":"2020-09-26T10:20:22","modified_gmt":"2020-09-26T14:20:22","slug":"blocks-widgets","status":"publish","type":"post","link":"https:\/\/blog.uvm.edu\/manual\/2018\/11\/01\/blocks-widgets\/","title":{"rendered":"Block category: Widgets"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"intro--left\">Note: Widgets are under construction- they have not been styled yet. <\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>The Archive Widget:<\/p>\n\n\n<ul class=\"wp-block-archives-list wp-block-archives\">\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2019\/11\/'>November 2019<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2019\/10\/'>October 2019<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2019\/09\/'>September 2019<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2019\/08\/'>August 2019<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2019\/07\/'>July 2019<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2019\/05\/'>May 2019<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2018\/11\/'>November 2018<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2018\/10\/'>October 2018<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2013\/01\/'>January 2013<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2012\/03\/'>March 2012<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2012\/01\/'>January 2012<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2011\/03\/'>March 2011<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2010\/10\/'>October 2010<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2010\/09\/'>September 2010<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2010\/08\/'>August 2010<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2010\/07\/'>July 2010<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2010\/06\/'>June 2010<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2010\/05\/'>May 2010<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2010\/04\/'>April 2010<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2010\/03\/'>March 2010<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2010\/02\/'>February 2010<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2010\/01\/'>January 2010<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2009\/10\/'>October 2009<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2009\/09\/'>September 2009<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2009\/08\/'>August 2009<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2009\/07\/'>July 2009<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2009\/06\/'>June 2009<\/a><\/li>\n\t<li><a href='https:\/\/blog.uvm.edu\/manual\/2009\/05\/'>May 2009<\/a><\/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\">\n\t\t<option value=\"\">Select Month<\/option>\t<option value='https:\/\/blog.uvm.edu\/manual\/2019\/11\/'> November 2019 &nbsp;(2)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2019\/10\/'> October 2019 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2019\/09\/'> September 2019 &nbsp;(2)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2019\/08\/'> August 2019 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2019\/07\/'> July 2019 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2019\/05\/'> May 2019 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2018\/11\/'> November 2018 &nbsp;(9)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2018\/10\/'> October 2018 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2013\/01\/'> January 2013 &nbsp;(4)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2012\/03\/'> March 2012 &nbsp;(5)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2012\/01\/'> January 2012 &nbsp;(6)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2011\/03\/'> March 2011 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2010\/10\/'> October 2010 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2010\/09\/'> September 2010 &nbsp;(2)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2010\/08\/'> August 2010 &nbsp;(3)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2010\/07\/'> July 2010 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2010\/06\/'> June 2010 &nbsp;(2)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2010\/05\/'> May 2010 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2010\/04\/'> April 2010 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2010\/03\/'> March 2010 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2010\/02\/'> February 2010 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2010\/01\/'> January 2010 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2009\/10\/'> October 2009 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2009\/09\/'> September 2009 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2009\/08\/'> August 2009 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2009\/07\/'> July 2009 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2009\/06\/'> June 2009 &nbsp;(1)<\/option>\n\t<option value='https:\/\/blog.uvm.edu\/manual\/2009\/05\/'> May 2009 &nbsp;(1)<\/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.uvm.edu\/manual\"] );\n\/\/# sourceURL=block_core_archives_build_dropdown_script\n<\/script>\n<\/div>\n\n\n<p>The Category widget block has an additional option for showing category hierarchies:<\/p>\n\n\n<ul class=\"wp-block-categories-list wp-block-categories\">\t<li class=\"cat-item cat-item-142\"><a href=\"https:\/\/blog.uvm.edu\/manual\/tag\/audio\/\">Audio<\/a> (1)\n<\/li>\n\t<li class=\"cat-item cat-item-258709\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/block\/\">Block<\/a> (10)\n<\/li>\n\t<li class=\"cat-item cat-item-53473\"><a href=\"https:\/\/blog.uvm.edu\/manual\/tag\/categories\/\">Categories<\/a> (2)\n<\/li>\n\t<li class=\"cat-item cat-item-258718\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/classic\/\">Classic<\/a> (36)\n<\/li>\n\t<li class=\"cat-item cat-item-245487\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/edge-case-2\/\">Edge Case<\/a> (6)\n<\/li>\n\t<li class=\"cat-item cat-item-523032\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/formatting\/\">Formatting<\/a> (18)\n<\/li>\n\t<li class=\"cat-item cat-item-604408\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/functionality\/\">Functionality<\/a> (8)\n<\/li>\n\t<li class=\"cat-item cat-item-2899\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/images\/\">Image Styles<\/a> (8)\n<\/li>\n\t<li class=\"cat-item cat-item-245689\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/markup\/\">Markup<\/a> (5)\n<\/li>\n\t<li class=\"cat-item cat-item-246029\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/media-2\/\">Media<\/a> (13)\n<\/li>\n\t<li class=\"cat-item cat-item-55762\"><a href=\"https:\/\/blog.uvm.edu\/manual\/tag\/post-formats\/\">Post Formats<\/a> (15)\n<\/li>\n\t<li class=\"cat-item cat-item-66159\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/social\/\">Social<\/a> (5)\n<\/li>\n\t<li class=\"cat-item cat-item-246631\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/template-2\/\">Template<\/a> (11)\n<\/li>\n\t<li class=\"cat-item cat-item-604749\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/typography\/\">Typography<\/a> (4)\n<\/li>\n\t<li class=\"cat-item cat-item-1\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/uncategorized\/\">Uncategorized<\/a> (5)\n<\/li>\n\t<li class=\"cat-item cat-item-247023\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/unpublished\/\">Unpublished<\/a> (1)\n<\/li>\n\t<li class=\"cat-item cat-item-605016\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/ugc\/\">User Content- UGC<\/a> (3)\n<\/li>\n\t<li class=\"cat-item cat-item-449\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/uvm\/\">UVM<\/a> (6)\n<\/li>\n\t<li class=\"cat-item cat-item-605394\"><a href=\"https:\/\/blog.uvm.edu\/manual\/category\/ux\/\">UX Elements<\/a> (4)\n<\/li>\n\t<li class=\"cat-item cat-item-141\"><a href=\"https:\/\/blog.uvm.edu\/manual\/tag\/video\/\">Video<\/a> (3)\n<\/li>\n<\/ul>\n\n\n<p>The Latest Comments widget can display or hide the avatars, the date, and the comment excerpt:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><ol class=\"has-avatars has-dates has-excerpts wp-block-latest-comments\"><li class=\"wp-block-latest-comments__comment\"><img alt='' src='https:\/\/secure.gravatar.com\/avatar\/8e1606e6fba450a9362af43874c1b2dfad34c782e33d0a51e1b46c18a2a567dd?s=48&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/8e1606e6fba450a9362af43874c1b2dfad34c782e33d0a51e1b46c18a2a567dd?s=96&#038;d=mm&#038;r=g 2x' class='avatar avatar-48 photo wp-block-latest-comments__comment-avatar' height='48' width='48' \/><article><footer class=\"wp-block-latest-comments__comment-meta\"><a class=\"wp-block-latest-comments__comment-author\" href=\"http:\/\/www.uvm.edu\/ets\/\">UVM Enterprise Technology Services<\/a> on <a class=\"wp-block-latest-comments__comment-link\" href=\"https:\/\/blog.uvm.edu\/manual\/2019\/10\/04\/hello-world\/#comment-1\">Hello world!<\/a><time datetime=\"2019-10-04T15:03:47-04:00\" class=\"wp-block-latest-comments__comment-date\">October 4, 2019<\/time><\/footer><div class=\"wp-block-latest-comments__comment-excerpt\"><p>Hi, this is a comment. To get started with moderating, editing, and deleting comments, please visit the Comments screen in&hellip;<\/p>\n<\/div><\/article><\/li><li class=\"wp-block-latest-comments__comment\"><img alt='' src='https:\/\/secure.gravatar.com\/avatar\/8e1606e6fba450a9362af43874c1b2dfad34c782e33d0a51e1b46c18a2a567dd?s=48&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/8e1606e6fba450a9362af43874c1b2dfad34c782e33d0a51e1b46c18a2a567dd?s=96&#038;d=mm&#038;r=g 2x' class='avatar avatar-48 photo wp-block-latest-comments__comment-avatar' height='48' width='48' \/><article><footer class=\"wp-block-latest-comments__comment-meta\"><a class=\"wp-block-latest-comments__comment-author\" href=\"https:\/\/wordpress.org\/\">A WordPress Commenter<\/a> on <a class=\"wp-block-latest-comments__comment-link\" href=\"https:\/\/blog.uvm.edu\/manual\/2019\/05\/03\/hello-world-2\/#comment-34\">Hello world!<\/a><time datetime=\"2019-05-03T15:55:21-04:00\" class=\"wp-block-latest-comments__comment-date\">May 3, 2019<\/time><\/footer><div class=\"wp-block-latest-comments__comment-excerpt\"><p>Hi, this is a comment. To get started with moderating, editing, and deleting comments, please visit the Comments screen in&hellip;<\/p>\n<\/div><\/article><\/li><li class=\"wp-block-latest-comments__comment\"><img alt='' src='https:\/\/secure.gravatar.com\/avatar\/2f0f47c7ed07a0d1a6fe262e7ced0094b2d66032d4393dbb4aa6acbe9fd2af83?s=48&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/2f0f47c7ed07a0d1a6fe262e7ced0094b2d66032d4393dbb4aa6acbe9fd2af83?s=96&#038;d=mm&#038;r=g 2x' class='avatar avatar-48 photo wp-block-latest-comments__comment-avatar' height='48' width='48' \/><article><footer class=\"wp-block-latest-comments__comment-meta\"><a class=\"wp-block-latest-comments__comment-author\" href=\"http:\/\/example.org\/\">John Doe<\/a> on <a class=\"wp-block-latest-comments__comment-link\" href=\"https:\/\/blog.uvm.edu\/manual\/2009\/08\/06\/edge-case-no-content\/#comment-7\">Edge Case: No Content<\/a><time datetime=\"2013-03-14T12:35:07-04:00\" class=\"wp-block-latest-comments__comment-date\">March 14, 2013<\/time><\/footer><div class=\"wp-block-latest-comments__comment-excerpt\"><p>Having no content in the post should have no adverse effects on the layout or functionality.<\/p>\n<\/div><\/article><\/li><li class=\"wp-block-latest-comments__comment\"><img alt='' src='https:\/\/secure.gravatar.com\/avatar\/2f0f47c7ed07a0d1a6fe262e7ced0094b2d66032d4393dbb4aa6acbe9fd2af83?s=48&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/2f0f47c7ed07a0d1a6fe262e7ced0094b2d66032d4393dbb4aa6acbe9fd2af83?s=96&#038;d=mm&#038;r=g 2x' class='avatar avatar-48 photo wp-block-latest-comments__comment-avatar' height='48' width='48' \/><article><footer class=\"wp-block-latest-comments__comment-meta\"><a class=\"wp-block-latest-comments__comment-author\" href=\"http:\/\/example.org\/\">Jane Doe<\/a> on <a class=\"wp-block-latest-comments__comment-link\" href=\"https:\/\/blog.uvm.edu\/manual\/2012\/01\/04\/template-password-protected\/#comment-33\">Protected: Template: Password Protected (the password is &#8220;enter&#8221;)<\/a><time datetime=\"2013-03-14T11:56:08-04:00\" class=\"wp-block-latest-comments__comment-date\">March 14, 2013<\/time><\/footer><div class=\"wp-block-latest-comments__comment-excerpt\"><p>Password protected<\/p>\n<\/div><\/article><\/li><li class=\"wp-block-latest-comments__comment\"><img alt='' src='https:\/\/secure.gravatar.com\/avatar\/2f0f47c7ed07a0d1a6fe262e7ced0094b2d66032d4393dbb4aa6acbe9fd2af83?s=48&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/2f0f47c7ed07a0d1a6fe262e7ced0094b2d66032d4393dbb4aa6acbe9fd2af83?s=96&#038;d=mm&#038;r=g 2x' class='avatar avatar-48 photo wp-block-latest-comments__comment-avatar' height='48' width='48' \/><article><footer class=\"wp-block-latest-comments__comment-meta\"><a class=\"wp-block-latest-comments__comment-author\" href=\"http:\/\/example.org\/\">Jane Doe<\/a> on <a class=\"wp-block-latest-comments__comment-link\" href=\"https:\/\/blog.uvm.edu\/manual\/2012\/01\/03\/template-comments\/#comment-26\">Template: Comments<\/a><time datetime=\"2013-03-14T11:30:33-04:00\" class=\"wp-block-latest-comments__comment-date\">March 14, 2013<\/time><\/footer><div class=\"wp-block-latest-comments__comment-excerpt\"><p>Thanks for all the comments, everyone!<\/p>\n<\/div><\/article><\/li><\/ol>\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\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<ol class=\"wp-block-latest-comments\"><li class=\"wp-block-latest-comments__comment\"><article><footer class=\"wp-block-latest-comments__comment-meta\"><a class=\"wp-block-latest-comments__comment-author\" href=\"http:\/\/www.uvm.edu\/ets\/\">UVM Enterprise Technology Services<\/a> on <a class=\"wp-block-latest-comments__comment-link\" href=\"https:\/\/blog.uvm.edu\/manual\/2019\/10\/04\/hello-world\/#comment-1\">Hello world!<\/a><\/footer><\/article><\/li><li class=\"wp-block-latest-comments__comment\"><article><footer class=\"wp-block-latest-comments__comment-meta\"><a class=\"wp-block-latest-comments__comment-author\" href=\"https:\/\/wordpress.org\/\">A WordPress Commenter<\/a> on <a class=\"wp-block-latest-comments__comment-link\" href=\"https:\/\/blog.uvm.edu\/manual\/2019\/05\/03\/hello-world-2\/#comment-34\">Hello world!<\/a><\/footer><\/article><\/li><\/ol><\/div>\n<\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\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:\/\/blog.uvm.edu\/manual\/2019\/11\/04\/typography\/\">Typography<\/a><time datetime=\"2019-11-04T14:36:41-05:00\" class=\"wp-block-latest-posts__post-date\">November 4, 2019<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2019\/11\/04\/image-sizes-and-optimization\/\">Image Sizes and Optimization<\/a><time datetime=\"2019-11-04T12:34:25-05:00\" class=\"wp-block-latest-posts__post-date\">November 4, 2019<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2019\/10\/04\/hello-world\/\">Hello world!<\/a><time datetime=\"2019-10-04T15:03:47-04:00\" class=\"wp-block-latest-posts__post-date\">October 4, 2019<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2019\/09\/19\/working-with-post-categories\/\">Working with Post Categories<\/a><time datetime=\"2019-09-19T20:32:58-04:00\" class=\"wp-block-latest-posts__post-date\">September 19, 2019<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2019\/09\/06\/video-styles\/\">Video Styles<\/a><time datetime=\"2019-09-06T14:13:01-04:00\" class=\"wp-block-latest-posts__post-date\">September 6, 2019<\/time><\/li>\n<\/ul>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<p>Grid view, now sorted from A -Z, 3 columns, 6 items.<\/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:\/\/blog.uvm.edu\/manual\/2009\/09\/05\/edge-case-no-title\/\">(no title)<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2018\/11\/01\/block-category-common\/\">Block category: Common<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2018\/11\/01\/blocks-formatting\/\">Block category: Formatting<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2018\/11\/01\/blocks-widgets\/\">Block category: Widgets<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2018\/11\/03\/block-button\/\">Block: Button<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2018\/11\/03\/column-blocks\/\">Block: Columns<\/a><\/li>\n<\/ul>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\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-2 wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2009\/09\/05\/edge-case-no-title\/\">(no title)<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2018\/11\/01\/block-category-common\/\">Block category: Common<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2018\/11\/01\/blocks-formatting\/\">Block category: Formatting<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/blog.uvm.edu\/manual\/2018\/11\/01\/blocks-widgets\/\">Block category: Widgets<\/a><\/li>\n<\/ul><\/div>\n<\/div>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-5 has-dates wp-block-latest-posts\"><\/ul>\n\n\n<div style=\"height:120px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Note: Widgets are under construction- they have not been styled yet. 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 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.uvm.edu\/manual\/2018\/11\/01\/blocks-widgets\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Block category: Widgets&#8221;<\/span><\/a><\/p>\n","protected":false},"author":5625,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[258709,604408],"tags":[],"class_list":["post-1782","post","type-post","status-publish","format-standard","hentry","category-block","category-functionality","entry"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/blog.uvm.edu\/manual\/category\/block\/\" rel=\"category tag\">Block<\/a> <a href=\"https:\/\/blog.uvm.edu\/manual\/category\/functionality\/\" rel=\"category tag\">Functionality<\/a>","rttpg_excerpt":"Note: Widgets are under construction- they have not been styled yet. 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&hellip;","_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts\/1782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/users\/5625"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/comments?post=1782"}],"version-history":[{"count":9,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts\/1782\/revisions"}],"predecessor-version":[{"id":5392,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts\/1782\/revisions\/5392"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/media?parent=1782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/categories?post=1782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/tags?post=1782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}