Feb 132017

How To Install WordPress Theme post will show you how to install a theme, upload a theme from your computer or laptop into your website and more.

Last Updated; September 27, 2018

Latest News: I have updated a link.

Themes are very important and making sure you install the correct theme for your website is equally important. When visitors land on your site, within the first few seconds they will either stay or move on. Having the correct theme can increase the chances for the visitors to stay and not leave. However let’s not forget how important it is to have great content in your posts and pages.

When you install WordPress for the first time, it also installs a few themes and activates one of the themes by default. In this tutorial Twenty Sixteen is the theme activated by default.

Note: These instructions apply to any theme you install or upload.

How To Install WordPress Theme

Step 1 ) Go to Appearance -> Theme to start uploading and or installing the new theme.


Step 2 ) The following image shows you the Twenty Sixteen theme currently active. Click on Add New link to upload the new theme you downloaded locally into your computer.


Step 3 ) The following image Add Themes shows you how to search for a theme and or pick a theme from a group. You can even use a custom filter to narrow down the type of theme you are looking for. Remember WordPress repository has thousands of themes to search for. It would be almost impossible to find the correct theme without these options available.

Themes Search Options

  • Featured
  • Popular
  • Latest
  • Favourites
  • Feature Filter
  • Search for themes….


Upload Theme

In some cases you will have probably purchase a pro theme “Commercial Theme”. In this case you will need to upload your theme to your site. The following steps will show you how to upload a theme to your site and test the theme as well.

Step 4 ) Click on Upload Theme link as shown in the following image.


Step 4-a ) Once you have located the zip file you downloaded to your computer click on Install Now button. This will install the new theme to your site.

Note: I recommend not activating the theme until you have first tested the theme. You might like to set up Xampp locally in your computer or laptop to help you test your themes.


Step 5 ) The following image shows you one of WordPress default themes Twenty Seventeen.  When you click on Live Preview button you will be able to test the theme in the back-end without affecting the live website.

Note: Twenty Seventeen is one of the default themes used by WordPress. In your case the theme you will be installing will be different.


Step 6 ) When you click on Live Preview button you will see the following theme settings. These settings allow you to test your theme before activating the theme.

Theme Testing Settings

  • Site Identity
  • Colours
  • Header Media
  • Menus
  • Widgets
  • Static Front Page
  • Theme Options = (Note: This feature will be different depending on the theme you are installing. Some theme provide more options than others)
  • Additional CSS
  • You can also test how the theme looks in different responsive settings i.e. Desktop, Tablet, Mobile Phone.


WordPress Theme Update Notice

Step 7 ) The following shows you a message displayed when you go to Dashboard -> Updates. This message is letting you know that the following theme has an update version available. It is recommending you to use a child theme if you have created a lot of customization’s.


That is all you need to do to add a new free custom store front theme to your site.

Note: You might be interested to view the following YouTube video Install a WordPress theme.

If you have any questions please let me know.

I will be updating this tutorial from time to time so make sure you come back for the latest.


WordPress Setup Tutorial List:

Manuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>