Build Your Own Business Website header image

Whoops, you've found some protected content!

Watch the opening clip of this video to preview it,
the full video is available to free and paid members.

Lesson 4 – Part 2 – Setup Local File System & Configure FileZilla

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

In this part of the lesson we’ll create a local file structure and configure FileZilla to connect to the file structure in your domain. First, we’ll create a local file structure.  This is my own personal philosophy on how to organize a file system so that it’s easy to coordinate with the file structure that’s on your domain and easy to keep track of, easy to back up.  There are a variety of ways you could do this.  I’m going to show you my preferred way and you can choose to modify it as you see fit.

Create Your Local File Structure

Open up Windows Explorer and I’m going to go to Rick, then e a folder called My Website.  Select New, Folder, enter it — My Business Website.  Under the My Business Website we’ll create three folders.  The first folder will hold all of our graphics.  The second folder will handle our text.  The third folder will handle our WordPress content.

Open up WordPress.  Under WordPress we’re going to create two new folders.  The first folder is called wp-content.  You don’t want to deviate from that.  This is the right name for this folder, wp-content. The second folder we’ll call downloads.  Then under wp-content we’ll create two more folders.  We’ll create a folder called themes and we’ll create a folder called plugins.

This should look familiar to you because you will have seen this wp-content, plugins and themes as part of the file structure of your WordPress installation as we saw in an earlier tutorial.  This part of your local file structure we’re going to synchronize with the file structure on your domain.

Hosting Account FTP Information

We’ve set up this local file structure and now we need to get some information from BlueHost.  Go to BlueHost.  Go over to your domain and log in up here in the right hand corner.  Here we are at our control panel.  Scroll down to the file section and under files select FTP Accounts.  We’re not going to create a new FTP account.  Scroll down here and choose one of the existing accounts.  You can see if you scroll all the way down there’s this little legend that shows you what each of these icons mean.  Go to the main account in the root directory.  If we go over here to Configure FTP client and select that it will give us the information that we need in order for us to set up FileZilla to connect with BlueHost.

Create a New Site under FileZilla

Open FileZilla by double clicking on its icon and we go to File, Site Manager. We’re going to create a new site. I’m going name this new site byobtutorial.  Under Host if we switch back to BlueHost you can see that the FTP user name is byobtutorial such and such, Server name, Port and Server Port.  The first question is host and it’s ftp.byobtutorial.com.  This FTP server is a synonym for host in Filezilla.  Select that and copy it, go back to Filezilla hit Host and it’s there.  It’s going to be a normal login type.  We’ll go back to the BlueHost control panel and pick up the FTP username.  Let’s look at the FTP Server Port which is 21.  We’ll use that information as well.  Go back to FileZilla and type in 21 for the port.  Add the username and then enter your account password which is the same password that you use to login to BlueHost and say Okay and Connect.

Understanding the FileZilla Interface

You can see that there was a lot of activity listed up here in the top part of the screen.  It tells you everything that happens.  It ends up by saying that the directory listing was successful.  On the left hand side is your local machine and on the right hand side is the remote site.  The remote site is your domain.  This is your root directory.  If you double-click on that you will see that these other folders pop open.  You probably remember that WordPress is installed under the public_html folder.  If we open up that you can see that there is the wp-admin, wp-content, and wp-includes that we looked at before.  In fact you can see the same thing down below here with all of the additional files that are included with WordPress.  What we’re looking at right here is what is currently loaded on your domain.

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
THIS IS A LIMITED TIME OFFER!
Subscription Options
6 Comments… add one
6 comments… add one
  • andrew jay February 4, 2010, 8:42 am

    Hello Rick, my name is Andrew Jay from england, i found your video tutorials on youtube, and found them very useful, you filled in the gaps that i was struggling with, as i am trying to build a website through bluehost and wordpress, keep up the good work, thanks, best regards andrew.

    • Rick Anderson February 4, 2010, 9:55 am

      Andrew, I’m glad it worked for you. It makes the process so much easier if you have your local file structure synchronized with your website file structure. That’s why I love FileZilla

  • Catherine Daar April 23, 2010, 11:26 pm

    Finally a “Thesis and Wordpress school”, I have looked for it everywhere until now.
    Thank you so much for existing, I don’t know how I managed without your tutorials before.
    Catherine Daar

    • Rick Anderson April 24, 2010, 4:53 am

      Catherine, I’m delighted you’re finding it useful. Please remember to ask questions as you work your way through the videos. I’m here to help.

  • Keith May 3, 2010, 8:15 am

    Video 4/2
    We’ll go ahead and open up Windows Explorer and I’m going to go to “Rick.” I am going to create a folder called My Website. Select “New”.

    Found no”Rick” to go to. Please clarify. Keith

    • Rick Anderson May 3, 2010, 9:35 am

      The “Rick” there is the Windows 7 version of my user directory on my computer. If you’re a windows guy you could place this new folder in “my documents” or anywhere. I created the new folder in my user directory but you can create that folder anywhere on your hard drive. Now, I’m not a mac guy so I don’t know exactly what it’s called on the mac, but the concept is the same. Create a folder where you can easily find it called “My Website” and put everything else inside of that.

      Obviously it doesn’t really need to be named “My Website”. It can be named anything, just so long as you know how to find it.

Leave a Comment

Cancel reply