【问题标题】:Tumblr: Changing Post attributes based on tag?Tumblr:根据标签更改帖子属性?
【发布时间】:2014-06-30 00:22:55
【问题描述】:

我正在寻找使用 101 主题 (https://www.tumblr.com/theme/483) 制作一个基本的 tumblr 个人资料,该主题是白色的,每个条目都有不同的颜色,具体取决于它是什么类型的帖子,例如,一个常规条目可能是蓝色,视频条目可以是绿色。

我知道这是使用metaname 选项定义的; <meta name="color:Regular Entry" content="#000000"/> 然后在主题的 CSS 中调用:

.regular,
.conversation,
.quote{
        background-color:{color:Regular Entry};
    }

我想知道是否可以根据帖子的标签更改此背景颜色?

因此,例如,假设我只发布常规条目,但每个条目都有一个特定的标签,可能有 6 个标签,这些标签都是使用<meta name="color:tag1" content="#000000"/>up to tag6 定义的。有没有办法让常规的条目帖子根据这个改变它的bg颜色?

谢谢

【问题讨论】:

    标签: css themes tumblr meta


    【解决方案1】:

    在您的主题中,将{TagsAsClasses} variable 添加到包含单个帖子的元素中,例如,作为class 属性的值:

    <article class="post {TagsAsClasses}">
    

    如果您使用“Foobar”标记了帖子,您会在标记中找到 classfoobar,例如:

    <article class="post foobar">
      <!-- … -->
    </article>
    

    你可以在你的 CSS 中使用它作为一个钩子:

    .foobar {background-color:red;}
    

    旁注:如果您不希望您的用户使用/看到这些标签,您可以使用_ 前缀,如explained in Tumblr’s staff blog

    【讨论】:

    • 感谢分享旁注,太棒了!
    • 太棒了,谢谢 - 效果很好。我使用 div 而不是 article,这样我就可以编辑主题的现有代码,但效果很好,谢谢 :)
    猜你喜欢
    • 1970-01-01
    • 2023-04-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-06
    • 1970-01-01
    • 2014-01-31
    • 1970-01-01
    相关资源
    最近更新 更多