Configure FileZilla to Synchronize Local and Remote Files
Welcome back to Part 4 of Lesson 4 of the Start Building Your Website Here Tutorial Series. In this part of the lesson we will learn how to synchronize the two file structures, the local file structure and your remote file structure. It is important to use synchronized browsing in Filezilla as it saves time and helps prevent errors caused by uploading files to the wrong location. This is especially true for beginners so please don’t skip this step.
Let’s look at an example of what can happen if you don’t use synchronized browsing. In Filezilla go to the local file structure, select wp-content. You can see it has plugins, themes and index.php. I’ll open up the notepad (Start/accessories/notepad) and I’m going to make a dummy file that we can copy around. So I’ll type in “This is an example file” and then I’m going to save this as an html file. I’ll type in the name as “test.html” and save type as “all files”.
Then we will scroll down here and go to our business website folder location. (name of folder)/My Business Website/WordPress/wp-content and save it there. Click Save. Close the notepad.Go back to FileZilla now, hit View, refresh. You can see that test.html has now been added your local file structure. Now on the right hand side let’s navigate to plugins. On the left select test.html, right click and choose upload. You can see that it copied file to the folder “plugins” even though we placed test.html in the wp-content folder.
With Synchronized Browsing, what happens is, if you create a file here and you upload, it will automatically place the file in the appropriate folder on the website. In order to configure synchronized browsing we have to open up the Site Manager.
Now let’s go to File, Site Manager, go to the our site here which is “tailor”. Select the Advanced tab and down here check “use synchronized browsing”. In addition to that, we need to set up our default directories. We’ll start with our default remote directory which in this case /public_html/wp-content/. Don’t forget the beginning and ending forward slashes. Next let’s browse for our local default directory. So it’s under (name of folder)/My Business Website/Wordpress/wp-content.
So now we both have the local directory and this remote directory setup and synchronized. Hit connect. This dialog box will come up “Abort previous connections and connect in current tab”. Just click OK. Now that we have it setup and synchronized properly, if you double click this folder here in our local directory, it will pop out and you can see that it does the same to the remote directory.
Now if you upload this file, you’ll see it it gets uploaded to the correct directory and can’t be uploaded to the wrong directory because these are synchronized, when you move in one place, it also moves in the other. Ok let’s delete the test files. Just right click on the file, select delete and hit yes.That concludes Part 4 of Lesson 4 of the Start Building Your Website Here Tutorial Series. You now have a fully functioning FTP system where your local file structure is synchronized with your remote file structure.