Earlier this month, during Responsive Theme week, Cheri highlighted BeatRoute, a Canadian alt-monthly focusing on local music. We (and you) were impressed by how BeatRoute made the free Oxygen theme their own, so we thought we’d dig a little deeper into the ways they’re taking advantage of Oxygen’s many features to create a bold, easy-to-navigate online magazine.
Let’s take a look at the standard Oxygen layout and BeatRoute’s home page side by side:
You can see that Beatroute is using many of Oxygen’s standard features, like the home page slider and custom menus, but with tweaks to make it their own.
Featured Posts Slider
Out-of-the-box, Oxygen displays posts in standard blog style on the front page but gives you the option of using a slider to highlight posts magazine-style; you can designate up to six posts as “sticky” to feature them in the slider. As BeatRoute shows, the slider is a great way to draw readers to your best and freshest content and make sure site visitors are seeing what you want them to see.
(To use Oxygen like this, you’ll have to tell your site you want to use a static front page instead of a blog, and then designate which posts should be sticky — head to the Oxygen page in the theme showcase for detailed instructions.)
You can opt to display your site’s title and tagline in Oxygen’s regular format and font, or you can do what BeatRoute did, and brand your site with a custom header — upload and crop your chosen image from right in the WordPress.com dashboard, or create a totally unique banner.
If the idea of designing your own graphics feels like too much, you can still tailor Oxygen with nine different fonts and custom colors for post titles and links (which Beatroute has also done for an extra pop of personality, opting for orange instead of blue), no graphic designer necessary!
One of the reasons Oxygen makes such a great theme for magazines are the three custom menu areas: the primary menu is under the site title (or your custom header), the secondary menu is right under that in the left sidebar, and the tertiary menu — that’s right, tertiary! — is in the footer. With three custom menus, there are endless ways to highlight the good stuff and help visitors explore your wealth of content.
BeatRoute is making great use of the primary and secondary menus. The primary menu links to key evergreen information like their “About” page and contact information, while an extensive secondary menu shows off the variety of content in each section of the magazine, allowing readers to quickly home in on what’s relevant to them.
BeatRoute puts the finishing touches on their online mag with widgets that promote still more content and give the home page the look of a printed piece. Using simple image widgets, they’ve filled both sidebars with images of the print versions of their magazines (see right) and promotions for local radio stations, live shows, and other local events.
Image widgets are a simple way to give your site more visual interest — just upload an image or photo (either into your WordPress.com media library or to a photo site like Flickr), drag an image widget into your sidebar, and plop in the photo’s URL. As Beatroute shows, you can have as many image widgets as you want, so go ahead and give your family and friends a little internet love or upload some cute icons to plug your social networking sites. If you can find a picture of it, you can put it in a widget. (Just make sure it’s an image you have the rights to use!)
It’s also worth noting that all this customization is free — no upgrade needed. The slider, custom header option, custom menus, and image widgets are part of what WordPress.com and Oxygen offer, yours to play with.
To explore Oxygen’s features in more detail, head over to the Theme Showcase for the complete list of what it can do and instructions on customizing your home page, menus, and more. For more help customizing Oxygen (or any of our themes), head over to the Themes Support Forum.
Jan 28th at 8:32 pm
I have just started using this too – literally yesterday! My site is http://thepinkdawn.com/
Would love to chat to others using this who have figured out better tricks than me!
Jan 28th at 8:34 pm
Reblogged this on milesleeblog and commented:
That is totally cool
Jan 28th at 9:04 pm
nice modification. I used Oxygen also for my company’s Website: http://www.agathos-simon.de/
Jan 29th at 12:08 am
Thank you so much!!
Jan 29th at 4:08 am
Was wondering what to do with the design aspect of, my now former, theme- saw this post and revamped everything! Thanks for the info–
Jan 29th at 4:23 am
Reblogged this on beptubepgas and commented:
i think it great for band or musican.
Jan 29th at 11:26 am
Hey. I’ve just started using the theme. It looks great but my soundcloud links don’t appear on the main page, they only appear after I click into the actual post. Is this a theme fault?
Jan 29th at 1:44 pm
Jan 29th at 3:49 pm
Hi, I too am using Oxygen theme and my blog looks completely different to Beatroute’s site! Amazing really how different they can be! And I didn’t know that there was a third menu area, so thank you for that info – I will be adding this soon!
Jan 29th at 4:08 pm
I use Oxygen for my blog also, but have much still to learn.
Jan 29th at 4:44 pm
Hello, I have tried a number of wordpress themes which are all good, but so far Oxygen is by far the best! I am so pleased with the look of my website now and I have had increased traffic too. I still have a bit of work to do on it, and this post has been very useful and timely. Please visit – I’m always happy to have a chat Thanks
Jan 29th at 5:45 pm
Ah, progress! When I started blogging in 2007, I thought WordPress free themes were sophisticated. But advances in the past five years have been awesome. In 2007, most themes came with one fixed typeface. The ability to choose among numerous typefaces was a quantum leap forward. The featured-post slider is a presentation enhancement that never ceases to amaze me, and it’s now available on a number free themes. The ability to customize menus seems like a small thing, and it’s invisible to readers, but I like the flexibility it provides. WordPress also has a variety of advanced themes that can be purchased for under $100. But what you can now do with FREE themes, such as Oxygen or Twenty-twelve, to name only too, was beyond my imagination back in 2007.
Jan 29th at 6:24 pm
Oxygen is (one of) my favorite theme. It’s highly customizable and simple. I wrote something about it too
@ my blog
Jan 30th at 6:32 am
I’m using Oxygen for my blog as well. And its a new travel blog! The theme is simple and elegant at the same time. Good stuff!
Jan 30th at 12:36 pm
I love oxygen! I tried to customize it in the past months and I think I got something similar to Beatroute, so…I’m proud of my work
Jan 30th at 2:51 pm
Great theme! Changed my theme directly after reading this post. Thanks a lot.
Jan 31st at 2:14 am
At the start for couple of days I have been checking ALL the themes for my blog and I must say, OXYGEN is by far THE BEST! My blog is in Spanish but the theme accommodated the language brilliantly! If you want to have a look, check it here in spanish or here with google translate. So few days ago with over 50 posts on, I thought to try some second thoughts themes, lol I was in shock and this is what I learned:
If after trying everything your showcase images/posts do not come up or just some of them, make sure that the images are 750px wide or more, that will do.
If you want to give it a try, do not worry your work of your present theme will NOT go away but activated again… this made me have palpitations…
Definitely on of the best!
Jan 31st at 4:01 pm
I’ve tried numerous themes, but after all those efforts I believe ‘Oxygen’ is the one. I just love how well-organized and simple to navigate it is. I’ve make a couple of changes here and there to fit the theme of my blog, and well, I’m lovin’ it. Thanks wordpress. (I’m using the FREE version, and it’s still quite manageable).
Jan 31st at 6:55 pm
Great post. thanks!
Feb 2nd at 9:14 pm
Well this post has me seriously rethinking my choice for a theme. While I DO really like the Greyzed theme and it fits my blogs theme well, Oxygen looks REALLY good. I wonder if there is a similar how to for Greyzed?
Feb 3rd at 12:32 pm
This is cool…
Feb 4th at 6:57 am
THANK YOU for this post! I’ve been looking for a long time for side by side comparisons of how bloggers are using the FREE templates. This is beyond helpful, it’s invaluable. Many many thanks.
Feb 7th at 2:53 am
Awesome post! This is my first time ever on WordPress.com, is there any advice you might have for me? Thanks!
Feb 11th at 2:19 am
Wow, you learn something new everyday they say. Interesting write up. Oxygen would not have worked in our case. however it is nice.
Feb 15th at 5:05 pm
I’ve been trying to use WordPress.com to port a local Art & Music site. In order to be successful, I need to backdate posts so they accurately reflect when things were originally written or occurred. I haven’t been able to figure out how to do that – in any theme. Changing my local system date didn’t work, so I’m guessing it’s reading the post date from the wordpress.com server datetime. Is there any way to customize the post date?