The Theme Editor

Editing a theme

To edit a theme, choose **Themes** from the main menu in the top navigation bar, then click on the name of the theme you want to edit.
You should see something like this:
Theme editor
You can edit the name of your new theme by clicking Edit in the top-right corner and type the desired name into the text field.
In the lower area of the page you'll see an Editor tab for each of your theme's files. When you create a new theme, we'll provide you with the basic files needed to have a good theme:

application.css

The CSS file for your theme. This file is mandatory (including the filename), and at the moment is the only file where you can add CSS definitions for your theme. We recommend that you reset the styling using normalize.css ( https://github.com/necolas/normalize.css)

layout.html

The main layout of your theme. This file should include all parts of your theme that are present on each page like the header image and blog title. A mandatory ingredient of this file is 
{% raw %}
  {{page_content}}
{% endraw %}
This is where for example the content from index.html or show.html is rendered.

index.html

The overview page of your blog. This is what you see when you visit **yourblog.podigee.io/**. In general, this is where the latest episodes of your podcast are displayed. It's best to not display all information on each episode; just the title, description, and sharing links, for example.

show.html

Episode detail page. You can see this by visiting **yourblog.podigee.io/1-first-episode**. Here you should display everything that belongs to your episode, including the web player and show notes.

archive.html

Your podcasts archive page. You can view this by visiting **yourblog.podigee.io/archive**. Here's where you should display a compact list of your episodes.

about.html

Your podcasts About page. You can see this by visiting **yourblog.podigee.io/about**. Here you should display information about yourself and your podcast, including the podcast's description and social media account information.

Dynamic parts of a template

In addition to the static parts of a page, you can also display dynamic information that you entered when you configured your podcast or published a new episode. To make this possible, Podigee Themes uses a so-called templating system called **Liquid** (<http://liquidmarkup.org/>).
Here's a short example of this kind of template:
{% raw %}
    <ul>
      {% for episode in episodes %}
        <li>{{episode.title}}</li>
      {% endfor %}
    </ul>
{% endraw%}
A more comprehensive introduction can be found here:  https://github.com/Shopify/liquid/wiki/Liquid-for-Designers
A list of attributes available in the Podigee Themes can be found here:  https://help.podigee.com/article/161-available-theme-template-variables

Still need help? Contact Us Contact Us