Yes, I stayed up past 3 am last night working on a website revamp. Yes, that was too late. No, I couldn’t stay away from it today.
But YES, I am very pleased with where I am now!
I thought I was just going to dive in for a few minutes to do a little more customization of the Twenty Twelve WordPress theme I installed yesterday. But instead, I got annoyed with the wasted white space at the top of the page and started poking around looking for a new theme. And after a bit of searching, I installed a theme called Twenty Fourteen — and I kind of love it!
As you can see from the screenshot above, Twenty Fourteen allows for a header image that’s flush with the top of the page. I understand the use of open space is a big part of giving websites a free, minimalist, airy feel. But it feels like too much if there’s so much open space above and below the header image that you have to scroll to read the first paragraph or two in the first post. So I dig this!
The title and nav bar then live on the same horizontal line, which again saves vertical space. And excitingly, the items in the navigation bar can be turned into nested, green drop down menus! I’m using those to provide handy links to some of my most current or prominent work. There’s a glitch that doesn’t let you keep scrolling those drop down menus if they’re longer than your screen, so I had to keep the number of items in them down. But that’s more manageable anyway.
The theme also provides columns on the left and the right, which gave me enough room to add a widget on the right with covers and links to some of my new work. And I was able to get my branding in by sticking my Pak Man Productions logo onto the top of the left column, where it feels just right.
Everything shifts dynamically to render nicely on any screen — on handheld devices, the line of menu items under the header image becomes a single button with a dropdown menu and full blog entries shrink into clickable headlines. The left column goes away and its contents get added to the bottom of the page when you narrow your screen past a certain point. And when you go even further, the right column goes away and gets added to the bottom as well. It requires a bit of thinking to make sure all the critical info is in a good place to be seen on all devices with these varying ways of displaying things, but it’s great that I’ve now got a site that people on all devices can enjoy without fuss.
The whole thing also inspired me to finally clean up and add some descriptions to the category pages for my most prominent work. So now when you click on “Wave” in the dropdown menu, for example, you get a little description of the character’s origins and where she appears and where you can buy the books.
Finally, I’m much happier with the way this theme displays the categories and date of each post. It’s just cleaner and better designed to differentiate posts from each other and clearly show when they were written. I think I’d still prefer if the date were at the top and the categories were beneath the headline, and I’m not sure I love that the headlines render in all-caps. But those are quibbles. It’s a big improvement over where we were just 24 hours ago.
I’m staying off Twitter as much as possible these days, but if you read this and have thoughts or notice any bugs or glitches, please do feel free to tell me on Twitter!