Related Articles

Tumblr, a micro-blogging site now owned by Yahoo, uses very simple code to populate pages. Unlike WordPress, Tumblr doesn’t use a specific style sheet for its theme -- everything is contained in a single HTML file. You can mimic your WordPress theme in Tumblr as long as you make Tumblr-specific tweaks. All style elements in Tumblr themes are contained within the same file that manages blocks of contents, and customizing one of these themes requires a lot of micromanagement.

CSS is Gone, Sort Of

You can manage the look of your WordPress site by editing its cascading style sheets and applying the code within WordPress’s HTML and PHD documents. That means that all style changes were done from a central document, while the blocks on particular pages were managed elsewhere. With Tumblr, it’s all in one place, which means you have to build a master file of the style code and place it within the head of the Tumblr template (more on that in a minute). CSS rules can carry over between WordPress and Tumblr, and calling code works the same way; the only difference is that everything is piled in one file in Tumblr instead of in a half-dozen or more files across your server like it is in WordPress.

Load CSS in WordPress

Log in to your WordPress dashboard and then click on “Appearance” and “Editor.” By default, WordPress will open your active theme’s style sheet. You may not want to copy every element from this CSS to Tumblr because most WordPress themes have WordPress-specific element styling for widgets and sidebars. Look through the CSS and decide which elements of the theme you want to apply to Tumblr; then copy the lines of code that define the styles. These will look like this: H1 { font-size: 18px; padding: 10px; } Copy every element that you plan to take to Tumblr into a single text file.

Add Elements to Tumblr

Log in to your Tumblr dashboard and click “Customize Appearance” on the right and then “Edit HTML” below the theme thumbnail. In Tumblr, all style options are tucked into the