Tumblr:如何使用后标记控制CSS(更新:不使用JQuery的工作方法!)

|| 以前看过这件事,对如何完成感到好奇。可以在http://wordographic.info/上找到示例 例如,如果我将帖子标记为蓝色,则帖子的bg颜色变为蓝色,依此类推。 有人知道这是怎么做的吗? 谢谢。     
已邀请:
        找到了一种仅使用HTML / CSS做到这一点的方法。非常简单,只需将{Tag}块添加到包裹帖子区域的任何div类中,但确保它位于{block:Posts}和{block:Text}等之间。现在,您标记帖子的任何内容现在都成为一个新类。
{block:Posts}
  {block:Text}
    <div class=\"post {block:HasTags}{block:Tags}{Tag} {/block:Tags}{/block:HasTags}\">
      {block:Title}<h2>{Title}</h2>{/block:Title}
      <p>{Body}</p>
    </div>
  {/block:Text}
{/block:Posts}
注意第三行。重要的是在{Tag}之后添加一个空格,否则它们将不会在HTML中分开。 CSS看起来像这样:
.post { /* default style */
    background: #ccc;
    float: left;
    margin: 10px;
    position: relative;
    }
.blue { /* when tagged blue, use this style */
    background: blue !important; 
    }
作品!非常简单,不需要jquery! 感谢Blender,如果我不阅读您的jquery方法,就不会因为某些原因想到它:)     
        使用jQuery,一切皆有可能!这不会立即生效,因此请针对您的主题进行调整:
$(\'.post-class .tag-container .tag\').each(function() {
  $(this).closest(\'.post-class\').addClass($(this).text());
});
    
        与JS无关,这些事情都是在服务器端完成的。取决于标签,将某些属性设置为post,然后在将它们呈现为HTML时将它们考虑在内。     
        您希望获得帖子的标签作为类名,以便可以使用CSS设置帖子样式,并且可以使用一个变量来实现此目的。在模板中只需使用
{TagsAsClasses}
。这将呈现HTML友好的类名。   帖子标签的HTML类属性友好列表。   示例:“幽默办公室new_york_city \” 有关详细说明,请参见Tumblr文档中的“发布”一章。     

要回复问题请先登录注册