Ravel WordPress Theme

ravel-screen

Today, I’m happy to announce the newest theme to the Theme Hybrid family: Ravel.

Typically, I’d go about giving you a whole lot of boring details about why this theme is the awesomesauce when all you really want to do is download it and play around. Well, I’m still going to make you read a bunch of stuff, but this should be a bit more fun. I decided to give you a little insight into the design and development process that made this theme possible.

tung-avatar

So, I got this WordPress theme mockup. Want to build it together?

justin-avatar

Sure. We’ve built some cool stuff together before. Let’s do it again.

… Time goes by. Dolphins swim in the ocean. Kittens make nice purring noises. All is right with the world …

tung-avatar

We’re nearing the finish line. Yip-eee!

justin-avatar

Yep. We’re close. Now, it’s time for the marketing material.

tung-avatar

You got an English degree from like the best college in the world, right? You should be good at that.

justin-avatar

That’s right. I’m a graduate of Auburn University. War eagle! I can handle the announcement post and putting the theme landing page together. My English is good.

tung-avatar

Cool. I’m about to play in Photoshop, yo!

justin-avatar

Wait. I need to know a few things first. Like, what inspired you to create this design? Any meaning behind the name ‘Ravel’? Let’s get down to the deep stuff here. Open up your soul and let that artistic energy flow.

tung-avatar

I saw this letter ‘R’. It was cool.

justin-avatar

The letter ‘R’?

tung-avatar

Yeah. I made this whole design around it for artistic people. Cool, yeah?

justin-avatar

Yeah?!?…I’ll handle the landing page and announcement post.

tung-avatar

Just doin’ what I do. Just doin’ what I do.

In all seriousness, it’s been fun working on something with my longtime friend, Tung Do, once again. I’m only partially paraphrasing our conversation together and teasing Tung a bit.

Introducing the Ravel theme

Ravel was built as a blog, portfolio, and professional profile theme. The idea was to create a unique design that you’d typically only find on a site created for client rather than just putting out yet another black-and-white theme for the masses.

Ravel includes some of the usual theme features normally associated with Theme Hybrid themes. It also has some newer stuff that we’ve been doing like social network integration into nav menus and Schema.org microdata.

Portfolio

ravel-portfolio-large

Like some of our other themes, Ravel includes full integration with the Custom Content Portfolio plugin, which allows you to manage your portfolio of design, photography, and other artwork.

Custom tabs widget

ravel-tabs

Included with the theme is a custom-made tabs widget.

The tabs widget was designed for sharing your latest posts, popular posts, recent comments, and post tag cloud. Just drop it in your sidebar, configure the options, and go.

It has options for which tabs to include, how many posts to show, and how far back in time you want to show your popular posts. This is all configurable from the widgets screen or the WordPress theme customizer.

Introduce yourself with the Intro template

ravel-introduce

Packaged with Ravel is a page template meant for introducing yourself and/or your work. This template works great on the front page.

Get the theme

Go check out the Ravel theme page now to download the theme and find out more about its features. You can also view the live demo.

Tung is currently taking on custom design jobs. If you want to get in touch, you can reach him via his Twitter profile @tungdo.

18 Comments


      1. You don’t have to. :)) I know him( sort of, it’s from my country) and he’s a good guy but always expressed his thoughts with difficulty and lack of punctuation.


  1. I like the overall feel, however I’m seeing a lot of vertical scrolling below the end of the content on “pages” but not the blog and individual “posts”. Nice.


  2. Nice work! It would be cool the read even more in what way you worked together? Were you using Github? Did Justin let Tung touch the code at all? What is Photoshop?


    1. I always set up a private P2 for collaboration on projects. P2 is far easier than email. We also used GitHub (I’m about to make the repo public momentarily).

      We mostly stayed in our own spaces. Tung did all of the CSS stuff. I done most of the PHP stuff. We both done a little work in between. It’s a bit different though. I’m used to working on my own, so you have to try and find a balance between each other’s workflows and skillsets.


    2. Justin and I collaborated on three themes: News, Visual, and now Ravel. All three turned out great IMO. Usually, I make a mess, get Justin to clean it up, then find something else to mess up. That seems to be the formula :) .


  3. Nice theme, the concept is nice but I kinda miss a real sidebar.

    My actuall blog theme( not much but designed it myself) is a child of a pretty new WP framework, Omega. Inspected the code a bit and since this Omega looks like the fruit of Genesis and Stargazer love, what chances I have to use Ravel and implement it atlast a footer sidebar? On the framework I use I do that by calling the sidebar in my child theme functions file with a hook.


  4. As a photographer, I really like the feel of the new theme. But, I agree with ‘badcat’ about the extra space below the pages.

    Great job Tung and Justin!


    1. One more thing. Is this going to be available at the WordPress repo? Can you post a link when/if that happens. I have some photographer friends that may be interested in this.


      1. It has already been submitted to WordPress.org. We just didn’t want to wait a month or longer before releasing the theme.

        The download link on the theme page points to the ZIP file on WordPress.org right now. So, if they install it now, they’ll get any updates from .ORG when they are released.



  5. Really nice, a lot of great details on this one (like that awesome search field). Also, kudos for styling post formats, so many developers/designers ignore it these days.

    Small critique – pagination style from the portfolio would also fit nicely for the blog pagination but it’s really nitpicking. You make a great duo, keep it up.


    1. Thanks Natko. The search field was a pain to get right! The pagination style for the portfolio works because everything is centered. I tried using the same style for blog pagination, but it didn’t look right.


      1. Makes sense, I had a feeling you already tried it out.


  6. Awesome. Thank you for this work of art.

  7. Jack

    Hi guys, nice work. But I gotta ask about that extra space below and to the side of the pages: what’s with that? And can it be fixed? You haven’t responded to anyone asking about this.

    1. Tung

      It’s caused by the diagonal CSS background shapes. I haven’t figured out how to work around it without removing it entirely so I’ve limited the display of those shapes to devices with large screen space only.

Comments are closed.