Welcome back to Part 3 of Lesson 1 of the Customize Thesis Like a Pro tutorial series. In the third part of this lesson, we will configure FileZilla for synchronized browsing and the trickiest part of doing this is actually getting the correct ftp connection information. As you might imagine, in the same way that hosting companies have various file structures and various systems for storing your website files, they also have various terminology that they use in describing the connection elements. And so we’re going to take a look at them in Bluehost, in Ipower and in LFC hosting again just so that you can get a handle on that.
Get FTP Login Information (BlueHost, IPower Web, LFC Hosting)
Next, let’s go over to Ipower and what we’re going to do here is go down FTP and you can see that there’s a username of rickande. The FTP is to the home directory but there’s no connection information provided by this. Scroll all the way through you’ll see there’s no connection help. However, there’s a FAQ over here that says, “Connecting to your site using FTP”. So that’s when you’re working with a host, it doesn’t actually provide you with information here. Then what I would do is look around for a FAQ to help you out. They actually have this nice FAQ right here about how to set it up and you can see, in this case, that they use a host name – FTP plus your primary domain name, and then they have a user id instead of username and then they have a password.
Finally, the same thing is true with LFC hosting, just slightly different. So we come over here to the Control Panel, we select FTP and now for LFC hosting, you pick the domain you want to talk about here. And the domain tells you which directory is going to access. And it doesn’t tell you anything else but, again, they’ve got “For more information about using FTP, see Uploading to your Website”. So if we select that, here’s their document on how to connect up to FTP and if you look down here, they have the information located in here. I’m going to show you how that works now.
Difference in Terminology Between Hosts
Before I show you that, I want you to know that they don’t use exactly the same terminology. Essentially, you have 2 main elements that you want to get the information for. The first thing is the name of the server or the address of the server and the second one is the FTP username. And I’m going to show you how those differ as we do the configuration.
Configure FileZilla – General
In order to start configuring FileZilla for synchronized browsing we need to open up the Site Manager. Now you can see I have a whole bunch of different sites configured here but we’ll go ahead and say “New Site” and we’re going to call this “byobtutorial.com”. The first thing it’s asking you for is the host. At Bluehost, the host is the FTP server – ftp.byobtutorial.com. That’s the name of the host. In Ipower, the host name, they’re calling host name or host address, is ftp plus whatever your primary domain name is and in this case, it could be byobtutorial if it was being hosted here. And then at LFC hosting, they call it a host address and in that case, it would either be server27.lfchosting.com or ftp dot your domain name. So with each of these, the information is still very much the same. They do use slightly different terminology which can really throw a person off.
In any case, we’re using Bluehost and I’m going to copy this ftp.byobtutorial.com. So we’ll come over here to Bluehost or come over to FileZilla. We’ll post that there. FileZilla said it was Port 21. And now under login type, we are going to pick Normal, not Anonymous. And now we need a user and again, you’ll see the differences here. The user in this case is email@example.com. That’s the way it is in Bluehost. In Ipower, the username is actually rickande. That’s it – this right here is the username. And in LFC hosting, the username is similar to Bluehost. Now they call it user id here but it’s actually the login name that you use for your account.
And so we’re going to go ahead and grab this username because that’s the one we’re using. Well put that in and then this is the password for your hosting account and that’s it for the general tab. We’ll say “Connect” and find out whether or not it works. If it works, what it will have done is it will have brought up the root of your hosting account. And so you can see that it’s got all the same things that we saw before including public_html. So this is the root of your hosting account but not the root of your website. Public_html is the root of your website.
Configure FileZilla – Advanced
Now we need to configure and de-synchronize. So we’re going to come back over here to the Site Manager and we’re going to select the site that we just created – byobtutorial.com – and we’ll go to the Advanced tab. And now, we’re going to go look for the local directory that we want it to browse from. And so that is “Browse” and then “Libraries” and then “Documents” and then “My Documents” and then “Websites” – byobtutorial.com and “WordPress” because we want to browse from the root of our website so we’ll browse from “WordPress”. And then we want to do the same thing, we want to identify exactly the same place on our website. And so if we look at our website, you can see that that’s public_html. That’s the root of this website so we’ll go ahead and type /public_html/ and then select “Use Synchronized Browsing” and select “Connect”. And now you can see I’ve come to this WordPress as my Documents\Websites\byobtutorial.com\wordpress. So that’s my site website root on my local machine and this is the website root on my server.
You can see I’ve got wp-content and a wp-content here. If we double click on that, now you can see I’ve got plugins and themes and Upload and Upgrade. And if you have a little bit of difficulty remembering what’s what, think of L and R. Left is for your local machine and Right if for your remote website. So local machine, remote website. Local computer, remote website. I undoubtedly use terminology interchangeably like local machine and local computer and local site. Those all mean the same thing.
Synchronized Browsing Demonstrated
I’m going to show you an error in synchronized browsing. Synchronized browsing can only work in so far as there are identical folders on either side. For example, if I double click on Uploads, you can see that it’s going to tell us that the folder or the directory doesn’t exist over here on the right. And so, it wants to know if we want to disable synchronized browsing. If say, “No we don’t want to disable synchronized browsing”, we can’t see what’s in this Uploads directory. So we have to say, “Yes”, if we want to see what’s in that Uploads directory.
But now, we’ve lost our synchronized browsing. So we have to go back and reestablish the connection. And notice when you try to do that, it says it’s already connected. “Do want to establish the connection in a new tab or do you want to abort the previous connection?” I always abort the previous connection. Because I don’t need more than one connection operating but I could create another connection and say establish that connection in a new tab. And now you can see that I’m hooked up to byobtutorial.com on one and I’m hooked up to childtheme at byobtutorial on another. I just find that to be too confusing. If you don’t find it confusing, that’s fine, but I would just turn it off and only maintain one connection at a time which means, you can always say “Abort”.
And that wraps up Part 3 of Lesson 1, Configure FileZilla for Synchronized Browsing, of the Customize Thesis Like a Pro tutorial series.