Edit 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:


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)


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 {{page_content}}. This is where for example the content from index.html or show.html is rendered.


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.


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.


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.


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:

<ul class="episode-list">
  {% for episode in episodes %}
  {% endfor %}

A more comprehensive introduction can be found here: Liquid for Designers

A list of attributes available in the Podigee Themes can be found here: Theme Attribute Reference.