tumblr - 如何在 tumblr 主题中禁用照片集

Question

我想禁用照片集，只在网格框中显示一张图像，我在 img 标签之外使用了 {block:Photos}{/block:Photos}，但是它仍然不起作用，我不知道为什么。

代码：

  {block:photoset}

               {block:Photos} 
                    <img src="{PhotoURL-500}" border="0" />
               {/block:Photos} 

           {block:Caption}
           <div class="entry">
             <blockquote>{Caption}</blockquote>
           </div>
           {/block:Caption}
         {/block:photoset}

Answer 1

如果您只想显示 Photoset 的第一张图片，您必须这样做：

HTML：

{block:Photoset}
    <div class="my-photoset">
        {block:Photos}
            <img src="{PhotoURL-500}" border="0" />
        {/block:Photos}
    </div>

    {block:Caption}
    <div class="entry">
        <blockquote>{Caption}</blockquote>
    </div>
    {/block:Caption}
{/block:Photoset}

CSS：

.my-photoset img {
    display: none;
}

.my-photoset img:first-child {
    display: block;
}

您可以将课程更改为您想要的任何内容，我只是将它们作为示例。您可能已经可以在主题中加入一些课程。