重新调整Tumblr照片宽度

Question

我使用了一个稍微修改过的旧Tumblr主题(The Atlantic #467)。

它看起来很棒，但照片集小得令人讨厌，而且中间偏左。

我看过很多解决Tumblr photoset问题的方法，但他们都是从寻找和修改主题的HTML中的photoset代码开始的。

问题是，"photoset"这个词在我的主题代码中没有出现。我现在更多的是从零开始。

事实上，这就是这里所有与照片相对的内容:

{block:Photo}
    {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
                <p>{block:Caption}{Caption}{/block:Caption}</p>
{/block:Photo}
{block:Quote}
    <div class="quote">
        "{Quote}"
    </div>
    <p>{block:Source}&mdash; {Source}{/block:Source}</p>{/block:Photos} 

我试着在那里放一段新的代码，它只是使它不可能实际查看或发布照片(不好)。

我知道这是愚蠢的。但是，嘿，伙计们，这不是论坛的目的吗?

Answer 1

基本的photoset块应该如下所示:

{block:Photoset}
    <li class="post photoset">
        {Photoset-500}
        {block:Caption}
            <div class="caption">{Caption}</div>
        {/block:Caption}
     </li>
{/block:Photoset}

如果你在主题的代码中找不到{block:Photoset}，那么它不应该渲染Photosets。如果找不到，可以在<ol id="posts">和</ol>之间加入{block:Photoset}。

为了自定义你的帖子和照片集的(宽度)风格，你必须为#posts id和.photoset类的宽度定义CSS规则。

例如:

#posts {
    width: 500px; /* Recommended width for Tumblr content */
}
.post, .photoset {
    width: 500px;
}

最好的资源是阅读自定义主题的Tumblr文档。