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’s 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 and 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 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 select upload, you can see that it copied test.html to the folder “plugins” even though we placed test.html in the folder in 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 Manger. So let’s go to File, Site Manager, go to the our site here which is “tailor”. Then we will click the Advanced tab and down here we will 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 to our default local directory. So it’s under (name of folder)>>My Business Website>>Wordpress>>wp-content.
So now we both have our local directory and this remote directory setup and synchronized. So we’re going to 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 on this folder here in our local directory, you can see that it does the same to the remote directory. Now if you upload this file, you’ll see that 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 so let’s delete these files.
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.