If you are familiar with HTML and CSS, you can make changes to details of your website using the template editor. (For experienced developers)
The template editor is a developer feature and requires some basic front-end development knowledge.
Accessing the Template Editor
1. Click on Developer
- Click on a file you want to edit in the sidebar
- Then start editing the code in the main window
- And then click Save in the upper right corner to save your changes
Changes are saved automatically
Changes to your template in developer mode will be applied to your website when you save them. Once they’re saved, you can view the updates by clicking the Preview button. There is no need to reapply the template to see the updates.
Files that have been modified but not saved are marked with an asterisk.
When you edit a template from the template selection, you are editing a copy of that template. If you want to return to an original template, return to the template selection point and select a template from the list.
Save and keyboard shortcuts
You can save using either the Save button in the Editor or the Cmd + S (Mac) / Ctrl + S key combination.
Upload / download templates
You can download templates from GitHub or as a ZIP file or upload them from your computer. To upload or download a template, click the More button (⋮) in the upper right corner.
Uploading and adding files
Files and images can be added to your template by dragging them into the tree view or into the main edit box. You can also add them directly to the folder by placing the mouse pointer over the desired folder to open it and delete the file in the folder.
Files can also be uploaded or created by clicking the + button at the top of the tree view.
Directories added in this way are added at the top level and not in another folder.
To add a file or folder to a specific folder, right-click the destination folder and add it from the menu.
Click on a file to open it. When you click another file, it opens in a new tab in the Editor.
Display changes at any time with the Preview button. This shows the website in full screen with all the changes that have been made.
Right-clicking on files and folders offers a few different options. These include
- Rename – Change the name of the file or folder
- Delete – Delete the file or folder. Note that some core template files cannot be deleted
- Path – Show the path of the file or folder