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.