The “Accordion” 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 “Publications” list on your site.
Refereed Papers
Ac feugiat sed lectus vestibulum mattis ullamcorper. Rhoncus urna neque viverra justo nec ultrices dui sapien eget. Ut porttitor leo a diam sollicitudin tempor.
Papers Submitted or in Review
Urna molestie at elementum eu facilisis sed odio. Est placerat in egestas erat. Tempus egestas sed sed risus pretium quam vulputate dignissim.
Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Amet luctus venenatis lectus magna fringilla urna. Ornare massa eget egestas purus viverra.
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.
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.
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.
Papers in Revision
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.
Urna molestie at elementum eu facilisis sed odio. Est placerat in egestas erat. Tempus egestas sed sed risus pretium quam vulputate dignissim.
Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Amet luctus venenatis lectus magna fringilla urna. Ornare massa eget egestas purus viverra.
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.
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.
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.
2018
Urna molestie at elementum eu facilisis sed odio. Est placerat in egestas erat. Tempus egestas sed sed risus pretium quam vulputate dignissim.
Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Amet luctus venenatis lectus magna fringilla urna. Ornare massa eget egestas purus viverra.
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.
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.
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.
2017
Urna molestie at elementum eu facilisis sed odio. Est placerat in egestas erat. Tempus egestas sed sed risus pretium quam vulputate dignissim.
Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Amet luctus venenatis lectus magna fringilla urna. Ornare massa eget egestas purus viverra.
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.
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.
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.
You can also shorten the width of your accordion content by using a 1/3 – 2/3 layout, like this:
Headline
Accordion headline
this is
Another Accordion title
accordion content
We are loving these accordion titles
Accordions are really useful when you have a lot of depth to your content and want to provide some organization to it.
Accordion title this is just placeholder text
You wouldn’t use accordions though if there wasn’t a lot of content within each accordion. That amount of content could be in a list or just subheads and text.
How to make a “publications” page like this
This tutorial shows the University of Vermont community how to make a “publications” page in WordPress using the “accordion” block.
(05:34) It also shows how to create a menu for your theme and add pages to the menu.