New site design

In anticipation for .blog domains going live on November 21st, I’ve been thinking about changing the look of this blog.

After stumbling upon the Ecto theme last week, I knew what I wanted the site to look like. Unfortunately, that theme has been retired on the WordPress.com themes list. I was lucky enough to grab a copy before it was retired though. 🙂

A few modifications

By default, the sidebar is hidden in Ecto until a user clicks a button. While this does help a website stay “clean”, I’m not a big fan in hiding the menu behind a click. So, I decided to show the sidebar for screens wider than 1200px.

new-site-main

I did that with this CSS:

@media only screen and ( min-width: 1200px ) {
    #page.site {
        left: 0;
        width: 75%;
    }

    #slide-menu-toggle {
        display: none;
    }

    #slide-menu {
        display: block;
        right: 0;
        visibility: visible;
    }

    #infinite-footer .container {
        float: left;
        width: 75% !important;
    }
}

That actually turned out to be a much simpler task than I thought it’d be. I’m sure I’ll figure out that I’ve missed something here in the near future. ¯_(ツ)_/¯

The next thing I did was not to show featured images in the archive view. Since most of my posts are images that are imported from Instagram, it didn’t make sense to show the image above the title and then show it again in the content.

Compare to the old

My previous site was a modification of the TwentySixteen theme. While I was a fan of its simplicity, I was ready for something different.

old-site

Our Director of Engineering on the New WIRED.com

I loved reading about WIRED’s recent work on their site.

Specifically, it was great reading about how WIRED merged 17 active WordPress installs into one and created a custom plugin for curating content:

The redesign gives us the third incarnation of our Curator application, which started years ago as a separate Groovy on Grails application maintained by a single Java developer. Curator once consumed articles from 35 different blogs for curation on our homepage. When we migrated our 17 active WordPress blogs into one WordPress install, we also rewrote Curator…

Our new and improved Curator is now a custom WordPress plugin—and it’s artificially intelligent! This allows our homepage and section landing pages to be both automated and curated at the same time.

Read the rest of the article on WIRED.com