/ coding

Strips 0.5

Announcing a new update to Strips, the WordPress theme I’m building. This site has been running it since last night.

The 0.5 update is focused on starting to shape up navigation, and it was easily the trickiest update I’ve done so far.

Styling WordPress navigation was laborious to say the least. There is still more work to be done (particularly for touch devices and small devices). Still, progress has been made.

Archives page

There is now an archives page that automatically generates lists of archives to help you navigate past posts. You can navigate by categories or months.

![Archives screenshot](https://blog.ashryan.io/content/images/2014/04/Archives-screenshot-300x218.png)Archives page
On the backend, this is a custom pages template in WordPress. Currently to make it work, all that has to happen is the creation of a page with the title “Archives”, and the selection of the Archives page template from the template dropdown. Everything else is automatic.

It would be nice if the title of the page could be set to anything (not just “Archives”, the word I chose). However, the current situation works for me as it is, so flexibility in naming will wait.

Viewing an archive

Even in earlier versions of Strips, there has been a note at the top of any archive being viewed to let you know that you are looking at an archive and not, say, the main page.

Stips 0.5 refines that note by shrinking the previously gargantuan text, and adding links to help you get to other places quickly.

![Single archive screenshot](https://blog.ashryan.io/content/images/2014/04/Single-archive-screenshot-300x233.png)Single archive
### Viewing older posts on the blog

There are now links under the final post on the blog page that will let you go back in time, a page at a time.

![Blog navigation screenshot](https://blog.ashryan.io/content/images/2014/04/Blog-navigation-screenshot-300x103.png)Blog navigation
This is a basic feature to add to a blog, but I did like the idea of having an amnesiac blog where everything was seemingly forgotten but the most recent 5 posts.

This was the most difficult thing to get right in this update. And even now, it still needs some polishing.

![Dropdown menu screenshot](https://blog.ashryan.io/content/images/2014/04/Dropdown-menu-screenshot-300x97.png)Dropdown menu
At any rate, I can now have dropdown menus from the main menu. If you hover your mouse or touch the Home item in site’s menu, a dropdown menu will appear. Currently it only offers you access to the Archives.

The subtle dropdown fade transition is done completely in CSS3, which I think is a good thing.

At the moment, this dropdown menu only works correctly on a computer. On a touch device, you can open it by touching the Home item. But there is no way to close it unless you navigate to another page on the site.

This issue is for another alpha update.

For posterity, here are some screenshots of what the site looks like today:

![Strips 0.5 screenshot](https://blog.ashryan.io/content/images/2014/04/Strips-0.5-screenshot-300x228.png)On a laptop
![Strips 0.5 iPhone screenshot](https://blog.ashryan.io/content/images/2014/04/Strips-0.5-iPhone-screenshot-200x300.png)On an iPhone
Strips 0.5
Share this