Website redesign update

Well, it’s been a while since I’ve been up ’til 3 am goofing around with web design, so I guess I was due for it. Going to bed now, but wanted to keep track of what I did tonight.

  1. I switched my WordPress theme from a modified Codium Extended to a theme called Twenty Twelve. Actually pretty similar, but Twenty Twelve is a little more generous with spacing, which helps make the difference between posts and other elements clearer.
  2. I got rid of the custom header I’d added in HTML to the Codium header php page. It had the benefit of incorporating custom graphics for menu buttons and it incorporated my logo. But it wasn’t a native part of the theme and it broke some formatting on iPhones. I need to acknowledge that a huge percentage of people are viewing the internet on mobile, so it was time to let it go.
  3. I tweaked some of the layout of the standard Twelve Twelve theme — putting the menu beneath the header graphic instead of above it. Or did I put the title over the graphic instead of below it? Can’t remember exactly. But I like the current arrangement better.
  4. Futzed around with social media buttons that weren’t rendering on Safari. I think it was a problem with clear backgrounds on gifs. Redid them as jpegs with filled in white backgrounds and they rendered. Weird!
  5. Fooled around with various ways to get my logo in there. I’d like to find a place for it, just for branding. No success just yet. Ideally, I’d have it in place of the HOME link in the menu. But these WordPress themes don’t allow you to replace text menu links with images. And I don’t know CSS well enough to figure out how to tweak the pages to slot it in. I fooled around and tried to see if I could just toss in some of my old HTML to do it, but… nope. I could throw it into a widget in the right hand column, maybe with a little “About” text. But that feels inelegant and a waste of space. I also tried incorporating it into the main graphic on the page, which probably could work. I can also put in a variety of main graphics that I think will do a slide show thing, so it could be part of that, maybe.

So I think I like the results. It’s cleaner and works better on multiple devices. But is it… blander? Less organic? I dunno! Maybe! I think overall it’s a bit better than the last version. But here are a few things I’d like to work on more:

  1. Maybe the basic font size could be a little bigger?
  2. That logo thing.
  3. In the previous version, I had a space for a second line of menu links where I listed a few of my best known books and the link to the Bill Mantlo donation page. Don’t have that space here because I’m working with the basic templates instead of a custom header. Maybe I can work that into a widget on the right?
  4. There miiiight be a little too much white space between posts?
  5. I should make a few more banner images and see what they look like with the randomizer turned on. I don’t know if it does a moving slide show or if a different one shows up when you go to a different page.
  6. The really ambitious thing would be to learn how to build a custom header that works organically with the CSS instead of being an old school HTML hack. If I figured that out, I could have a nice header that included my logo and had a big more designed feel to it.
  7. A thing I need to wrap my head around is that this particular design is really an image delivery device. The visual punch of the site will come from the images I post, not from the overall design of the page. So it’s a touch hard to gauge it when most of the latest posts are mostly text. Gonna have to live with it a bit and see.
  8. I should rearrange the meta tags along the bottoms of the posts. Right now they say, “This entry was posted in CATEGORY on DATE by Greg.” I can delete “by Greg.” And maybe lead with the date. Pretty sure I made this kind of tweak in the Codium theme, but I haven’t found where to do it here yet.
  9. Another big ambitious thing would be to figure out how to add breadcrumb navigation to individual pages. Like “Home > Category > Individual Post Title.” Used to have that way back when I was running the site on MoveableType, but I’ve never figured out how to reproduce it in WordPress. Literally no one’s asking for it, but it feels like it could be nice.

All right. It’s way too late. Off to bed, more later!