I’m experimenting with hijacking tags to make this work. I haven’t tried the full iframe, but I’m interested in sticking arbitrary data on blog posts, to create a page with a view (think list of endorsed candidates – I want a page per candidate, like a set of blog posts, but in my list of blog posts I want to style the office they’re seeking, separately from the headline.)

What I’m doing is using tags as ht-key-value (ht stands for “hack tags”). I changed theme-wide _page_tags.html to ignore tags that start with ht-:

{% if page_tags.tags_count > 0 }
<div class=“padbottom”>
<div class=“page_tag_background”>
{ for tag in page_tags.tags }
{ unless tag.name contains “ht-” }
<span class=“page_tag”><a href=“{{ tag.url }}”>{{ tag.name }}</a></span>
{ endunless }
{ endfor }
</div>
</div>
{ endif %}

and then, for my “Endorsed Candidate” blog, on each candidate post I tagged them as ‘ht-office-District 1’ and ‘ht-office-District 2’, etc. When you look at the post, that tag no longer shows up.

On the blog post listings page, I added some code to the template (only for that page, not the theme-wide template):

{% for post in page.blog.most_recent_blog_posts %}
<div class=“page_excerpt padbottom” id=“blog_post_page_{{ post.id }}”>

<h3><a href=“{{ post.url }}”>{{ post.headline }}</a></h3> {% if post.tags_count > 0 %}

{% for tag in post.tags }
{ if tag.name contains “ht-office” }
<h3>{{tag.name | split:“-” | last}}</h3>
{ endif }
{ endfor }
{ endif %}

It’s a little wonky, but it’s a start.