tumblr - 你能根据标签自定义 Tumblr 帖子的格式吗？

Question

做一个自定义的 Tumblr 主题，它将混合常见的 Tumblr 帖子类型(文本、图片、链接等)。

我还想偶尔做一个特殊的帖子类型，以展示我的摄影作品，但我不想调整它的大小，而是希望以高分辨率展示照片的全宽主题(约 1140px 宽)。

我读过 {block:HighRes} {/block:HighRes} 但这似乎是为了让 500 像素的图像点击到原始图像。

有没有办法为这些特定的精选摄影帖子禁用这种自动调整大小？也许是一种基于帖子标签改变行为的方法？ (例如，如果它有一个“#photography”标签，则以全分辨率显示——如果没有，继续调整到 500px 宽)。

这是我正在尝试做的一个可视化示例:http://i.imgur.com/23p09.jpg

Answer 1

您可以使用 {TagsAsClasses}
例如对于这个 tumblr 标记 :

{block:Posts}
    <div class="entry {TagsAsClasses}">
     Post Content
    </div>
{/block:Posts}

和 3 个带有此标签的帖子:

照片、照片高分辨率

照片，照片低分辨率

照片、摄影

Tumblr 输出这样的 html 标记 :

<div class="entry photo photo-hi-res">
 Post Content
</div>
<div class="entry photo photo-low-res">
 Post Content
</div>
<div class="entry photo photography">
 Post Content
</div>

这个标记可以用小 处理css :

/* common for photo posts */
.entry.photo {}

/* `hi-res`-tag photo posts */
.entry.photo-hi-res {}

/* `low-res`-tag photo posts */
.entry.photo-low-res { width: 500px; }

/* `photography`-tag photo posts */
/* the rule you need */
.entry.photography { width: 900px; }
.entry.photography img { width: 100%; }