How to Upload WordPress Themes, Plugins and Images

Before I can show you how to upload your WordPress Themes, Plugins, Images or video for that matter you are going to need a lesson in how to use FTP.

What does FTP Stand For?

FTP stands for File Transfer Protocol which and that is a predefined set of rules that are set so that one computer can talk to another computer when you are moving files from, for example, your computer to your web server.

If you need more information about this you can read the tutorial I wrote, What Does FTP Stand For, but that’s not absolutely necessary because in the accompanying video I show you exactly what FTP software to use and how to use it.

In a nutshell, up to this point in the tutorial series I have shown you where to get WordPress themes, how to create a header graphic for your blog and where to get the All-in-one-SEO plugin which you have stored on your computer but now you are going to need to transfer these files from your computer onto your web hosting server.

You will be using my favorite FTP software, FileZilla to transfer files from your computer to your website server.

If you don’t have FileZilla yet, you will need to download it from here

About Your WordPress Installation Directory Structure

Hosting File Structure

When you get your website hosting account and configure your website you will notice there is a hierarchical structure to how your website information is stored that looks like this:

In this example I will show you my unlimited domain name hosting package I have at what I believe to be, in my humble but accurate opinion, the best website hosting package money can buy for a lot of reasons but mainly because they include a deluxe email autoresponder system with their hosting for an incredibly affordable price.

When I first bought my GoldBar Hosting package the first domain I registered with them was SuperAffiliateSales.com and the account name that was assigned to this hosting package was superaf.

Now with that I have talked about some of the background information in the hopes that it helps you better understand how hosting companies work let’s dive head first into the hierarchical structure of how your website file structure is set up:

1. Website Hosting Hierarchy – Your Hosting Account

Continuing with the example of my SuperAffiliateSales.com site, I really ought to do something with that domain!

My website hosting account for that domain name is stored in the base directory:

/home/superaf

I took a screen shot of part of my GoldBar hosting account’s control panel (cpanel) built-in file manager to clarify this for you, see the image below.

Hosting Account Directory Structure

This is where your websites get stored and serves as the base root directory for all your website information.

2. Website Hosting Hierarchy – Your Websites

You have now seen how your website hosting file structure begins but now you are going to see where your websites that you configure with your unlimited domain hosting account get stored.

As you have seen your base directory is typically /home/Your-Hosting-Account-Name, in this example it’s /home/superaf.

When you configure your website hosting to make your website show up on the internet, without getting into the gory details of exactly how web servers work because you don’t really need to know things like how the Apache web server software works to make your pages appear on the internet, all you need to understand is the hierarchical structure.

When you configure a domain name on your web hosting company it will get created under the public_html directory followed by your website name.

Since I have hosted The VEO Report blog on the same hosting company as my Super Affiliate Sales blog and configure this web site as an add-on domain the directory The VEO Report blog gets installed on is under the public_html directory like this:

/public_html/veoreport

Now the full path on my GoldBar website hosting account to access files on this blog looks like this:

/home/superaf/public_html/veoreport

Here is another partial screen shot from my control panel file manager from my superaf hosting account to clarify this for you:

Website File Location

WordPress Installation File Structure

Now that you understand how your website directory structure works and if you are following along in this tutorial series you will have already installed your WordPress blog content management software using Fantastico, a software auto-installer, but now it’s important to understand the file structure that happened when you used this push button installation so that you can upload your WordPress themes, plugins, your header graphics and logos.

There are 3 main sub-directories that got created when you used Fantasico to perform the auto-installation of WordPress for you.

Here are the WordPress administrative directories that got created when you installed your blog:

1. wp-admin

2. wp-content

3. wp-includes

Here is a screen shot taken from my website hosting company’s control panel to illustrate:

Website Hosting Explained

When you are navigating through your WordPress directory installation structure the only directory you really need to understand to achieve success with the WordPress blog publishing platform is the wp-content directory because that’s where you will upload your themes, your plug-ins and your header graphics and logos to.

Inside the wp-content directory you will find more sub-directories that you need to know about so that you can upload your Revolution Theme Pack and your first and MOST important WordPress Plugin, the All-in-One-SEO plugin

WP-Content WordPress Directory

WordPress Themes & Plug-ins are stored in yet another sub-directory on your website hosting account under the wp-content directory.

To give you a visual illustration of exactly where you need to navigate to access this directory I have taken another partial screen shot showing you the path you need to navigate to using your free FTP software, FileZilla, but you need to know this screen shot is taken from my GoldBar hosting account Control Panel.

WordPress wp-content directory

How Do I Upload a WordPress Theme?

By now you have an understanding of how your website and WordPress directory structure works so now we are going to dive head-first into where you need to FTP your Revolution theme pack to.

Here is where you need to FTP your Revolution Theme Pack WordPress themes to:

The hierarchical directory structure to navigate to on your web server is:


/home/Your-Hosting-Account/public_html/Your-AddOn-Domain/wp-content/themes

Here is another partial screen shot taken from my website hosting control panel to illustrate this for you:

Where to upload WordPress Themes

How Do I Upload a WordPress Plugin?

You are now VERY savvy at using FTP to upload files to your website hosting account so upload WordPress plugins is now brain-dead simple for you and you know exactly how to navigate through FileZilla to upload WordPress plugins to your hosting account.

Here is the directory where you upload your WordPress plug-ins:

/home/Your-Hosting-Account/public_html/Your-AddOn-Domain/wp-content/plugins

Where to upload WordPress plugins

How Do I Get Pictures and Logos On My WordPress Blog?

Yeah, a lot of people get incredibly frustrated when they try to upload a header graphic or website logo to their WordPress blog because they keep trying to upload their graphics to their website hosting package where they got their blog installed!

Let’s help you publish your logos and header graphics to your blog by showing you where you WordPress blog themes get installed to.

To upload header / logo files into your WordPress Blog.

Here we are going to deeper into your directory structure and for the sake of simplicity the starting directory to get to where your images get uploaded the base directory where we will begin is /public_html/veoreport/

Remember that your WordPress theme got installed in the wp-content directory, so that’s where your templates are stored, including where your header graphics will go.

To upload your header graphic to your blog, use FileZilla and navigate to the following directory

/wp-content/themes/church_20b/images

The reason a lot of people can’t figure out how to get a header graphic to work on their blog is mainly due to the file structure you have to navigate through, check out how deep you have to go into your file structure.

/Your-Hosting-Account/public_html/Your-Website/wp-content/themes/Your-Theme-Name/images

Another option you have to simplify where your image gets displayed from is you can edit your blog template and change the code so that your logo images are stored under a simpler location such as Your-Domain.com/images.

As always, if you have any questions about how to upload your files please submit your questions here.

Speak Your Mind

*