Okay, you already know how to install the latest version of WordPress and want to switch away from the default WordPress theme look, but have no idea how to do it? Here’s the tutorial for you, complete with screenshots so even a beginner can easily follow along. With this three-step tutorial you’ll have a new blog theme ready in no time.

There are a few automated ways to do this, but like our previous tutorial, we will be focusing on manual WordPress theme installation only. This tutorial assumes you already have WordPress installed on your host. It also assumes you are installing a “normal” theme, i.e. no advanced functionality that would require additional plugins or configuration.

Step 1: Download your theme of choice
Unfortunately WordPress can’t read minds, so you’ll have to pick out the theme you want to use. Call me biased, but some of the templates on our free WordPress themes page are quite nice. For this tutorial we’ll choose the Blue Green theme. Click the download link, and save the .zip file to your hard drive.

WordPress Theme Zip Screenshot

Extract the /blue-green/ folder only. All you have to do with Readme.txt is read it (which is why it’s called a readme file) and isn’t needed for the next step - uploading the theme to WordPress.

Step 2: Upload the theme directory to WordPress
Seems simple enough, right? It really is, if you know where to upload it. Use an FTP client such as FileZilla to connect to your hosting account. Navigate to where WordPress is installed and locate the /wp-content/themes/ directory. Upload the /blue-green/ directory it. After you’re done, it should look something like this.

Uploaded Theme Screenshot

The hard part is now out of the way. The next and final step is to activate the theme within your WordPress admin panel.

Step 3: Activate the theme within your WordPress admin panel
Login to your WordPress admin panel, and navigate to the Presentation tab. You should now be at a screen that looks like this.

WordPress Theme Menu

Wow, look, you can already see the Blue Green screenshot below! WordPress reads the directory and searches for the screenshot image and stylesheet within it. Simply click on it, and your theme is activated.

Congratulations!  Theme installed.

That wasn’t so bad was it? WordPress makes it simple like that. If you still need help, feel free to ask in our general support forum for assistance. Feel free to leave a comment or subscribe to our feed if you liked this tutorial.

Subscribe to RSS

By: Leland on Mar. 2

Bookmark and Share

11 Comments »

Comment by momochan
2008-04-19 11:47:02

hi.. i juz want to ask.. wat do u mean by hosting account and “Navigate to where WordPress is installed and locate the /wp-content/themes/ directory”?? Please explain elaborately.. I was planning to open a blog on wordpress and searched for some reviews about it and ended up here.. If u wouldn’t mind please explain step 2 in a more comprehensive way.. [**dumbfound sori**] :)

 
Comment by Leland
2008-04-19 11:52:23

When you install WordPress, you’ll find these directories in your FTP client while connected to the server. I’m not sure how else to explain it. You may want to consult with your web hosting provider.

 
Comment by HELPPPPPPPP
2008-05-08 11:46:18

HELP im like first user….
where do i access the ftp
i tried ftp://wordpress.com or ftp://username.wordpress.com
both dont work.
what do u mean installed wordpress?
i signed up to wordpress site i didnt install anything

 
Comment by Leland
2008-05-08 12:41:00

Okay, I’m talking about self-hosted WordPress. Not WordPress.com blogs.

 
Comment by HELPPPPPPPP
2008-05-09 06:44:31

and on wordpress.com? how do i change the theme????

 
Comment by HELPPPPPPPP
2008-05-09 06:44:57

i have a theme i d/l from a site i want to upload it and use it (not the theme they offer)

 
Comment by Leland
2008-05-09 06:48:06

I don’t think you can do that on WordPress.com …

 
Comment by Hello
2008-05-17 17:31:00

do you know how I can upload a theme to a WordPress.com blogs

Thank You

 
Comment by Shah
2008-06-03 19:38:40

i get something like this
Fatal error: Call to undefined function: get_header() in /homepages/37/d237123450/htdocs/wordpress/index.php on line 1

 
Comment by Leland
2008-06-03 20:11:38

@Shah: Have you installed WordPress first? Are you uploading the theme to the proper directory?

 
Comment by Bob Millan
2008-06-08 07:01:17

Hi Leland,

This is a great post and have kept it in my bookmarks. Will continue to read it as i’m very new to a lot of the points you mention!

Thanks though, i’m glad some people share good stuff like this!

 
Name (required)
E-mail (required - never shown publicly)
URI
Subscribe to comments via email
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

Trackback responses to this post

Recent Comments

  • Andrea: There we go - thanks. :) Can’t wait to try this out.
  • Pete: Brilliant!
  • Leland: Really sorry about that! Download link fixed. I had forgotten to add the file to the download manager. @Anto:...
  • Robin: Hi Leland, i think this is a cool theme. Really like it. However, seems like you put a wrong download link?...
  • Anto: This is nice and clean i love it. Will the dude be releasing more templates? Nice port non the less man, keep...

About The Author

Welcome to Theme Lab. My name is Leland, and I run the place. I write all the tutorials and code all the themes you see here on the site.

For more information about me, feel free to read the about page. If you want to drop me a message, feel free to contact me.

Interested in advertising on Theme Lab? We have advertising available at very reasonable rates. Head on over to the advertising page for further details.

Please read our Privacy Policy and Terms of Service in regards to theme usage.

© 2008 - Theme Lab - Powered by WordPress