File manager allows you to organize your files via our CMS. In this KB article we’ll be exploring the many uses that one can get out of this for your website. We’ll be covering:
Basic folder navigation and file and folder selection
The purposes of all folders in a default directory
How to use all the tools on the bar below the File Manager title
Basic Navigation and Selection
Let’s look at the file system. On the left side we have a diagram of all the files in the File Manager. The arrows pointing to the right indicate that there’s another folder in that folder. When the arrows point down the contents of the folder are shown. By default we are viewing thing that are in the unnamed folder on top. On the right side you should see all of the folders and files contained in that unnamed folder. Let’s call this the folder viewer. Click on Docs. When you do so the Docs folder becomes blue and the folder view shows nothing. This is because there’s nothing in the folder. Click on Images. Images becomes blue and the arrow goes from pointing to the right to down. You can now see that Images contains Content and Theme. You may have noticed the direction of the arrow on Content and figured there must be a folder in that folder. You’re catching on if you did!
Let’s learn about selection. When you click on a folder or file in the folder viewer you are selecting that item. What if you want to select multiple things? Click on a folder or file in the file viewer then hold ctrl on your keyboard and click on a different folder or file. Now you should have two things selected. As long as you have ctrl held down and are in the same directory you can continue to click and select additional files. This is good for deletion of files that aren’t useful anymore. If you don’t feel like clicking every item to select them then you can hold shift. When you hold down shift it allows you to select everything in between and including your first and second selection. Now that we understand basic navigation and selection we can now talk about the purposes of each folder.
Purposes of Default Folders
Docs - This can be used to store pdfs, word documents, excel documents, and other things like those file types.
Fonts - If you have a special font that you would like to use for your site you could put that here.
Content (Within Images) - This is where all your images can go. It’s recommended that you categorize your images by some metric in order to avoid clutter and confusion.
Theme - This may not be shown by default but it contains the necessary images that create the theme of your website.
Reports - This folder is an example folder of what you could make. It contains a Client folder to manage information about your clients. As well as a CRM which stands for customer relationship management. You could have your own folder that is used to organized your presentations called Presentations. I’ll show you in the next section how to do that.
Styles - Similarly this is where your CSS files go. CSS files make your site be more dynamic, colorful, and fun!
Using the Toolbar
We’ll go from left and go to the right on the Toolbar.
Back Tool - This allows you to navigate to the place in the file system you were previously at. This is good if you don’t particularly like navigating back and forth through a complex file system.
Forward Tool - You can only press forward when you have press back 1 or more times. The reason for this is that the forward tool doesn’t know what you’re going to do next so telling it to go forward results it the logical question of, “Where?” To put it simply the forward tool takes you towards your most recent action.
Open Tool (Looks like a folder opening) - When you click on a folder in folder view then on the open tool the selected item is opened. If it is a folder then the folder view will update to the inside of that folder. If it is a file a window will open and in special cases with font files of extension .woff you’re able to download them.
Refresh Tool - When you upload a lot of files into a folder it may take a while for them to be fully processed and therefore it takes time for them to show up on the folder viewer. So if you want to make sure all your files were uploaded just give it a few seconds then hit refresh and your files should be there.
New Folder Tool - Be sure that you select the folder where you want the new folder to go in the folder diagram on the left(ie don’t click on a folder in the folder viewer and expect a folder to be put in it). Next click on new folder and fill in the name of the folder you want to create. Finally hit OK. Your folder should be created. Since the upload tool is so similar to this one let’s here about that next.
Upload tool - This tool is similar to the new folder tool in the way you select where the file goes. Meaning that you select where it goes from the folder diagram on the left and not in the folder view.
Delete Tool (Looks like a trashcan) - You can use this tool to delete files as well as folders. Simply click on the item you want to delete and click the delete tool. Using selection tips taught earlier you can delete very quickly. Just be sure you aren’t deleting anything important!
Note: By default the Grid View Tool is selected. This makes it a slightly darker grey color. You can select Thumbnails view by clicking on its tool button. The same goes for the Grid View.
Grid View Tool (Looks like a list) - In this view folders and files are displayed in a table like fashion where the first column lists the name and the second column lists the size in bytes(unit of memory for computers) of only the files.
Thumbnails View Tool (Looks like a grid of squares) - In this view folders and files are slightly larger and icons along with text beneath them is used to describe their contents.