Child pages
  • 1.13 Template Editor

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Accessing the Template editor

  1. Click Developer

Developer iconImage RemovedImage Added

Developer icon

  1. Accept the conditions of use and click Continue

Developer confirmationImage RemovedImage Added

Developer confirmation

...

  1. Click on a file you would like to edit in the sidebar

  2. Begin editing the code in the main panel

  3. Click Save in the top right corner to save your changes

Template editorImage RemovedImage Added

Template editor

...

Files that have been changed but have not been saved are marked with an asterisk.

Opened fileImage RemovedImage Added

Opened file

Editing a template

...

You can upload and download templates from GitHub, or as a ZIP file from your computer. To upload or download a template, click the More button ( ⋮ ) in the top right corner.

Template optionsImage RemovedImage Added

Template options

...

Files and images can be added to your template by dragging them into the treeview or into the main editing pane. They can also be added directly into folders by hovering over the desired folder to open it and dropping the file inside.

Opening fileImage RemovedImage Added

Opening file

Files can also be uploaded, or created, by clicking the + button at the top of the treeview.

Folders added in this way will be added at the top most level and not into another folder.

File and folder optionsImage RemovedImage Added

File and folder options

To add a file or folder to a specific folder, right-click on the destination folder and add them from the menu.

Folder optionsImage RemovedImage Added

Folder options

...

Click on a file to open it. Clicking on another file will open it in a new tab within the editor.

Template editor tabsImage RemovedImage Added

Template editor tabs

...

Preview your changes at any time by using the Preview button. This will show the site fullscreen with any changes that have been made.

Preview buttonImage RemovedImage Added

Preview button

...

  • Rename - Change the name of the file or folder

  • Delete - Delete the file or folder. Note that some core template files cannot be deleted

  • Get path - Show the path of the file or folder

File optionsImage RemovedImage Added

File options