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 8, 2017

Themes are very important and making sure you install the correct theme for your website is very important. When someone lands 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 staying longer. However lets not forget how important the content is as well. But that is a different subject altogether.

When you install WordPress for the first time, it installs a few themes and activates one of the themes by default. If it did not set up a default theme your site would look ugly and it would be hard to read in some cases. 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.

how-to-install-new-theme-appearance-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.

how-to-install-new-theme-add-new-theme

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

install-new-theme-live-preview-settings-search-menu

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.

how-to-install-new-theme-appearance-upload-theme

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.

how-to-install-new-theme-install-now

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.

install-new-theme-live-preview

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.

install-new-theme-live-preview-settings

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

You might be interested to view my YouTube video clip. Click on the following URL 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.

Enjoy.

WordPress Setup Tutorial List:

Manuel Ballesta RuizManuel 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>

(required)

(required)