Tumblr: изменение атрибутов публикации на основе тега?

#css #themes #tumblr #meta

#css #темы #tumblr #мета

Вопрос:

Я хочу создать базовый профиль tumblr, используя тему 101 (https://www.tumblr.com/theme/483 ), который является белым, и каждая запись имеет разный цвет в зависимости от типа публикации, так, например, обычная запись может быть синей, а видеозапись — зеленой.

Я знаю, что это определяется с помощью metaname параметра; <meta name="color:Regular Entry" content="#000000"/> а затем вызывает его в CSS темы:

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

Я хочу знать, есть ли возможность изменить этот цвет фона на основе тега сообщения?

Итак, например, скажем, я публикую только обычные записи, но у каждой из них есть определенный тег из возможных 6, которые все определены с использованием <meta name="color:tag1" content="#000000"/> до tag6. Есть ли способ заставить обычную запись записи изменить свой цвет bg на основе этого?

Спасибо

Ответ №1:

В вашей теме добавьте {TagsAsClasses} переменную к элементу, содержащему одну запись, например, в качестве значения class атрибута:

 <article class="post {TagsAsClasses}">
  

Если вы отметили сообщение с помощью «Foobar», вы найдете class значение foobar в разметке, например:

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

Вы можете использовать это как хук в своем CSS:

 .foobar {background-color:red;}
  

Примечание: если вы не хотите, чтобы ваши пользователи использовали / видели эти теги, вы можете использовать _ префикс, как описано в блоге сотрудников Tumblr.

Комментарии:

1. Спасибо, что поделились комментарием, это просто потрясающе!

2. Это было блестяще, спасибо — сработало хорошо. Я использовал div вместо article, чтобы я мог просто отредактировать существующий код темы, но он отлично работает, спасибо 🙂