Question

我是Tumblr的新手，我需要帮助。

{block:Posts}
   {block:HasTags}
      {block:Tags}
           <li><a class="meta-item tag-link" href="{TagURL}">#{Tag}</a></li>
      {/block:Tags}
   {/block:HasTags}
{/block:Posts}

此部分显示所有哈希标签，但我只需要显示10个标签。如何在{block:Posts}

上添加一些限制

Answer 1

@Ally是正确的。 {block:Posts}用于在循环中呈现帖子。您无法使用它来限制代码。

CSS的一种方式：

.tags li {
    display: none;
}
.tags li:nth-child( -n+10 ) {
    display: inline
}

Answer 2

正如其他人所说，Tumblr似乎没有解决方案。

您可以使用下面的jquery解决方案。大多数tumblr主题包括jquery，如果你的不是，它相对容易安装。

这是一个非常简单的jquery解决方案：

1：JSFIDDLE

 $('.tag-link:gt(9)').hide();

它只是说，找到每个具有一类标记链接的href并隐藏10以上的任何内容。这可能只显示整个页面上的前10个标记链接，因此您可能需要修改它，猜它看起来像这样：

 $('.post .tag-links:gt(9)').hide();

这是一个纯粹的css解决方案（虽然它在IE7或更低版本中不起作用）

2：JSFIDDLE

css看起来像这样：

 li:nth-child(n+11) {
    display: none;   
 }

这应该适用于我认为的页面上的每个帖子。

希望其中一个解决方案可以提供帮助。如果您需要更多信息，我们可能需要查看您的主题或部分代码，但您也可以使用jsfiddles。

附录：看看这个，这谈到了完整的标签列表。 https://webapps.stackexchange.com/questions/20616/is-there-a-limit-to-the-number-of-tags-tumblr-can-remember

Tumblr模板显示帖子限制

2 个答案: