The story behind the design of the Ryu theme

I recently wrote a story behind the design of the Ryu theme on ThemeShaper.com. Check it out.

Behind the Design of The Ryu Theme

Advertisements

WordPress theme for personal bloggers — Ryu is now available on WordPress.com

The theme this blog uses, “Ryu” is now available on WordPress.com. Yes, you guessed right. It’s named after the main character of the classic game 🙂 If you know why the character was named Ryu, you will understand why I named this theme Ryu too 🙂

I’ve created this free theme specifically for the Facebook, Tumblr, and Twitter generation of personal bloggers.

ryu

Demo site →

What I mean by “Facebook, Tumblr, and Twitter generation of personal bloggers” is bloggers who don’t necessarily spend long time writing long articles but often post more shorter ones or just images, videos, links, and so on. As you can see in this blog and the demo site, each post format has own style but the image format has a notable characteristic.

Do you remember the classic theme called Duotone? One of my teammates, Matías Ventura created Tonesque, a fantastic plugin inspired by Duotone. Tonesque lets us grab the average color of an image. Ryu uses it as an instrument to automatically change the background color of each post with image post format.

ryu-image-post
Image formatted post example

Other main features of the theme are the following:

  • Post formats: Standard, Video, Image, Gallery, Aside, Link, and Quote.
  • Wide width layout. The maximum width is 1272px wide so that you can show off your beautiful images in big size.
  • Site owner’s Gravatar in the header. You’ve set your Gravatar, right?
  • Grand typography.
  • No sidebar. Yes, this is a feature. Let readers to concentrate on the content! For the generation of personal bloggers, the traditional sense of sidebar is often less important and we often just ignore whatever is in a sidebar anyway.
  • Four optional widget areas in the top panel.
  • Social link badges to your profiles on Twitter, Facebook, Pinterest, Google+, LinkedIn, Flickr, GitHub, Dribbble, Tumblr, YouTube, and Vimeo.
  • No menu or a custom menu. A blog should have a menu only if it needs one. Ryu doesn’t display a menu as a default to keep it as simple as possible. Of course, if your blog needs a menu you can easily set up a Custom Menu.
  • Support for flexible height Custom Header, a Custom Background.
  • And of course it’s responsive. It looks and works great on smaller screens, such as the iPad and iPhone too.

Check out more info about Ryu on the theme showcase page and the announcement post on WordPress.com News.

Don’t worry, self-hosted users 🙂 Ryu is going to be also available on .org for you soon now available in Extend.

WordPress theme for professional publishers – Further is now available on WP.com

[UPDATE] Since this theme becomes Twenty Fourteen which released with WordPress 3.8, it’s no longer available to purchase for WordPress.com blogs.

Further – A theme I’ve been working on the past month has finally launched as a premium theme on WordPress.com. I’ve designed and built this theme in the way I would like a magazine theme for professional publishers be.

further

I devoted a great amount of attention to details on this theme and feedbacks have been incredible so far and I’m really grateful to hear them. I want to mention that I couldn’t build this without the help of my talented co-workers at Automattic.

The main features of the theme are the following:

  • Of course, it’s responsive! It looks and works great on smaller screens, such as the iPad and iPhone too.
  • Featured Contents at the top of the front page but not a typical slider with a huge image because I personally don’t like that kind of slider for a content heavy site. I want to skim through what’s been featured quickly.
  • Elegant article style. The typeface I’ve chosen is Lato—one of my favorite typeface in Google Fonts. With a carefully chosen spacing, typography, column width and colors it maximizes the readers experience enhancing the content with a beautiful design.
  • Post formats: Standard, Video, Image, Gallery, Aside, Link, and Quote.
  • Post formatted posts feed on the front page: The theme displays the latest two posts from each format in the right sidebar.
  • Links to your profiles on Twitter, Facebook, Pinterest, Google+, LinkedIn, Flickr, GitHub, Dribbble, YouTube, and Vimeo.
  • Fixed Header: The header that contains a navigation, search, and social media buttons sticks at the very top of the page. Readers can access your menu at anytime without having to scroll.
  • Seven widget areas.
  • Supports for multiple locations of Custom Menu, flexible height Custom Header, a Custom Background
  • Full-width Page Template.

Check out more info about Further on the theme showcase page and the announcement post on WordPress.com News.

WordPress theme for restaurants — Confit is now available on WordPress.com

Confit — a WordPress theme which I worked on with talented co-workers at Automattic has finally launched!

I’m sure you have also but I’ve seen enough terrible restaurants’ websites, and especially when they are viewed from mobile… not all but they are tragic in many cases.

I hope this theme helps restaurants’ owners to have stylish yet easy to maintain websites. The followings are the main features of the theme.

  • Showcase your restaurant’s delicious food and cool interior with full page background image.
  • Easy food menu – Add your menu items all at once, or edit them on the fly within your Food Menu. You can also upload a PDF.
  • Optimised for mobiles and small screen devices.
  • Grab your Open Table code form there and add it to your sidebar using the OpenTable widget.
  • Thanks to the Contact info widget, you can place the information your customers most need – Map, Telephone Number (Clickable to call on mobile!), Opening Hours right into the sidebar

Check out more info about Confit on the theme showcase page and the announcement post on WordPress.com News.

So, if you are thinking about building a website for your restaurant or café, visit wordpress.com/restaurants to see how easy to setup a stylish restaurant site with Confit on WordPress.com is.

How to make the categories selection window taller with jQuery in WordPress admin

This solves something that has bothered me for sometime in WordPress admin interface. When a site has a lot of categories, the categories selection window is just not tall enough and we have to find the right category by scrolling the tiny window, but no more! With jQuery, the window expands dynamically. Amazing. Open you function.php and paste the following code. Continue reading “How to make the categories selection window taller with jQuery in WordPress admin”

How to show your latest tweets on your WordPress site without a plugin

Showing your latest tweets on your WordPress site is a good way to help your readers staying tuned with you, and doing it became a such common task. A plug-in can do that job but it’s simple tasks and if you are WordPress themer you probably should do it without a plug-in. Continue reading “How to show your latest tweets on your WordPress site without a plugin”