Spring Sale! Save 30% on all books w/ code: PLANET24
Web Dev + WordPress + Security

Perishable Press 2012 Redesign

Welcome to the new site! So many changes I don’t even know where to begin.. I think for now the design is beta so I’ll hold off on a big lengthy explanation and just keep an eye on things for awhile.. I guess this post is a good place to mention anything weird or broken that’s happened after the new design went live.. Definitely more updates on the way :)

Updates

Rather than create a new post, I’m just going to update this post with notes and stuff about the new site design..

Structural changes

Before, Perishable Press existed on two separate installations of WordPress. The old site (2005-2011) was located at https://perishablepress.com/press/ and hosted over 700 articles, demos, plugins, and so on. LOTS of files in the /press/ directory, including over 20 custom themes for skinning the site — each update was a major chore, and so in 2011 (when time was short), I decided to just lock that old /press/ site down and start afresh with entirely new WP installation. So the “new” site went into a subdirectory named /perish/, and then served the site from the root directory, so URLs didn’t show the subdirectory name. I knew splitting things up was a crazy strategy, but I really wanted to update the site and get on with it. I also knew that I would have to bite the bullet someday and merge these two sites together, and let me tell you it was no picnic.

Goal #1: simplify site structure — check.

Permalink changes

The old site’s permalinks remained the same since 2005 when the site was created. Back then honestly the “year-month-day” permalink format was considered optimal, so that’s what I went with. Here are a few examples of how crazy some of these URLs get:

https://perishablepress.com/press/2008/03/03/perishable-news-site-upgrades-upcoming-interview-and-pagerank-update/
https://perishablepress.com/press/2010/03/01/digging-into-wordpress-version-2-new-chapters-free-themes-and-site-redesign/
https://perishablepress.com/press/2008/10/13/wordpress-feedburner-htaccess-redirect-default-feeds/

With the subdirectory in there and the full dates, some of the URLs for this site were just ridiculous. So with the new design, permalinks are much cleaner and consistent throughout the site, with basically just post/page-name format, which really helps with the longer URLs:

https://perishablepress.com/perishable-news-site-upgrades-upcoming-interview-and-pagerank-update/
https://perishablepress.com/digging-into-wordpress-version-2-new-chapters-free-themes-and-site-redesign/
https://perishablepress.com/wordpress-feedburner-htaccess-redirect-default-feeds/

If I had time I would shorten the slugs on some of the longer posts, but actually most are quite reasonable and look great pretty much across the site (imo). In general changing URLs is not advised, but there are times when shorter links are worth the extra processing required for htaccess redirection.

Goal #2: clean up permalinks — check.

Category/Tag changes

Another part of the redesign involved restructuring the categories and cleaning up/reorganizing the tags for posts across the site. In 2005, the site had nearly 25 categories, including everything from websites and multimedia to nonsense and site news. The original categories made sense back in 2005, but no longer make sense given how things have gone for me online.

So now that I’m pretty much focused on web-design and not so much the other stuff (audio, video, etc.), I wanted the new categories to reflect this and thus reorganized/restructured things to better reflect the contents and direction of the site. Here are some examples of category changes:

  • Presentation → CSS
  • Structure → HTML
  • Behavior → JavaScript

..and so on, such that the web-design stuff is now organized primarily by the “featured” categories (seen in the main navigation menu), while other categories have been renamed and sort of relegated to their own downplayed existence. To see the new category structure, visit the the archives and scroll down a bit.

Cleaning up tags was also a big part of the redesign.. I had many weird, one-off tags that never really went anywhere, so those have been eliminated or merged in with other, healthier tags. Overall, the new tag cloud is better focused and indicative of the content here at Perishable Press. Yes it takes a lot of .htaccess work to keep the traffic flowing smoothly, but so far it’s been totally worth it.

..(working on 404 stuffz, will post more soon)

About the Author
Jeff Starr = Designer. Developer. Producer. Writer. Editor. Etc.
SAC Pro: Unlimited chats.

28 responses to “Perishable Press 2012 Redesign”

  1. Good! But tags button looks dirty with simple gray.

  2. Yeh it’s definitely far from perfect, especially have a lot of room for improvement for details like tag buttons and such.

  3. Honestly I preferred the old one a bit (I would have rated it 10, this one only 9 :P) but it’s very good anyway. The one thing I really don’t like is the style of tags, way too big and too grey IMHO.

  4. Noted about the grey tags, will continue playing with those.. btw, the tag buttons for featured (colored) categories aren’t grey :)

  5. It’ll take some getting used to.

    It isn’t particularly easy on the eye with all those different coloured sections. And that’s a detriment on what I consider to be an ‘information’ site where one could spend a while reading and understanding great articles.

    I don’t like the background ‘grid’ (graph paper) effect either I’m afraid – far too busy in a design where there is already a lot going on.

    You have a working layout – just need to tone everything down a tad.

    Cheers
    I

  6. Jeff Starr 2012/03/11 1:37 pm

    Good comments Isiah, thanks :)

  7. Frederick Townes 2012/03/11 4:08 pm

    I think how search and discussion are prominent here.

  8. Scott Cariss 2012/03/12 2:29 am

    Something not right with text links in content. http://imgur.com/rVrQh I’m using latest Google Chrome browser.

    Also I would like to see line lengths limited on large screens.

  9. Richard Link 2012/03/12 7:07 am

    I agree Chrome looks like a government document where the links have been redacted. FF, IE, and Safari are all displaying correctly.

  10. Beautiful, colorful and nice to see.
    Great good work!

  11. Anyway, I use the Chromium browser (19.0.1061.0 – Developer Build 124927 Windows) and have no issue.

  12. Jeff Starr 2012/03/12 9:00 am

    I designed primarily with Chrome and do not see the link lines, so difficult to replicate and fix.. maybe it’s a PC thing? If you’re seeing weird links plz do tell if you’re mac or pc. Thx! :)

Comments are closed for this post. Something to add? Let me know.
Welcome
Perishable Press is operated by Jeff Starr, a professional web developer and book author with two decades of experience. Here you will find posts about web development, WordPress, security, and more »
Wizard’s SQL for WordPress: Over 300+ recipes! Check the Demo »
Thoughts
I live right next door to the absolute loudest car in town. And the owner loves to drive it.
8G Firewall now out of beta testing, ready for use on production sites.
It's all about that ad revenue baby.
Note to self: encrypting 500 GB of data on my iMac takes around 8 hours.
Getting back into things after a bit of a break. Currently 7° F outside. Chillz.
2024 is going to make 2020 look like a vacation. Prepare accordingly.
First snow of the year :)
Newsletter
Get news, updates, deals & tips via email.
Email kept private. Easy unsubscribe anytime.