调整 Tumblr 照片集宽度

Question

我使用旧 Tumblr 主题（The Atlantic #467）的略微修改版本。

它看起来不错，但照片集太小了，而且偏左。

我已经查看了很多 Tumblr 照片集问题的解决方案，但它们都是从在主题的 HTML 中查找和修改照片集代码开始的。

问题是，“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

基本的照片集块应如下所示：

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

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

为了自定义帖子和照片集的（宽度）样式，您必须为 #posts id 和 .photoset 类的宽度定义 CSS 规则。

例如：

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

最好的阅读资源是Tumblr Docs for custom themes。