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。如果找不到，可以在{block:Photoset}和<ol id="posts">之间添加</ol>。

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

例如：

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

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

重新调整Tumblr photoset宽度

1 个答案: