Site5 - Built For Designers & Developers MENU
Home  ›  Control Panels  ›  How to use the File Manager

How to use the File Manager

2 Comments

The File Manager feature is similar to the swiss army knife in that it has many functions and almost all of them very useful. After reading how to access the File Manager scroll down further for some guides on some of the features.


How to access File Manager via SiteAdmin


This demo assumes you’ve already logged in to SiteAdmin

1) Click the Website Tools option from the left menu, then click File Manager.

2) Now click the button for File Manager

Scroll down for further description on some of the features of the File Manager.



 

How to access File Manager via cPanel

1) Click the File Manager icon

2) Place the check box in Show Hidden Files.

file_man_9

3) Choose the directory you wish to open, then click Go

 

Scroll down for further description on some of the features of the File Manager.


This is the File Manager interface, where you can upload files to your account, delete files, change file permissions, and a host of other functions.

Navigation:

You can use the file tree or the location text box to navigate your files and folders.

There are several ways you can use the file tree (located to the left of the file window) to browse your files:

  • Click on the name of the folder you wish to view
  • Click on the plus next to the foler icon to view a list of subfolders in that folder.
    • You can click on the minus next to an expanded directory to collapse it.
  • After you expand a list of subfolders, click on the icon name to view the folder’s contents.

Menu Bar:

This is the bar that runs along the top and allows you to do various tasks that you need completed. Most of this menu is also available by right clicking on a file or folder.

Feature

Icon

Description

New File new file Creates a new file with a user-defined file extension.
New Folder new folder Creates a new folder in the current directory.
Copy copy Copies selected items to a user-specified directory.
Move File move file Moves the selected files to a new directory.
Upload upload Uploads files to the selected directory.
Download download Downloads selected files to your computer.
Delete delete Deletes selected files from the server.
Rename rename Renames the selected file or folder.
Edit edit Opens the selected files in a text editor.
Code Editor code editor Opens the selected files in a code editor.
HTML Editor html editor Opens the selected HTML file in a visual HTML editor.
Change Permissions permissions Changes the read, write, and execute permissions for selected files.
View view Opens the selected file so that you can view the code.
Extract extract Extracts the selected *.zip*.Gz, or *.Bz2 archive and stores the files in a directory.
Compress compress Compresses the selected files to a single *.zip*.Gz, or *.Bz2 archive and stores the compressed file in a specified directory.

Creating New Files/Folders:

1) First navigate to the folder where you wish to place the new file/folder.

Note: In order for a file/folder to be viewable/accessible via the web, it must be created within the public_html folder.

file_man_0

2) Select New File or New Folder from the top menu.

file_man_3

3) Name the file or folder to whatever you desire.

Note:  File/Folder name is caSE Sensitive.

file_man_1

Editing Files:

You have three different options for editing a file and which one you choose is a mixture between personal preference and the type of file you are editing.

1) Navigate to the file you wish to edit.  the file you wish to edit

file_man_4

2) You can now either right click on the file to bring up a menu or select the New File or New Folder from along the top menu.

file_man_2

3) As mentioned the editor choice is mainly on preference so if you are more of the old school notepad kind of person then you would choose Edit, or if you are used to specific coding softwares such as CodeAnywhere then you would feel more comfortable in Code Edit. Lastly if you prefer to your development in programs like CoffeCup then the HMTL Edit is for you.

Selecting any one of the editors will bring up menu asking you to choose the encoding. Unless you are aware of a specific encoding you should use, leaving it as the default utf-8 is fine and you can simply click Edit.

file_man_5

 Edit: This is raw code (or it will be empty if its a new file) for the file you are editing. This editor is basic in graphical compared  to its brothers but for quick edits it can do everything you need it to. The options available in this editor allow you to change the encoding of the file, open it in Code Editor or Save/Close the file.

file_man_6

Code Edit: This is more of a programmers interface, allowing you access to line numbers, colours for the coding tags you are using and a toolbar for some extra functionality.

file_man_7

HTML Edit: This is the luxury version of the editor. It includes a fully functional task bar that will aide you in crafting your website, even allowing you to preview it before you save.

file_man_8

Changing Permissions:

You hear about permissions all the time but never really understood what they/we mean by it? Well you can learn all about it here and even learn how to make the permission changes within your File Manager.

The rest of the features should be mostly self explanatory however we are always here to help so if you wish to get more information on a particular feature, leave a comment below!

Still have a question? Or need help?
See an error in this article or want to suggest a missing topic? Please leave us a comment below! If you need technical support with your account, please email us, chat live with a representative, or call us!

2 Comments

  • How do I delete unwanted text in the chat box from my web page. Where it say something about juicy fruit and boobear comments

    • Hello Dewayne,

      That really all depends on what you are using to run your site. Chances are it is in the database, and not a flat file that you can edit using the File Manager. If you are using a CMS like WordPress or Joomla, you should be able to edit this using the admin panel for that CMS. If you are unable to locate it, I would recommend opening a ticket with our support team for help. You can do this via BackStage, using the Support link.

Money Back Guarantees
Click to verify BBB accreditation and to see a BBB report.