【问题标题】:Tumblr Theme PHP CountTumblr 主题 PHP 计数
【发布时间】:2013-10-04 14:34:28
【问题描述】:

我可以在 tumblr 主题中使用 php 计数器吗?

我想使用计数器为每 4 个帖子添加一个类,例如:

<div class="<?php if($i % 4 == 0) {echo 'noCol';} ?>">
    {post}
</div>

这是可能的还是有 jQuery 选项?我知道我可以使用 css 实现相同的目标,但这不是跨浏览器友好的!

【问题讨论】:

  • 是的,您发布的示例是合法的。

标签: php jquery count themes tumblr


【解决方案1】:

使用主题运算符:

class="{block:Post4}noCol{/block:Post4}{block:Post8}noCol{/block:Post8}{block:Post12}noCol{/block:Post12}"

使用 CSS:

.post:nth-child(4n) {  /* styles for noCol here */ }

唯一不支持nth-child的浏览器是IE8 http://caniuse.com/#search=nth-child

这可以不用 jQuery 或 javascript 来解决。

【讨论】:

  • CSS 解决方案存在潜在问题。它依赖于特定的 HTML 结构,而这种结构可能没有到位。比如说,在每个帖子之后都有一个分隔符
    。突然你选择了两倍的帖子。
  • @Denis 正确。但是我认为这是一个设计问题,可以通过修改标记来解决,而不是等待加载 javascript 库来解决问题。
【解决方案2】:

不,你can't run PHP in Tumblr themes。 但是您可以使用 JavaScript 轻松做到这一点:

$('.post').filter(function(i){ return i % 4 === 0; }).addClass('noCol');

【讨论】:

  • 打败我...或者,你可以做$('.post:nth-child(4n+4)').addClass('noCol');
  • @Ohgodwhy,我想到了。但它依赖于特定的 HTML 结构,情况可能并非如此。比如说,在每个帖子之后都有一个分隔符
    。突然你选择了两倍的帖子。
  • 好点,我会留下评论,以防将来对某人有帮助。不过 +1。
猜你喜欢
相关资源
最近更新 更多
热门标签