{"id":2261,"date":"2019-08-14T15:42:06","date_gmt":"2019-08-14T15:42:06","guid":{"rendered":"https:\/\/wptest.sdelling.w3.uvm.edu\/?page_id=2261"},"modified":"2020-06-24T15:14:14","modified_gmt":"2020-06-24T19:14:14","slug":"l__publications","status":"publish","type":"page","link":"https:\/\/blog.uvm.edu\/manual\/l__publications\/","title":{"rendered":"Publications"},"content":{"rendered":"\n<p class=\"intro--left\">The &#8220;Accordion&#8221; block is a good option when you have a high density of content. It lets the user identify the top level categories of content and dig deeper as they follow their information scent. We are showing here how it can be employed to optimally display content for a &#8220;Publications&#8221; list on your site.<\/p>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-accordion ab-block-accordion\"><details><summary class=\"ab-accordion-title\">Refereed Papers<\/summary><div class=\"ab-accordion-text\">\n<p>Ac feugiat sed lectus vestibulum mattis ullamcorper. Rhoncus urna neque viverra justo nec ultrices dui sapien eget. Ut porttitor leo a diam sollicitudin tempor.<\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-accordion ab-block-accordion\"><details><summary class=\"ab-accordion-title\">Papers Submitted or in Review<\/summary><div class=\"ab-accordion-text\">\n<p>Urna molestie at elementum eu facilisis sed odio. Est placerat in egestas erat. Tempus egestas sed sed risus pretium quam vulputate dignissim.&nbsp;<\/p>\n\n\n\n<p>Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Amet luctus venenatis lectus magna fringilla urna. Ornare massa eget egestas purus viverra. <\/p>\n\n\n\n<p>Tellus molestie nunc non blandit massa enim nec. Eget velit aliquet sagittis id. Vel fringilla est ullamcorper eget nulla facilisi etiam. Accumsan lacus vel facilisis volutpat est velit egestas. Arcu cursus vitae congue mauris rhoncus.<\/p>\n\n\n\n<p>Amet facilisis magna etiam tempor. Integer quis auctor elit sed vulputate mi sit. Nulla facilisi etiam dignissim diam. Arcu ac tortor dignissim convallis aenean et tortor at risus. <\/p>\n\n\n\n<p>Euismod elementum nisi quis eleifend quam. Ornare arcu odio ut sem nulla pharetra diam. In fermentum posuere urna nec tincidunt praesent semper. Commodo viverra maecenas accumsan lacus vel facilisis volutpat est. Urna duis convallis convallis tellus id interdum.&nbsp;<\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-accordion ab-block-accordion\"><details><summary class=\"ab-accordion-title\">Papers in Revision<\/summary><div class=\"ab-accordion-text\">\n<p>Moon, S., Merritts, D., Snyder, N. P., Bierman, P. R., Fosdick, J., Sanquini, A. and Hilley, G. E. (in review, 6\/2018) Erosion of coastal drainages in the Mendocino Triple Junction region (MTJ), northern California. Earth and Planetary Science Letters.<\/p>\n\n\n\n<p>Urna molestie at elementum eu facilisis sed odio. Est placerat in egestas erat. Tempus egestas sed sed risus pretium quam vulputate dignissim.&nbsp;<\/p>\n\n\n\n<p>Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Amet luctus venenatis lectus magna fringilla urna. Ornare massa eget egestas purus viverra. <\/p>\n\n\n\n<p>Tellus molestie nunc non blandit massa enim nec. Eget velit aliquet sagittis id. Vel fringilla est ullamcorper eget nulla facilisi etiam. Accumsan lacus vel facilisis volutpat est velit egestas. Arcu cursus vitae congue mauris rhoncus.<\/p>\n\n\n\n<p>Amet facilisis magna etiam tempor. Integer quis auctor elit sed vulputate mi sit. Nulla facilisi etiam dignissim diam. Arcu ac tortor dignissim convallis aenean et tortor at risus. <\/p>\n\n\n\n<p>Euismod elementum nisi quis eleifend quam. Ornare arcu odio ut sem nulla pharetra diam. In fermentum posuere urna nec tincidunt praesent semper. Commodo viverra maecenas accumsan lacus vel facilisis volutpat est. Urna duis convallis convallis tellus id interdum.&nbsp;<\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-accordion ab-block-accordion\"><details><summary class=\"ab-accordion-title\">2018<\/summary><div class=\"ab-accordion-text\">\n<p>Urna molestie at elementum eu facilisis sed odio. Est placerat in egestas erat. Tempus egestas sed sed risus pretium quam vulputate dignissim.&nbsp;<\/p>\n\n\n\n<p>Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Amet luctus venenatis lectus magna fringilla urna. Ornare massa eget egestas purus viverra. <\/p>\n\n\n\n<p>Tellus molestie nunc non blandit massa enim nec. Eget velit aliquet sagittis id. Vel fringilla est ullamcorper eget nulla facilisi etiam. Accumsan lacus vel facilisis volutpat est velit egestas. Arcu cursus vitae congue mauris rhoncus.<\/p>\n\n\n\n<p>Amet facilisis magna etiam tempor. Integer quis auctor elit sed vulputate mi sit. Nulla facilisi etiam dignissim diam. Arcu ac tortor dignissim convallis aenean et tortor at risus. <\/p>\n\n\n\n<p>Euismod elementum nisi quis eleifend quam. Ornare arcu odio ut sem nulla pharetra diam. In fermentum posuere urna nec tincidunt praesent semper. Commodo viverra maecenas accumsan lacus vel facilisis volutpat est. Urna duis convallis convallis tellus id interdum.&nbsp;<\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-accordion ab-block-accordion\"><details><summary class=\"ab-accordion-title\">2017<\/summary><div class=\"ab-accordion-text\">\n<p>Urna molestie at elementum eu facilisis sed odio. Est placerat in egestas erat. Tempus egestas sed sed risus pretium quam vulputate dignissim.&nbsp;<\/p>\n\n\n\n<p>Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Amet luctus venenatis lectus magna fringilla urna. Ornare massa eget egestas purus viverra. <\/p>\n\n\n\n<p>Tellus molestie nunc non blandit massa enim nec. Eget velit aliquet sagittis id. Vel fringilla est ullamcorper eget nulla facilisi etiam. Accumsan lacus vel facilisis volutpat est velit egestas. Arcu cursus vitae congue mauris rhoncus.<\/p>\n\n\n\n<p>Amet facilisis magna etiam tempor. Integer quis auctor elit sed vulputate mi sit. Nulla facilisi etiam dignissim diam. Arcu ac tortor dignissim convallis aenean et tortor at risus. <\/p>\n\n\n\n<p>Euismod elementum nisi quis eleifend quam. Ornare arcu odio ut sem nulla pharetra diam. In fermentum posuere urna nec tincidunt praesent semper. Commodo viverra maecenas accumsan lacus vel facilisis volutpat est. Urna duis convallis convallis tellus id interdum.&nbsp;<\/p>\n<\/div><\/details><\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" role=\"presentation\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" role=\"presentation\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>You can also shorten the width of your accordion content by using a 1\/3 &#8211; 2\/3 layout, like this:<\/p>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns ab-layout-columns-2 ab-2-col-wideright\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column ab-is-vertically-aligned-top\"><div class=\"ab-block-layout-column-inner\">\n<h4 class=\"wp-block-heading\">Headline<\/h4>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<div class=\"wp-block-atomic-blocks-ab-accordion ab-block-accordion\"><details><summary class=\"ab-accordion-title\">Accordion headline<\/summary><div class=\"ab-accordion-text\">\n<p>this is<\/p>\n\n\n\n<p><\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-accordion ab-block-accordion\"><details><summary class=\"ab-accordion-title\">Another Accordion title<\/summary><div class=\"ab-accordion-text\">\n<p>accordion content<\/p>\n\n\n\n<p><\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-accordion ab-block-accordion\"><details><summary class=\"ab-accordion-title\">We are loving these accordion titles<\/summary><div class=\"ab-accordion-text\">\n<p>Accordions are really useful when you have a lot of depth to your content and want to provide some organization to it. <\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-accordion ab-block-accordion\"><details><summary class=\"ab-accordion-title\">Accordion title this is just placeholder text<\/summary><div class=\"ab-accordion-text\">\n<p>You wouldn&#8217;t use accordions though if there wasn&#8217;t a lot of content within each accordion. That amount of content could be in a list or just subheads and text. <\/p>\n<\/div><\/details><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to make a &#8220;publications&#8221; page like this<\/h2>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"03 Creating a Publications Page, UVM WordPress\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/W9y_3YJDt2Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This tutorial shows the University of Vermont community how to make a &#8220;publications&#8221; page in WordPress using the &#8220;accordion&#8221; block. <br \/><br \/>(05:34) It also shows how to create a menu for your theme and add pages to the menu.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The &#8220;Accordion&#8221; block is a good option when you have a high density of content. It lets the user identify the top level categories of content and dig deeper as they follow their information scent. We are showing here how it can be employed to optimally display content for a &#8220;Publications&#8221; list on your site. &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.uvm.edu\/manual\/l__publications\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Publications&#8221;<\/span><\/a><\/p>\n","protected":false},"author":5625,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2261","page","type-page","status-publish","hentry","entry"],"featured_image_src":null,"featured_image_src_square":null,"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"The &#8220;Accordion&#8221; block is a good option when you have a high density of content. It lets the user identify the top level categories of content and dig deeper as they follow their information scent. We are showing here how it can be employed to optimally display content for a &#8220;Publications&#8221; list on your site.&hellip;","_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/2261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/types\/page"}],"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=2261"}],"version-history":[{"count":8,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/2261\/revisions"}],"predecessor-version":[{"id":5181,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/2261\/revisions\/5181"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/media?parent=2261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}