1.17 How does the Template Editor work?

Support Wissensdatenbank

Du bist hier:
Print

Template editor

If you are familiar with HTML and CSS, you can make changes to details of your website using the template editor. (For experienced developers)

 

Developer feature

The template editor is a developer feature and requires some basic front-end development knowledge.

 

Accessing the Template Editor

1. Click on Developer

Developer icon

 

1. Accept the terms of use and click Next

Developer confirmation

 

Edit Template

  1. Click on a file you want to edit in the sidebar
  2. Then start editing the code in the main window
  3. And then click Save in the upper right corner to save your changes
Template editor

 

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.

Open file

 

Edit Template

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.

Template options

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.

Open file

 

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.

File and folder options

 

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

Folder options

 

Tabbed Editing

Click on a file to open it. When you click another file, it opens in a new tab in the Editor.

Template Editor Tabs

 

Template preview

Display changes at any time with the Preview button. This shows the website in full screen with all the changes that have been made.

Preview button

 

File options

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
File options

 

 

War dieser Artikel hilfreich?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
Wie können wir diesen Artikel verbessern?
Please submit the reason for your vote so that we can improve the article.
Brauchst du Hilfe?
Related Post