I’ve posted almost similar post in my WordPress tutorial blog years ago, but it didn’t focus on how to use FileZilla entirely.
Why do we need to use FTP client like FileZilla?
If you follow or even subscribe (thank you for this!) in my YouTube videos (click here to see adding YouTube subscribe watermark tut), you may notice, most of my tutorials use cPanel to navigate in my web host.
It’s not that I don’t use FTP, but I guess that’s the easiest method for beginner.
However, I want to stay up-to-date so I create this “How to use FileZilla” post.
You should use FileZilla or any other FTP client software or application, because it is an easy alternative to upload your file, and even big file, for example videos.
Using FTP is my second favorite, if uploading files to webserver is not working due to the uploading files limit.
Most importantly, it’s faster because you don’t need to login to your web host.
How to use FileZilla?
There are many free ftp softwares you can use to transfer or upload your website files to your web server.
If you are using Windows, you can use FileZilla, and if you are using Mac, you can use FileZilla or Cyberduck, but in this tutorial, I am using FileZilla because I’m already familiar with it on my Windows computer.
So here are step by step instructions how to install FileZilla, and then find your FTP hostname, FTP username, and password.
1. Download FileZilla from the official website, and choose the buttons accordingly to your operating system.
Open the package with your archive utility and you should have filezilla.app in your download folder or any folder you save your downloaded files.
Then move filezilla.app to your application folder.
You can copy filezilla.app to your dock.
If you use Windows, the method will be slightly different to install but I am sure it’s not difficult at all.
2. Now, once you open it, we go to “Site Manager” by clicking this icon
or go to “File” – “File Manager” or CMD + S for shortcut.
3. Now in Site Manager, click on “New Site” button, and type your site name to describe your site, so you know which site is associated with this site’s configuration.
Next, in “General” tab, you need to type your host, which is usually, ftp.yourdomain.com.
However if you are not really sure what it is, go to your cPanel, and scroll down, find “Files” and click “FTP Accounts”.
Here you find the data you need.
FileZilla host = FTP Server
So let’s go back to FileZilla, copy and paste the FTP server to “Host”, in this point, mine is “ftp.howtousewordpress3.info”, port:2222
Now the most important setting, for the Protocol, click on arrow, select, SFTP – SSH File Transfer Protocol.
SFTP stands for Secure File Transfer Protocol more on wikipedia, which will encrypt your connection, because plain FTP can danger your connection, risk to be hacked.
In “Logon Type” select, “Normal” or you can choose Interactive or Ask for Password for more secure, but the drawback is that you need to type your Username and Pass everytime you want to connect.
However we use SFTP here so Normal will be ok.
User is your cPanel user name.
Password is also your cPanel’s password.
On “Comments” type something to note yourself about this configuration.
4. In “Advanced” tab, for “Default local directory” which is optional, you can browse to your website’s file locally in your computer. Click “Browse” and look where you have your local folder. It’s optional, you can leave it empty too.
A few weeks ago, I posted install WordPress on Mavericks, and I installed it inside “blogweb6local” so I use that folder, click here if you want to follow the steps.
For “Default remote directory” usually it’s /home2/sonnen08/public_html replace sonnen08 with your username, or to find it, you need to login to your cPanel and look where your files are in webserver.
Usually it uses public_html, but it can be htdocs or www depends on your web host. If you are not sure, go to your cPanel and look where your WordPress or website files are.
Click “Connect” to connect to your server.
It will show ask you to trust the hostkey or not, click OK.
Once you’re connected, you will see the lock icon on the bottom right, means your connection is encrypted.
In the video I gave a simple example how to upload an html file, which you can easily do, by dragging from your local file to your remote site.
Then I also wanted to edit my uploaded file, which you can do by select the file you want to edit, right click, and select “View/Edit” button.
This will ask you with what text editor you want to open. In Windows, it will do automatically as far as I remember.
But if not, navigate to “FileZilla” and “Preferences” or CMD + ,.
Here, in scroll down, and find “File editing” and tick on “Use custom editor”, and browse your text editor, in this video I use Sublime Text 2.app, copy the path.
Then in “Filetype associations”, type html “/Applications/Sublime Text 2.app”, click, “OK” button.
Now, it will open the text editor automatically if I open .html file, additionally you can add like html “/Applications/Sublime Text 2.app” too.
I didn’t have to do this in Windows though.
So that’s how you use FileZilla in Mac Mavericks.