FAIR

Federated and Independent Repositories

Accordion Archive Widget

Plugin Banner

Accordion Archive Widget

by pathartl

Download
Description

Accordion Archive Widget is exactly what the name implies. It recreates the stock archive widget, but this time around the widget is laid out as an accordion. It gives you the years of the archive, and then when the year is clicked it expands to show the months.

Development can be tracked at http://github.com/pathartl/accordion-archive-widget

  1. Upload the accordion-archive-widget folder to /wp-content/plugins
  2. Activate the plugin
  3. Add the widget to your widget area
  1. This is an image of the collapsed accordion.

    This is an image of the collapsed accordion.

  2. This is an image of the accordion expanded revealing the months.

    This is an image of the accordion expanded revealing the months.

Compared to the stock widget, the accordion doesn’t show the post count

I may implement this if people request it, but I’m happy where it’s at now.

Where can I see this in action?

I’ve put this widget at the bottom of my website. You can check it out at http://pathartl.me/#footer

Works as described

By midpod on September 3, 2016

Works as described. Thanks for the plugin.

Great & Simple

By te-online (thomas.ebert) on September 3, 2016

Looking for a way to manage the mass of months in some archives list, I stumbled upon this plugin. It does exactly what it promises to do!

From a code perspective, I would suggest to maybe implement an option to inline the CSS and JavaScript, since they are really short and don't really require separate files at the current state of the plugin. Unless you are using http/2, two requests less might make a slight difference in performance. Also you could try to get away without depending on jQuery. But I'm complaining on a high level here.

Also, I added some lines of CSS to my theme to customize a bit. They make the two first months unfolded by default, to have a little candy to convince the visitor to click the other months as well. Maybe that could be a future-feature? Who knows... 😉

li.archive-accordion-year:first-child ul,
li.archive-accordion-year:nth-child(2) ul {
	display: block;
}

Thanks for your time creating the plugin! 🙂

1.0

  • Initial Release.
Back to top