Working on a theme locally

Stan Jobs
Stan Jobs

The most powerful theming features in Guide are the abilities to import, export, and work locally with themes. When you’re making major updates to a theme or building your own theme from scratch, these great options enable a streamlined workflow for developers.

You must have Guide Professional or Enterprise to work on a theme locally.

The workflow to build a new theme or update an existing theme locally is:

  1. Select a starter theme
  2. Edit your theme locally with your own development tools.
  3. Import your theme back into Guide.
  4. Publish your new theme.

Select a starter theme

If you’re interested in building your own custom theme, we recommend starting with copy of our Copenhagen Plus theme to take full advantage of our powerful theming framework. Alternatively, you can start with one of our many custom themes.

Editing your theme locally

Now you’re ready to start working on your local machine, using your own development tools.

To avoid zipping and importing the files into Guide every time you want to preview your changes, you can preview each change locally in a web browser using the Zendesk apps tools (ZAT). The goal of the local preview is to enable theme developers to work with the tools they’re familiar with to build themes quickly and easily.

To set up ZAT theme preview, see Previewing your Help Center theme.

After you start preview mode, you can modify your theme files in your favorite text editor. The local preview has live reload. Changes you make to files will automatically refresh the preview. From here, you can quickly make changes to templates, CSS, JavaScript, and assets.

Additionally, when you have exported a theme to your local machine, it’s a good idea to check it into your favorite version control repository (git, mercurial, SVN, etc.).

Importing your theme

Once you’ve built out the theme locally, compress the theme directory into a ZIP archive and import it into Guide by dragging and dropping the file on the Themes page or by using the import option.

This will import the theme as a new custom theme. You can preview further in Guide, and other users in your organization will also be able to see the theme.

To export your theme, see Importing and exporting your theme.

Publishing your new theme

When you are ready to publish your new theme, just click Publish from the theme menu in the workbench.

Remember, if you are using version control and you’ve made any code modifications to your theme in Guide, export the latest version and check those changes into your repository.

Was this article helpful?

Comments

0 comments

Please sign in to leave a comment.