Wired.com Revamped

Here’s how Wired.com revamped its own website. It started last year with the under-the-radar project when they migrated 17 active blogs into one WordPress install. The redesign took the approach of focusing on the responsive and mobile first perspective. In addition, Wired.com also started using Amazon Web Services and its content delivery network, as well as using Varnish for its caching.

Wired.com stack looks like this. WordPress PHP, Stylus for CSS, Vanilla JavaScript and jQuery, Coming soon: React.js, and JSON API. For deployment, Wired.com uses Vagrant, Gulp for task automation, Git hooks, Linting (check out stylint written by our own Ross Patton), GitHub and Jenkins.

Blog Revival

Hello! I just came up with a new theme. Nothing fancy. No images. No galleries. Just plain old text. It looks like a blog design circa 2005. One thing for sure though, it’s fast since there’s not much overhead. This theme is based on the _s framework, a good starter theme kit developed by the WordPress development team themselves. How about that! If you’re interested in learning how the WordPress theme is constructed, download the underscore theme and study its code. You’ll be surprised what you’ll see. You’ll learn quite a bit by analyzing how this theme is constructed. Anyways, I think it’s time to revive this old crusty blog. It’s time to breathe some new life into it. You are probably asking, “where have you been?” Well, I’ve been concentrating on all my other blogs for the last several months. I just didn’t have the cycles to maintain this blog among all the other web projects. So maybe, a new theme will jumpstart the old blog. We shall see, indeed!

Twenty Twelve Title Contain No Spaces

There is a conflict between the Twenty Twelve WordPress and the All in One SEO Pack plugin. When the plugin is installed and you happen to be using the Twenty Twelve theme, the result is, there will be no space between your site title and blog title. You’ll notice this if you look at the title bar of your browser. After a couple of searches, I found a fix online. It involves editing the Twenty Twelve functions.php file and commenting out line 185 which contains the code below.

You will need to change:

add_filter( 'wp_title', 'twentytwelve_wp_title', 10, 2 );

and comment out:

// add_filter( 'wp_title', 'twentytwelve_wp_title', 10, 2 );

Also, you need to clear your browser cache to see results.

Twenty Twelve Theme

I recently changed themes from a custom made one, that I’ve used for a long time, to a theme called Twenty Twelve, the current WordPress default theme. I made one slight change though which alters the entire look of the theme. I changed font from the default ‘Open Sans’ to ‘Lato’ which is available from Google. To facilitate the change, I’m using my Webfonts plugin and this CSS code:

#page {font-family:'Lato', sans-serif;}

WordPress 3.5 Media Manager

I recently upgraded to WordPress 3.5. One thing about WordPress updates, they are super easy. One of the best features of WordPress 3.5 is the new Media Manager. Uploading images is a breeze. Just drag and drop a file, or manually choose file and click. Viewing previous uploaded images in the Media Library is a total experience now. Thumbnails of recent uploads are displayed in rows and columns, and they are scrollable. Selecting an image and inserting it to a post is way too easy. Kudos to the development team for a fantastic job with this upgrade, and especially with the work on the new Media Manager.