Files List
This tab is always present and cannot be closed, as it is the starting point of the Files Manager feature. Here, you can view all files and folders inside the WordPress root directory.
From here, you can open files and folders, create files and folders, and upload ZIP files.
Create File and Folder
Once you press one of those two buttons, you will be prompted with a modal to enter a name.
Upload zip
Will open a modal where you can drag and drop a ZIP file.
File Edit Mode
Choose Edit in the contextual menu, or click a file, and it opens in its own browser tab. The editor is a full-featured Monaco Editor, similar to the one used for Scripts Organizer and Winden. With the Monaco Editor, you will get a Visual Studio experience.
- At the top left you see the file name and its location.
- At the top right you have Close, Revisions and Save.
- Unsaved changes are announced next to the buttons. Close asks before discarding them.
We also have shortcut for save CTRL (Command) + S
Revisions
A revision is a titled restore point of a file. Save one before you change something risky, and go back to it if the change goes wrong.
Click Revisions in the editor's top bar to open the panel on the right. Click it again to close the panel.
Save a revision
- Type a title into Revision title, for example
before header change. - Press Save next to the title.
A revision is taken from the file on disk. Unsaved changes in the editor are not included, so press Save in the top bar first if you want them in the revision.
Revisions are listed newest first, with the title, how long ago it was taken, who took it and the file size.
Compare
Click a revision to compare it with what is in the editor right now. The editor switches to a read-only, side-by-side view of the differences. Press Back to editor (or Esc) to return. Your cursor position and undo history are kept.
Restore, duplicate and delete
Each revision has a three-dot menu with these actions:
- Restore replaces the file with that revision. DevKit asks for confirmation first, and warns that the file and any unsaved changes are replaced. To keep the current content, save a revision of it before you restore.
- Duplicate adds a copy of the revision to the list.
- Delete removes the revision after you confirm with Delete again.
Good to know
- Up to 20 revisions are kept per file. When there are more, the oldest are removed first.
- Revisions are kept only for files up to 2 MB.
- Revisions are stored in DevKit's protected backup folder, in a form a browser cannot open.
- When you save a PHP file, DevKit also keeps one hidden copy of the content it replaced. It is not listed in the panel.
Recover File
If saving a PHP file brings the site down and Show DevKit Error Screen is turned on under System → Features, the error page has a Recover File link. It puts back the file as it was before the save, and the site loads again. When there is no copy to recover from, the page says "No backup available. Please fix the error manually."
Sidebar
This feature will help you navigate quickly through deeper levels of the file structure. If you have more than one tab open and the files tab is not active, once you click on the Sidebar, the “Files” tab will automatically become active.
Contextual menu
Pressing the right click will get you app experience where you can get extra features.
- Cut
- Copy
- Paste
- Duplicate
- Add to favorites / Remove from favorites
- Edit (files, except ZIP archives)
- ————
- Rename
- Move
- Permissions
- Search (folders)
- ————
- Compress (everything except ZIP archives)
- Uncompress (ZIP archives only)
- Refresh
- Download
- ————
- Delete
