{"id":2590,"date":"2024-04-30T09:44:29","date_gmt":"2024-04-30T13:44:29","guid":{"rendered":"https:\/\/umaine.edu\/userguide\/?p=2590"},"modified":"2024-08-15T10:51:52","modified_gmt":"2024-08-15T14:51:52","slug":"gutenberg-corner-listing-people-on-gutenberg-pages","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2024\/04\/30\/gutenberg-corner-listing-people-on-gutenberg-pages\/","title":{"rendered":"Gutenberg corner: Listing people on Gutenberg pages"},"content":{"rendered":"<p>We have worked to identify suitable Gutenberg features to replace the capabilities of our aging Content Blocks system. Article lists, event lists, images, quotes, and other features can all be accommodated with Gutenberg blocks and our &#8220;post picker&#8221; shortcode. But what about the People List content block?<\/p>\n<p>We have found a simple solution for this, and it involves our\u00a0<span class=\"il\">website<\/span>&#8216;s oembed feature.<\/p>\n<h3><strong>The People content type<\/strong><\/h3>\n<p>While websites can simply list people on a page using text and images, the <span class=\"il\">website<\/span>\u00a0has a specific type of content avilable called People which allows for the creation of a record that can be re-used on the\u00a0<span class=\"il\">website<\/span>. Updates to the People content will update the places where this content appears.\u00a0<a href=\"https:\/\/umaine.us3.list-manage.com\/track\/click?u=239d036db9c50915ca7cdffad&amp;id=ff7bbf2299&amp;e=3f5734d3e5\" target=\"_blank\" rel=\"noopener\" data-saferedirecturl=\"https:\/\/www.google.com\/url?q=https:\/\/umaine.us3.list-manage.com\/track\/click?u%3D239d036db9c50915ca7cdffad%26id%3Dff7bbf2299%26e%3D3f5734d3e5&amp;source=gmail&amp;ust=1714657170710000&amp;usg=AOvVaw0WwUTHy-XrkkSvFhJvcFuW\">More information about this people content type is available in our user guide<\/a>.<\/p>\n<h3><strong>The automated Directory feature<\/strong><\/h3>\n<p>For websites that have large lists of people, the\u00a0<span class=\"il\">website<\/span>\u00a0offers an automated directory. By default this automated directory appears a web address ending with &#8220;\/people\/&#8221; such as the directory for\u00a0<a href=\"https:\/\/umaine.us3.list-manage.com\/track\/click?u=239d036db9c50915ca7cdffad&amp;id=c74c426ba0&amp;e=3f5734d3e5\" target=\"_blank\" rel=\"noopener\" data-saferedirecturl=\"https:\/\/www.google.com\/url?q=https:\/\/umaine.us3.list-manage.com\/track\/click?u%3D239d036db9c50915ca7cdffad%26id%3Dc74c426ba0%26e%3D3f5734d3e5&amp;source=gmail&amp;ust=1714657170710000&amp;usg=AOvVaw1mH6bH6WKiW4HC99YFbp9K\">University of Maine Cooperative Extension<\/a>. If your site has made use of our People content type, this directory will display all of your published people, alphabetized by last name.\u00a0<strong>We recommend reviewing this automated directory for accuracy\u2014 removing people from the People List Content Block does\u00a0<em>not<\/em>\u00a0remove them from this automated directory<\/strong>.<\/p>\n<p>The automated directory can be customized to change its page location and title, and there are Department, Location, and Expertise areas that can be defined to enhance the directory&#8217;s use.\u00a0<a href=\"https:\/\/umaine.us3.list-manage.com\/track\/click?u=239d036db9c50915ca7cdffad&amp;id=e3ae191f2e&amp;e=3f5734d3e5\" target=\"_blank\" rel=\"noopener\" data-saferedirecturl=\"https:\/\/www.google.com\/url?q=https:\/\/umaine.us3.list-manage.com\/track\/click?u%3D239d036db9c50915ca7cdffad%26id%3De3ae191f2e%26e%3D3f5734d3e5&amp;source=gmail&amp;ust=1714657170710000&amp;usg=AOvVaw14Vi4V-VvLpVCfi-Bx_BCD\">For example, the &#8220;Orono&#8221; location in the Cooperative Extension&#8217;s directory lists all People with that location defined in their record<\/a>.<\/p>\n<h3><strong>Listing individual people on Gutenberg pages<\/strong><\/h3>\n<p>If you do not want to rely on an automated directory, or need to list people in a specific order, the &#8220;People List Content Block&#8221; had been our solution\u2014 but this feature does not exist in the Gutenberg editor. Thankfully, it is easy to list individual people using the &#8220;oembed&#8221; feature of our\u00a0<span class=\"il\">website<\/span>.<\/p>\n<h4><strong>Step one: view the People item in your web browser<\/strong><\/h4>\n<p>In the People content dashboard you will find a list of all the People that have been added. Published and Draft content appears in the dashboard, and only those People that are Published can be viewed by the public. Select the &#8220;View&#8221; link underneath the People item you want to embed. For example, this is the &#8220;View&#8221; link for Mike Kirby in Marketing and Communications:\u00a0<a href=\"https:\/\/umaine.edu\/marketingandcommunications\/people\/mike-kirby\/\" target=\"_blank\" rel=\"noopener\" data-saferedirecturl=\"https:\/\/www.google.com\/url?q=https:\/\/umaine.edu\/marketingandcommunications\/people\/mike-kirby\/&amp;source=gmail&amp;ust=1714657170710000&amp;usg=AOvVaw23tQMHQLGFEe0TRhAK-OMU\">https:\/\/<wbr \/><span class=\"il\">umaine<\/span>.edu\/<wbr \/>marketingandcommunications\/<wbr \/>people\/mike-kirby\/<\/a><\/p>\n<h4><strong>Step two: copy the web address of the People item<\/strong><\/h4>\n<p>Once you are viewing the People record you want to embed, simply copy its web address (ctrl+c on Microsoft computers, option+c on Apple computers, or right-click the selected web address and choose &#8220;Copy&#8221;).<\/p>\n<h4><strong>Step three: paste the web address of the People item in the page you want it to appear<\/strong><\/h4>\n<p>On the page you want to list this person, use a Paragraph block in the Gutenberg editor and paste the web address on its own line. The URL will be replaced with an embedded version of the People listing!<\/p>\n<h4><strong>Getting fancy: row layouts for listing several People items in a row<\/strong><\/h4>\n<p>The Paragraph block can be used within many Gutenberg features such as the Row Layout, Accordion, or Tabbed Content blocks. To mimic the behavior of the older People List Content Boock, the Row Layout block can be set to two or three columns, and each column can contain an embedded People item.<\/p>\n<p>If you would like to replace your older Content Blocks people list with a new version using the Gutenberg editor, give the above instructions a try! We are always available at\u00a0<a href=\"mailto:um.weboffice@maine.edu\" target=\"_blank\" rel=\"noopener\">um.weboffice@maine.edu<\/a>\u00a0to help you with this task.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We have worked to identify suitable Gutenberg features to replace the capabilities of our aging Content Blocks system. Article lists, event lists, images, quotes, and other features can all be accommodated with Gutenberg blocks and our &#8220;post picker&#8221; shortcode. But what about the People List content block? We have found a simple solution for this, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":-1},"categories":[41,34],"tags":[],"class_list":["post-2590","post","type-post","status-publish","format-standard","hentry","category-projects-cb","category-gutenberg"],"taxonomy_info":{"category":[{"value":41,"label":"Content Blocks removal project"},{"value":34,"label":"Gutenberg"}]},"featured_image_src_large":false,"author_info":{"display_name":"kirby","author_link":"https:\/\/umaine.edu\/userguide\/author\/kirby\/"},"comment_info":"","category_info":[{"term_id":41,"name":"Content Blocks removal project","slug":"projects-cb","term_group":0,"term_taxonomy_id":41,"taxonomy":"category","description":"","parent":0,"count":16,"filter":"raw","cat_ID":41,"category_count":16,"category_description":"","cat_name":"Content Blocks removal project","category_nicename":"projects-cb","category_parent":0},{"term_id":34,"name":"Gutenberg","slug":"gutenberg","term_group":0,"term_taxonomy_id":34,"taxonomy":"category","description":"","parent":0,"count":22,"filter":"raw","cat_ID":34,"category_count":22,"category_description":"","cat_name":"Gutenberg","category_nicename":"gutenberg","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=2590"}],"version-history":[{"count":1,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2590\/revisions"}],"predecessor-version":[{"id":2593,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2590\/revisions\/2593"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=2590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=2590"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=2590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}