• Home
  • About
  • Contact
  • Advertise

Devlounge

Design, Develop, and Grow

  • Home
  • Code
  • Design
  • Design Focus
  • Interviews
  • Publishing
  • Strategy
  • Webapps
  • Extras
You are here: Home / Design / Getting Started Designing Tumblr Themes

Getting Started Designing Tumblr Themes

March 23, 2010 By Lorraine

I was recently asked to convert one of my existing original WordPress themes to a Tumblr theme. As far as I know, there is no quick and easy way to do this- and comparing the WordPress template tags and the Tumblr theme code convinced me of one thing: I was going to have to rebuild the theme from scratch.

At first, the task seemed daunting. Tumblr’s variables- from “block”s to “PortraitURL”s- were completely alien to me. Then I thought back to when I first looked at WordPress code, how confused I was at the time, and how comfortable I am with it today.

And just like that- no more fear! Tumblr’s code was just something I’d just have to learn.

Here are some steps to get started designing your own Tumblr themes:

Start at the Tumblr how-to page.

Read and bookmark this page; it’ll become your best friend throughout this process. At the same time, make sure you…

Spend some time at the Tumblr Theme Garden.

It’s important to know exactly what you can do with a Tumblr theme, and one of the best ways to do this is to look through their official theme repository. Each theme listed here has a Preview button, so you can get a feel of how it works at a generic level.

Start your own Tumblr blog.

If you don’t have a Tumblr blog already, I strongly suggest signing up for one (it’s free). You can use this for testing, and who knows- you might just like it enough to use it “for real”.

Download existing Tumblr themes to take apart.

It’s how most of us got started coding in the first place: take something existing, take it apart, and study how it works. It isn’t possible to download themes at the Theme Garden, but there are some generous souls out there who have made their custom themes available for download. Check out DigitalThom, Franklin Street, or Munich.

Make your Tumblr theme customizable.

Everybody wants options, and it’s actually quite simple to enable customization in a Tumblr theme. For example, adding the {CustomCSS} variable will allow users of your theme to do some visual tweaking without having to touch your markup. For more ways to add customization options, see the guide on Tumblr.

Do you design Tumblr themes?

Filed Under: Design Tagged With: custom themes, Tumblr, Tumblr themes

Code & Tutorials

Which Front-End Development Languages Will Grow in 2017?

Which Front-End Development Languages Will Grow in 2017?

Your Guide to Leveraging APIs as a Developer

Your Guide to Leveraging APIs as a Developer

Bitcoin Processing Website Integration For Web Developers

Bitcoin Processing Website Integration For Web Developers

Website Security For 2016 That All Developers Need To Know

Website Security For 2016 That All Developers Need To Know

5 Reasons You Need to Be Using jQuery

5 Reasons You Need to Be Using jQuery

About Devlounge

Want to read more about Devlounge, or maybe you want to contact us, or even advertise? Oh, and don't forget to subscribe to updates!

The Best of Devlounge

Top 7 PHP Frameworks

Top 7 PHP Frameworks

Search

Copyright © 2018 Devlounge · Log in