Customizing Oxygen: BeatRoute Magazine

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:

Oxygen and Beatroute layouts
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.)

Custom Header

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.

beatroute header

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!

Custom Menus

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 widget

Image Widgets

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.


Missing out on the latest WordPress.com developments? Enter your email below to receive future announcements direct to your inbox. An email confirmation will be sent before you will start receiving notifications - please check your spam folder if you don't receive this.

Join 18,423,114 other followers

Michelle W.

40 Comments

Comments are closed.

  1. Sam Asselo

    Awesome!

    Like

  2. denimfish

    Beatroute is just a genius name. Love it!

    Like

  3. monika

    thanks for the tips :)

    Like

  4. Taiwanda

    Great! Thanks for sharing this. I’m using the Oxygen theme for my newest blog. I love it’s style.

    Like

  5. HipsterApproved.net

    Wow…I’m going to have to give this a try. It looks so cool.

    Like

  6. Colectivo Ecologista Jalisco

    Greetings. We are using the Oxygen theme and have adapted it this way: http://tianguisorganicos.org.mx/

    Like

  7. beatrouteab

    Hello WordPress.com Team.

    Thanks for the attention and we are humbled by the spotlight you are shining on BeatRoute Magazine.

    So much in fact, it was too tempting not to write something in response.

    Enjoy!

    http://beatroute.ca/2013/01/28/beatroute-ca-cast-in-wordpress-coms-spotlight/

    – Shane Flug, web producer and copy editor

    Like

  8. Dalliance du Jour

    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!
    Cheers
    Jordan

    Like

  9. mileslee2013

    Reblogged this on milesleeblog and commented:
    That is totally cool

    Like

  10. Patrick

    Hi,
    nice modification. I used Oxygen also for my company’s Website: http://www.agathos-simon.de/
    Many greetings
    Patrick

    Like

  11. Spade2012

    Thank you so much!!

    Like

  12. danolaurel

    Was wondering what to do with the design aspect of, my now former, theme- saw this post and revamped everything! Thanks for the info–
    Dano
    Sportscardmagazine.net

    Like

  13. Bếp từ

    Reblogged this on beptubepgas and commented:
    i think it great for band or musican.
    so nice.

    Like

  14. DJ Gully

    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?

    Like

    • michelle w.

      Oxygen only shows partial posts on the home page, and it only pulls text from the post to appear next to the image – not links or shortcodes, which you use to embed your Soundcloud tracks.

      Like

  15. lady Lianna Ellusive

    Beautiful work

    Like

  16. Cassiefairy

    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! :)

    Like

  17. sophiecussen

    I use Oxygen for my blog also, but have much still to learn.

    Like

  18. busyellebee

    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

    Like

  19. John Hayden

    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.

    Like

  20. Pixeled-Nina

    Oxygen is (one of) my favorite theme. It’s highly customizable and simple. I wrote something about it too
    @ my blog :D

    Like

  21. travelbyts

    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! :)

    Like

  22. Ambra

    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 :)

    Like

  23. Niejan

    Great theme! Changed my theme directly after reading this post. Thanks a lot. :)

    Like

  24. vivo

    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!

    Like

  25. innamazing

    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).

    Like

  26. Ryan Spears

    Great post. thanks!

    Like

  27. burningcities

    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?

    Like

    • michelle w.

      Not right now (although you can learn a lot by checking out the Theme Showcase), but we’ll be highlighting more great theme customizations in the future.

      Like

  28. Micheal Pipkin

    This is cool…

    Like

  29. Tumaini @ Curbside Connections

    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.

    Like

  30. mandrin7

    Awesome post! This is my first time ever on WordPress.com, is there any advice you might have for me? Thanks!

    Like

  31. gamemana

    Wow, you learn something new everyday they say. Interesting write up. Oxygen would not have worked in our case. however it is nice.

    Like

  32. jesstestshamc

    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?

    Thanks,

    Jessica

    Like

    • michelle w.

      When you’re editing a post, there’s a “Publish” box to the right of the post editing box that has all the publication details – you can change teh date there, including backdating.

      Like

Follow

Get every new post delivered to your Inbox.

Join 18,423,114 other followers

%d bloggers like this: