Joey
January 1, 2016, 5:01pm
1
Hi community
I wanted to try the [podlove-episode-list]
shortcode. I really like the idea behind it.
In my case, it looks like this by default:
I wanted to change this. In the end, it should look something like this:
The changes I’d like to make are:
no display of the cover art
change date format from xx. month zzzz time
to xx.yy.zzzz
only the title is a clickable link, not the description
slight border changes
Additional:
How can I translate Date
,Title
and Duration
into German?
Is this possible in css? All of it? If yes, how? Or is it better to achieve this via separate template/shortcode?
Just take the Template Code from http://docs.podlove.org/podlove-publisher/reference/templates.html#list-of-episodes and put in your template list under a new name and change it to your needs.
Joey
January 1, 2016, 5:23pm
3
Thanks for the fast response. I’m about to do that. Really cool to have this freedom! I might share the result. Just in case someone might need it.
Please do. That’s actually the intention of the design of this.
Joey
January 1, 2016, 7:01pm
5
I came up with this:
<table>
<thead>
<th>Datum</th>
<th>Titel & Beschreibung</th>
<th>Dauer</th>
</thead>
<tbody>
{% for episode in podcast.episodes %}
<tr class="podcast_archive_element">
<td class="date">
<span class="release_date">
{{ episode.publicationDate.format('d.m.y') }}
</span>
</td>
<td class="title">
<a href="{{ episode.url }}">
<strong>{{ episode.title }}</strong><br>
</a>{{ episode.subtitle }}
</td>
<td class="duration">
{% set duration = episode.duration %}
{{ duration.hours }}:{{ duration.minutes|padLeft("0",2) }}:{{ duration.seconds|padLeft("0",2) }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</style>
The result will look something like this:
Feel free to copy and improve! One could make this even more simple and slim by removing the date. I’m not sure if the duration info is really needed on an archive page.
Please note:
The table-borders and text alignment are done in the style.css
file.
The archive and the contributors table both seem to rely on the same “css element” (how are these called?). In this case table.podlove-contributors-table, th, td
. Therefore, manipulating your archive table in your style.css
file will also affect your contributors table in the same way. @timpritlove , is this intentional?