# File Manager

The Filester plugin's File Manager UI allows you to manage your website files directly from the WordPress dashboard. 

<figure><img src="https://3634278961-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXd0iEK33mLCE7WbhZ063%2Fuploads%2FmHmtYApVwdUhfN8uBvbv%2FThe%20Filester%20File%20Manager%20UI.jpg?alt=media&#x26;token=23179ea0-41c1-4b74-b24f-fe13612b01c8" alt=""><figcaption></figcaption></figure>

Below is a detailed description of each highlighted and marked element in the File Manager UI.

**File Manager UI Elements**

1. **Select Theme**
   * **Description:** This allows you to choose a theme for the File Manager interface to match your preferences.
   * **Options:**
     * Default Elfinder
     * Dark Slim
     * Material
     * Material Gray
     * Material Light
     * Windows 10
   * **Action:** Select a theme from the dropdown menu to change the appearance of the File Manager.
2. **File Manager Toolbar**
   * **Description:** Provides you with quick access to various file management actions and tools.
   * **Icons and Functions:**
     * **Back:** Navigate to the previous folder.
     * **Forward:** Navigate to the next folder.
     * **Up:** Navigate to the parent directory.
     * **Home:** Navigate to the root directory.
     * **Refresh:** Reload the current directory to see the latest changes.
     * **New Folder:** Create a new folder in the current directory.
     * **New File:** Create a new file in the current directory.
     * **Rename:** Rename the selected file or folder.
     * **Duplicate:** Create a copy of the selected file or folder.
     * **Cut:** Cut the selected file or folder to move it to a different location.
     * **Copy:** Copy the selected file or folder to a different location.
     * **Paste:** Paste the cut or copied file or folder to the current directory.
     * **Delete:** Delete the selected file or folder.
     * **Upload:** Upload files from your local computer to the current directory.
     * **Download:** Download the selected file to your local computer.
     * **View:** View the contents of the selected file.
     * **Edit:** Edit the selected file.
     * **Preview:** Preview the selected file (e.g., images or documents).
     * **Zip:** Compress the selected files or folders into a ZIP archive.
     * **Unzip:** Extract the contents of a ZIP archive.
     * **View Mode:** Switch view mode between Grid and List
     * **Sort:** Sort files and folders
     * **Full Screen:** Toggle to full-screen mode
     * **Properties:** View the properties of the selected file or folder.
     * **Search:** Search for files or folders within the current directory.
   * **Action:** Click on the appropriate icon to perform the desired file management action.
3. **File and Folder List**
   * **Description:** Displays the contents of the current directory, including files and folders.
   * **File Types and Icons:**
     * **Folder:** Represented by yellow folder icons.
     * **Text File:** Represented by a `txt` icon.
     * **HTML File:** Represented by an `html` icon.
     * **PHP File:** Represented by a `php` icon.
   * **Actions:**
     * Click on a folder to navigate into it.
     * Click on a file to select it.
     * Right-click on a file or folder to open a context menu with options such as rename, delete, copy, cut, and more.